From f028ad9caa563bd1da0a233072152391ae91f65b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?N=C3=A9stor=20Andreu?= Date: Mon, 13 Mar 2023 15:35:41 +0100 Subject: [PATCH] Updated theme and also a few other things --- gtk-2.0/gtkrc | 2 +- gtk-3.0/gtk.css | 150 ++++++++--------- gtk-4.0/gtk.css | 154 +++++++++--------- source/common/_theme_colors.scss | 6 +- source/common/gtkinfobar.scss | 6 +- source/gtk3/gtk-new.css | 150 ++++++++--------- source/gtk4/gtk-new.css | 154 +++++++++--------- source/templates/_theme_colors.scss.processed | 6 +- .../colorscheme-Skewaita_improved_light.sh | 4 +- source/templates/gtkrc.processed | 2 +- 10 files changed, 317 insertions(+), 317 deletions(-) diff --git a/gtk-2.0/gtkrc b/gtk-2.0/gtkrc index 418d962..8bad6ec 100644 --- a/gtk-2.0/gtkrc +++ b/gtk-2.0/gtkrc @@ -7,7 +7,7 @@ gtk-color-scheme = "base_color:#E3E3E3" gtk-color-scheme = "text_color:#2f2f2f" gtk-color-scheme = "selected_bg_color:#b0dd7e" gtk-color-scheme = "selected_fg_color:#000000" -gtk-color-scheme = "tooltip_bg_color:#85B1E8" +gtk-color-scheme = "tooltip_bg_color:#c4deff" gtk-color-scheme = "tooltip_fg_color:#002269" gtk-color-scheme = "disabled_bg_color:#B5A9A9" gtk-color-scheme = "disabled_fg_color:#552222" diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index d5a9b33..9de1821 100644 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -9,7 +9,7 @@ label:disabled selection, .selection-mode button.titlebutton:disabled, label:dis .selection-mode button.titlebutton:backdrop, label:backdrop:selected, calendar:backdrop:selected, row:backdrop:selected, treeview.view:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, flowbox flowboxchild:backdrop:selected, .view text selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, .view:backdrop:selected, iconview:backdrop:selected, .view text:backdrop:selected, iconview text:backdrop:selected, textview text:backdrop:selected { color: #000000; background-color: #b0dd7e; } -* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #990000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 0px; -gtk-secondary-caret-color: #b0dd7e; } +* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #e10000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 0px; -gtk-secondary-caret-color: #b0dd7e; } /*************** Base States * */ .background { color: #2f2f2f; background-color: #C9C9C9; } @@ -55,9 +55,9 @@ label:disabled { color: #552222; } button label:disabled { color: inherit; } -label.error { color: #990000; } +label.error { color: #e10000; } -label.error:disabled { color: #552222; } +label.error:disabled { color: #562222; } .dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } @@ -69,7 +69,7 @@ assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #aaaaaa; } -.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #002269; border-width: 2px; border-style: solid; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #002269; border-width: 2px; border-style: solid; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } /********************* Spinner Animation * */ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } @@ -114,11 +114,11 @@ spinbutton:focus:not(.vertical), entry:focus { background-color: #E3E3E3; border spinbutton:disabled:not(.vertical), entry:disabled { color: #552222; background-color: #B5A9A9; border-left-color: #9d8e8e; border-top-color: #9d8e8e; border-right-color: #d8d2d2; border-bottom-color: #d8d2d2; } -spinbutton.error:not(.vertical), entry.error { color: #990000; border-color: #990000; } +spinbutton.error:not(.vertical), entry.error { color: #e10000; border-color: #e10000; } -spinbutton.error:focus:not(.vertical), entry.error:focus { background-color: #E3E3E3; border-left-color: #660000; border-top-color: #660000; border-right-color: #e60000; border-bottom-color: #e60000; } +spinbutton.error:focus:not(.vertical), entry.error:focus { background-color: #E3E3E3; border-left-color: #ae0000; border-top-color: #ae0000; border-right-color: #ff2f2f; border-bottom-color: #ff2f2f; } -spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #990000; } +spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #e10000; } spinbutton.warning:not(.vertical), entry.warning { color: #f57900; border-color: #f57900; } @@ -134,9 +134,9 @@ spinbutton:not(.vertical) image:active, entry image:active { color: #b0dd7e; } spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #00b8a8; box-shadow: inset 0 0 0 1px #00b8a8; } -.osd spinbutton:not(.vertical), .osd entry { color: #002269; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.osd spinbutton:not(.vertical), .osd entry { color: #002269; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } -.osd spinbutton:focus:not(.vertical), .osd entry:focus { color: #002269; background-color: #85B1E8; border-left-color: #97d256; border-top-color: #97d256; border-right-color: #d5edbb; border-bottom-color: #d5edbb; } +.osd spinbutton:focus:not(.vertical), .osd entry:focus { color: #002269; background-color: #c4deff; border-left-color: #97d256; border-top-color: #97d256; border-right-color: #d5edbb; border-bottom-color: #d5edbb; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #552222; background-color: #B5A9A9; border-left-color: #9d8e8e; border-top-color: #9d8e8e; border-right-color: #d8d2d2; border-bottom-color: #d8d2d2; } @@ -144,7 +144,7 @@ spinbutton:not(.vertical) progress, entry progress { margin: 2px 2px; background spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } -spinbutton.error:not(.vertical), entry.error { color: #990000; } +spinbutton.error:not(.vertical), entry.error { color: #e10000; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #E3E3E3; } @@ -202,21 +202,21 @@ row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(di row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected calendar.flat.button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #E3E3E3; } -calendar.osd.button, button.osd { min-width: 26px; min-height: 32px; color: #002269; border-radius: 0; border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; box-shadow: none; } +calendar.osd.button, button.osd { min-width: 26px; min-height: 32px; color: #002269; border-radius: 0; border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; box-shadow: none; } calendar.osd.image-button.button, button.osd.image-button { min-width: 34px; } -calendar.osd.button:hover, button.osd:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; box-shadow: none; } +calendar.osd.button:hover, button.osd:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; box-shadow: none; } -calendar.osd.button:active, calendar.osd.button:checked, button.osd:active, button.osd:checked { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; box-shadow: none; } +calendar.osd.button:active, calendar.osd.button:checked, button.osd:active, button.osd:checked { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; box-shadow: none; } calendar.osd.button:disabled, button.osd:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } -.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd calendar.button, .osd button { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd calendar.button, .osd button { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd calendar.button:hover, .osd button:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd calendar.button:hover, .osd button:hover { border-width: 2px; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd calendar.button:active, .osd calendar.button:checked, .osd button:active, .osd button:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd calendar.button:active, .osd calendar.button:checked, .osd button:active, .osd button:checked { border-width: 2px; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd calendar.button:disabled, .osd button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -224,11 +224,11 @@ calendar.osd.button:disabled, button.osd:disabled { border-width: 2px; color: #5 .app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd calendar.flat.button:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } -.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd calendar.flat.button:hover, .osd button.flat:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd calendar.flat.button:hover, .osd button.flat:hover { border-width: 2px; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd calendar.flat.button:disabled, .osd button.flat:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; background-color: #B5A9A9; background-image: none; border-color: transparent; box-shadow: none; } -.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd calendar.flat.button:active, .osd calendar.flat.button:checked, .osd button.flat:active, .osd button.flat:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd calendar.flat.button:active, .osd calendar.flat.button:checked, .osd button.flat:active, .osd button.flat:checked { border-width: 2px; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } calendar.suggested-action.button, button.suggested-action { border-width: 2px; color: white; background-color: #008579; border-left-color: #00d2bf; border-top-color: #00d2bf; border-right-color: #00524b; border-bottom-color: #00524b; } @@ -244,33 +244,33 @@ calendar.suggested-action.button:disabled, button.suggested-action:disabled { bo calendar.suggested-action.button:disabled:active, calendar.suggested-action.button:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-width: 2px; color: #552222; background-color: #b4b1a3; border-left-color: #9d9987; border-top-color: #9d9987; border-right-color: #d6d5cd; border-bottom-color: #d6d5cd; } -.osd calendar.suggested-action.button, .osd button.suggested-action { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd calendar.suggested-action.button, .osd button.suggested-action { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd calendar.suggested-action.button:hover, .osd button.suggested-action:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd calendar.suggested-action.button:hover, .osd button.suggested-action:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd calendar.suggested-action.button:active, .osd calendar.suggested-action.button:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd calendar.suggested-action.button:active, .osd calendar.suggested-action.button:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd calendar.suggested-action.button:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } -calendar.destructive-action.button, button.destructive-action { border-width: 2px; color: white; background-color: #990000; border-left-color: #e60000; border-top-color: #e60000; border-right-color: #660000; border-bottom-color: #660000; } +calendar.destructive-action.button, button.destructive-action { border-width: 2px; color: white; background-color: #e10000; border-left-color: #ff2f2f; border-top-color: #ff2f2f; border-right-color: #ae0000; border-bottom-color: #ae0000; } -calendar.destructive-action.flat.button, button.destructive-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #990000; } +calendar.destructive-action.flat.button, button.destructive-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #e10000; } -calendar.destructive-action.button:hover, button.destructive-action:hover { border-width: 2px; background-color: #b30000; border-left-color: red; border-top-color: red; border-right-color: maroon; border-bottom-color: maroon; } +calendar.destructive-action.button:hover, button.destructive-action:hover { border-width: 2px; background-color: #fb0000; border-left-color: #ff4848; border-top-color: #ff4848; border-right-color: #c80000; border-bottom-color: #c80000; } -calendar.destructive-action.button:active, calendar.destructive-action.button:checked, button.destructive-action:active, button.destructive-action:checked { border-width: 2px; background-color: #990000; border-left-color: #660000; border-top-color: #660000; border-right-color: #e60000; border-bottom-color: #e60000; } +calendar.destructive-action.button:active, calendar.destructive-action.button:checked, button.destructive-action:active, button.destructive-action:checked { border-width: 2px; background-color: #e10000; border-left-color: #ae0000; border-top-color: #ae0000; border-right-color: #ff2f2f; border-bottom-color: #ff2f2f; } -calendar.destructive-action.flat.button:backdrop, calendar.destructive-action.flat.button:disabled, button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(153, 0, 0, 0.8); } +calendar.destructive-action.flat.button:backdrop, calendar.destructive-action.flat.button:disabled, button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(225, 0, 0, 0.8); } calendar.destructive-action.button:disabled, button.destructive-action:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } calendar.destructive-action.button:disabled:active, calendar.destructive-action.button:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-width: 2px; color: #552222; background-color: #b4b1a3; border-left-color: #9d9987; border-top-color: #9d9987; border-right-color: #d6d5cd; border-bottom-color: #d6d5cd; } -.osd calendar.destructive-action.button, .osd button.destructive-action { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd calendar.destructive-action.button, .osd button.destructive-action { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd calendar.destructive-action.button:hover, .osd button.destructive-action:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd calendar.destructive-action.button:hover, .osd button.destructive-action:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd calendar.destructive-action.button:active, .osd calendar.destructive-action.button:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd calendar.destructive-action.button:active, .osd calendar.destructive-action.button:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd calendar.destructive-action.button:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -417,11 +417,11 @@ spinbutton.vertical button.up { border-radius: 0px 0px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 0px 0px; } -.osd spinbutton.vertical button:first-child { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd spinbutton.vertical button:first-child { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd spinbutton.vertical button:first-child:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd spinbutton.vertical button:first-child:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd spinbutton.vertical button:first-child:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd spinbutton.vertical button:first-child:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd spinbutton.vertical button:first-child:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -441,7 +441,7 @@ toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } -toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: #85B1E8; } +toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: #c4deff; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } @@ -806,7 +806,7 @@ scrollbar slider:hover:active { background-color: #97d256; border-left-color: #b scrollbar slider:disabled { background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } -scrollbar.fine-tune slider, scrollbar.fine-tune slider:hover, scrollbar.fine-tune slider:active { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +scrollbar.fine-tune slider, scrollbar.fine-tune slider:hover, scrollbar.fine-tune slider:active { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } scrollbar.horizontal slider { min-width: 40px; } @@ -918,11 +918,11 @@ check:disabled, radio:disabled { color: #552222; border-color: #552222; } row:selected check, row:selected radio { border-color: #000000; } -.osd check, .osd radio { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd check, .osd radio { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd check:hover, .osd radio:hover { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd check:hover, .osd radio:hover { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd check:active, .osd radio:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd check:active, .osd radio:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd check:disabled, .osd radio:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -955,7 +955,7 @@ levelbar > trough, progressbar trough, scale fill, scale trough { border: 2px so levelbar > trough:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #B5A9A9; border-left-color: #9d8e8e; border-top-color: #9d8e8e; border-right-color: #d8d2d2; border-bottom-color: #d8d2d2; } -.osd levelbar > trough, .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.osd levelbar > trough, .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } .osd levelbar > trough:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: #B5A9A9; border-left-color: #9d8e8e; border-top-color: #9d8e8e; border-right-color: #d8d2d2; border-bottom-color: #d8d2d2; } @@ -965,7 +965,7 @@ progressbar progress:disabled, scale highlight:disabled { background-color: #a28 scale { min-height: 10px; min-width: 10px; padding: 12px; } -scale.fine-tune slider, scale.fine-tune slider:active, scale.fine-tune slider:hover, scale.fine-tune slider:focus { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +scale.fine-tune slider, scale.fine-tune slider:active, scale.fine-tune slider:hover, scale.fine-tune slider:focus { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } @@ -981,11 +981,11 @@ scale slider:active { background-color: #b0dd7e; border-left-color: #d5edbb; bor scale slider:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } -.osd scale slider { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd scale slider { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd scale slider:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd scale slider:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd scale slider:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd scale slider:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd scale slider:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1090,13 +1090,13 @@ actionbar > revealer > box { padding: 6px; border-top: 1px solid #9b9b9b; } scrolledwindow viewport.frame { border-style: none; } -scrolledwindow overshoot.top { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow overshoot.top { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } -scrolledwindow overshoot.bottom { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow overshoot.bottom { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } -scrolledwindow overshoot.left { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow overshoot.left { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } -scrolledwindow overshoot.right { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow overshoot.right { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #9b9b9b 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #aaaaaa; } @@ -1104,7 +1104,7 @@ scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator { border-width: 2px; border-style: solid; background-color: #C9C9C9; border-left-color: #efefef; border-top-color: #efefef; border-right-color: #b0b0b0; border-bottom-color: #b0b0b0; min-width: 0px; min-height: 0px; } -statusbar separator, .osd separator, osd separator { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +statusbar separator, .osd separator, osd separator { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } headerbar:not(:backdrop) separator { background-color: #b0dd7e; border-left-color: #d5edbb; border-top-color: #d5edbb; border-right-color: #97d256; border-bottom-color: #97d256; } @@ -1128,7 +1128,7 @@ row.activatable:selected:active { background-color: #b0dd7e; border-left-color: row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #9ec771; border-left-color: #c3dda8; border-top-color: #c3dda8; border-right-color: #85b94c; border-bottom-color: #85b94c; } /********************* App Notifications * */ -.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: #85B1E8; background-clip: padding-box; } +.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: #c4deff; background-clip: padding-box; } .app-notification border, .app-notification.frame border { border: none; } @@ -1254,13 +1254,13 @@ paned > separator { border-width: 1px; min-width: 6px; min-height: 6px; } /************** GtkInfoBar * */ /************** GtkInfoBar * */ -infobar { background-color: #503a69; border-left-color: #76569a; border-top-color: #76569a; border-right-color: #372848; border-bottom-color: #372848; } +infobar { background-color: #badebf; border-left-color: #eef7ef; border-top-color: #eef7ef; border-right-color: #98ce9f; border-bottom-color: #98ce9f; } -infobar button { border-width: 2px; color: #2f2f2f; background-color: #503a69; border-left-color: #76569a; border-top-color: #76569a; border-right-color: #372848; border-bottom-color: #372848; } +infobar button { border-width: 2px; color: #2f2f2f; background-color: #badebf; border-left-color: #eef7ef; border-top-color: #eef7ef; border-right-color: #98ce9f; border-bottom-color: #98ce9f; } -infobar button:hover { border-width: 2px; background-color: #5d4479; border-left-color: #8362a7; border-top-color: #8362a7; border-right-color: #443158; border-bottom-color: #443158; } +infobar button:hover { border-width: 2px; background-color: #cbe6cf; border-left-color: white; border-top-color: white; border-right-color: #a9d6af; border-bottom-color: #a9d6af; } -infobar button:active, infobar button:checked { border-width: 2px; background-color: #503a69; border-left-color: #372848; border-top-color: #372848; border-right-color: #76569a; border-bottom-color: #76569a; } +infobar button:active, infobar button:checked { border-width: 2px; background-color: #badebf; border-left-color: #98ce9f; border-top-color: #98ce9f; border-right-color: #eef7ef; border-bottom-color: #eef7ef; } infobar button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1270,13 +1270,13 @@ infobar selection { background-color: #b0b0b0; } infobar *:link { color: #004B91; } -infobar.info { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.info { background-color: #62cbd4; border-left-color: #9edfe4; border-top-color: #9edfe4; border-right-color: #3abec9; border-bottom-color: #3abec9; } -infobar.info button { border-width: 2px; color: #2f2f2f; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.info button { border-width: 2px; color: #2f2f2f; background-color: #62cbd4; border-left-color: #9edfe4; border-top-color: #9edfe4; border-right-color: #3abec9; border-bottom-color: #3abec9; } -infobar.info button:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +infobar.info button:hover { border-width: 2px; background-color: #76d2d9; border-left-color: #b2e6ea; border-top-color: #b2e6ea; border-right-color: #4ec4cf; border-bottom-color: #4ec4cf; } -infobar.info button:active, infobar.info button:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +infobar.info button:active, infobar.info button:checked { border-width: 2px; background-color: #62cbd4; border-left-color: #3abec9; border-top-color: #3abec9; border-right-color: #9edfe4; border-bottom-color: #9edfe4; } infobar.info button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1286,13 +1286,13 @@ infobar.info selection { background-color: #b0b0b0; } infobar.info *:link { color: #004B91; } -infobar.question { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.question { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -infobar.question button { border-width: 2px; color: #2f2f2f; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.question button { border-width: 2px; color: #2f2f2f; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -infobar.question button:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +infobar.question button:hover { border-width: 2px; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -infobar.question button:active, infobar.question button:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +infobar.question button:active, infobar.question button:checked { border-width: 2px; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } infobar.question button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1318,13 +1318,13 @@ infobar.warning selection { background-color: #b0b0b0; } infobar.warning *:link { color: #004B91; } -infobar.error { background-color: #990000; border-left-color: #e60000; border-top-color: #e60000; border-right-color: #660000; border-bottom-color: #660000; } +infobar.error { background-color: #d08d8d; border-left-color: #e6c3c3; border-top-color: #e6c3c3; border-right-color: #c16969; border-bottom-color: #c16969; } -infobar.error button { border-width: 2px; color: #2f2f2f; background-color: #990000; border-left-color: #e60000; border-top-color: #e60000; border-right-color: #660000; border-bottom-color: #660000; } +infobar.error button { border-width: 2px; color: #2f2f2f; background-color: #d08d8d; border-left-color: #e6c3c3; border-top-color: #e6c3c3; border-right-color: #c16969; border-bottom-color: #c16969; } -infobar.error button:hover { border-width: 2px; background-color: #b30000; border-left-color: red; border-top-color: red; border-right-color: maroon; border-bottom-color: maroon; } +infobar.error button:hover { border-width: 2px; background-color: #d79f9f; border-left-color: #eed5d5; border-top-color: #eed5d5; border-right-color: #c97b7b; border-bottom-color: #c97b7b; } -infobar.error button:active, infobar.error button:checked { border-width: 2px; background-color: #990000; border-left-color: #660000; border-top-color: #660000; border-right-color: #e60000; border-bottom-color: #e60000; } +infobar.error button:active, infobar.error button:checked { border-width: 2px; background-color: #d08d8d; border-left-color: #c16969; border-top-color: #c16969; border-right-color: #e6c3c3; border-bottom-color: #e6c3c3; } infobar.error button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1337,7 +1337,7 @@ infobar.error *:link { color: #004B91; } /************ Tooltips * */ tooltip { border-radius: 0; box-shadow: none; text-shadow: none; } -tooltip.background { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; border-width: 2px; border-style: solid; color: #002269; } +tooltip.background { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; border-width: 2px; border-style: solid; color: #002269; } tooltip decoration { background-color: transparent; border: none; box-shadow: none; } @@ -1408,11 +1408,11 @@ decoration:backdrop { box-shadow: 0 0 0 4px #e3e3e3, 2px 2px 0 2px #b7b7b7; } tooltip.csd decoration { border-radius: 0px; box-shadow: none; } -button.titlebutton.close { border-width: 2px; color: #000000; background-color: #a56f3f; border-left-color: #c6966a; border-top-color: #c6966a; border-right-color: #805631; border-bottom-color: #805631; } +button.titlebutton.close { border-width: 2px; color: #000000; background-color: #c96f3f; border-left-color: #da9c7b; border-top-color: #da9c7b; border-right-color: #a6582f; border-bottom-color: #a6582f; } -button.titlebutton.close:hover, button.titlebutton.close:hover:backdrop { border-width: 2px; background-color: #b77b46; border-left-color: #cda37d; border-top-color: #cda37d; border-right-color: #936338; border-bottom-color: #936338; } +button.titlebutton.close:hover, button.titlebutton.close:hover:backdrop { border-width: 2px; background-color: #cf7e53; border-left-color: #dfab8f; border-top-color: #dfab8f; border-right-color: #ba6334; border-bottom-color: #ba6334; } -button.titlebutton.close:active, button.titlebutton.close:active:backdrop { border-width: 2px; background-color: #a56f3f; border-left-color: #805631; border-top-color: #805631; border-right-color: #c6966a; border-bottom-color: #c6966a; } +button.titlebutton.close:active, button.titlebutton.close:active:backdrop { border-width: 2px; background-color: #c96f3f; border-left-color: #a6582f; border-top-color: #a6582f; border-right-color: #da9c7b; border-bottom-color: #da9c7b; } button.titlebutton.close:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1502,9 +1502,9 @@ popover.emoji-completion contents row box { padding: 2px 10px; } popover.emoji-completion .emoji:hover { background: #d6d6d6; } -statusbar { padding: 2px 5px 2px 5px; border-width: 2px; border-style: solid; color: #002269; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +statusbar { padding: 2px 5px 2px 5px; border-width: 2px; border-style: solid; color: #002269; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } -undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#436aa9,0.3)); } +undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#6280b4,0.3)); } undershoot.top { background-size: 100% 0.5em; background-position: top; } @@ -1514,17 +1514,17 @@ undershoot.left { background-size: 0.5em 100%; background-position: left; } undershoot.right { background-size: 0.5em 100%; background-position: right; } -#XfceNotifyWindow { color: #002269; border-radius: 0px; border-width: 2px; border-style: solid; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +#XfceNotifyWindow { color: #002269; border-radius: 0px; border-width: 2px; border-style: solid; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } #XfceNotifyWindow label { color: #002269; } #XfceNotifyWindow label #summary { font-weight: bold; } -#XfceNotifyWindow button { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +#XfceNotifyWindow button { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -#XfceNotifyWindow button:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +#XfceNotifyWindow button:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -#XfceNotifyWindow button:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +#XfceNotifyWindow button:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* @@ -1584,7 +1584,7 @@ widgets main borders color on backdrop windows */ /* these are pretty self explicative */ @define-color warning_color #f57900; -@define-color error_color #990000; +@define-color error_color #e10000; @define-color success_color #00b8a8; /* these colors are exported for the window manager and shouldn't be used in applications, diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css index a65f2c7..3bfc6ff 100644 --- a/gtk-4.0/gtk.css +++ b/gtk-4.0/gtk.css @@ -89,9 +89,9 @@ label:disabled { color: #552222; } button label:disabled { color: inherit; } -label.error { color: #990000; } +label.error { color: #e10000; } -label.error:disabled { color: #552222; } +label.error:disabled { color: #562222; } .dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; } @@ -105,7 +105,7 @@ window.assistant .sidebar > label.highlight { background-color: #b0dd7e; border- window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } -.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #002269; border-width: 2px; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #002269; border-width: 2px; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } /********************* Spinner Animation * */ @keyframes spin { to { transform: rotate(1turn); } } @@ -160,15 +160,15 @@ spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: #b0dd7e; color: #000000; } -spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #990000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #e10000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; } -spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(153, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(225, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } -spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { background-color: #E3E3E3; border-left-color: #660000; border-top-color: #660000; border-right-color: #e60000; border-bottom-color: #e60000; } +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { background-color: #E3E3E3; border-left-color: #ae0000; border-top-color: #ae0000; border-right-color: #ff2f2f; border-bottom-color: #ff2f2f; } -spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #990000; } +spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #e10000; } spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } @@ -190,9 +190,9 @@ spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.passwo spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #00b8a8; box-shadow: inset 0 0 0 1px #00b8a8; } -.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: #002269; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: #002269; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } -.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #002269; background-color: #85B1E8; border-left-color: #97d256; border-top-color: #97d256; border-right-color: #d5edbb; border-bottom-color: #d5edbb; } +.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #002269; background-color: #c4deff; border-left-color: #97d256; border-top-color: #97d256; border-right-color: #d5edbb; border-bottom-color: #d5edbb; } .osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #552222; background-color: #B5A9A9; border-left-color: #9d8e8e; border-top-color: #9d8e8e; border-right-color: #d8d2d2; border-bottom-color: #d8d2d2; } @@ -200,7 +200,7 @@ spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, ent spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #b0dd7e; border-style: solid; box-shadow: none; } -spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #990000; } +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #e10000; } treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #E3E3E3; transition-property: color, background; } @@ -254,31 +254,31 @@ row:selected button { border-color: #8bcd41; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #000000; border-color: transparent; } -button.osd { min-width: 26px; min-height: 32px; color: #002269; border-radius: 5px; border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; box-shadow: none; } +button.osd { min-width: 26px; min-height: 32px; color: #002269; border-radius: 5px; border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; box-shadow: none; } button.osd.image-button { min-width: 30px; } button.osd.image-button:only-child { margin: 4px; border-radius: 50%; } -button.osd:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; box-shadow: none; } +button.osd:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; box-shadow: none; } -button.osd:active, button.osd:checked { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; box-shadow: none; } +button.osd:active, button.osd:checked { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; box-shadow: none; } -.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { border-width: 2px; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active, .osd button:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active, .osd button:checked { border-width: 2px; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } .app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } -.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { border-width: 2px; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } -.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { border-width: 2px; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } button.suggested-action { border-width: 2px; color: white; background-color: #008579; border-left-color: #00d2bf; border-top-color: #00d2bf; border-right-color: #00524b; border-bottom-color: #00524b; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } @@ -298,37 +298,37 @@ button.suggested-action:disabled { border-width: 2px; color: #552222; background button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-width: 2px; color: #552222; background-color: #b4b1a3; border-left-color: #9d9987; border-top-color: #9d9987; border-right-color: #d6d5cd; border-bottom-color: #d6d5cd; } -.osd button.suggested-action { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd button.suggested-action { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd button.suggested-action:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd button.suggested-action:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd button.suggested-action:active, .osd button.suggested-action:checked { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd button.suggested-action:active, .osd button.suggested-action:checked { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd button.suggested-action:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } -button.destructive-action { border-width: 2px; color: white; background-color: #990000; border-left-color: #e60000; border-top-color: #e60000; border-right-color: #660000; border-bottom-color: #660000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +button.destructive-action { border-width: 2px; color: white; background-color: #e10000; border-left-color: #ff2f2f; border-top-color: #ff2f2f; border-right-color: #ae0000; border-bottom-color: #ae0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; } button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } -button.destructive-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #990000; } +button.destructive-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #e10000; } -button.destructive-action:hover { border-width: 2px; background-color: #b30000; border-left-color: red; border-top-color: red; border-right-color: maroon; border-bottom-color: maroon; } +button.destructive-action:hover { border-width: 2px; background-color: #fb0000; border-left-color: #ff4848; border-top-color: #ff4848; border-right-color: #c80000; border-bottom-color: #c80000; } -button.destructive-action:active, button.destructive-action:checked { border-width: 2px; background-color: #990000; border-left-color: #660000; border-top-color: #660000; border-right-color: #e60000; border-bottom-color: #e60000; } +button.destructive-action:active, button.destructive-action:checked { border-width: 2px; background-color: #e10000; border-left-color: #ae0000; border-top-color: #ae0000; border-right-color: #ff2f2f; border-bottom-color: #ff2f2f; } -button.destructive-action.flat:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(153, 0, 0, 0.8); } +button.destructive-action.flat:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(225, 0, 0, 0.8); } button.destructive-action:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-width: 2px; color: #552222; background-color: #b4b1a3; border-left-color: #9d9987; border-top-color: #9d9987; border-right-color: #d6d5cd; border-bottom-color: #d6d5cd; } -.osd button.destructive-action { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd button.destructive-action { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd button.destructive-action:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd button.destructive-action:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd button.destructive-action:active, .osd button.destructive-action:checked { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd button.destructive-action:active, .osd button.destructive-action:checked { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd button.destructive-action:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -432,7 +432,7 @@ spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.v .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } -.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #002269; border-color: rgba(0, 34, 105, 0.5); background-color: #5a96e0; -gtk-icon-shadow: 0 1px black; box-shadow: none; } +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #002269; border-color: rgba(0, 34, 105, 0.5); background-color: #91c1ff; -gtk-icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #552222; border-color: rgba(0, 34, 105, 0.5); -gtk-icon-shadow: none; box-shadow: none; } @@ -456,11 +456,11 @@ spinbutton.vertical > button.up { border-bottom-left-radius: 0; border-bottom-ri spinbutton.vertical > button.down { border-top-left-radius: 0; border-top-right-radius: 0; } -.osd spinbutton.vertical > button:first-child { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd spinbutton.vertical > button:first-child { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd spinbutton.vertical > button:first-child:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd spinbutton.vertical > button:first-child:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd spinbutton.vertical > button:first-child:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd spinbutton.vertical > button:first-child:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd spinbutton.vertical > button:first-child:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -496,7 +496,7 @@ searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; backgr .osd .toolbar { background-color: transparent; } -.toolbar.osd { padding: 13px; border: none; border-radius: 0px; background-color: #85B1E8; } +.toolbar.osd { padding: 13px; border: none; border-radius: 0px; background-color: #c4deff; } .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; } @@ -510,13 +510,13 @@ searchbar > revealer > box { border-style: solid; border-color: #9b9b9b; backgro /************** GtkInfoBar * */ /************** GtkInfoBar * */ -infobar { background-color: #503a69; border-left-color: #76569a; border-top-color: #76569a; border-right-color: #372848; border-bottom-color: #372848; } +infobar { background-color: #badebf; border-left-color: #eef7ef; border-top-color: #eef7ef; border-right-color: #98ce9f; border-bottom-color: #98ce9f; } -infobar button { border-width: 2px; color: #2f2f2f; background-color: #503a69; border-left-color: #76569a; border-top-color: #76569a; border-right-color: #372848; border-bottom-color: #372848; } +infobar button { border-width: 2px; color: #2f2f2f; background-color: #badebf; border-left-color: #eef7ef; border-top-color: #eef7ef; border-right-color: #98ce9f; border-bottom-color: #98ce9f; } -infobar button:hover { border-width: 2px; background-color: #5d4479; border-left-color: #8362a7; border-top-color: #8362a7; border-right-color: #443158; border-bottom-color: #443158; } +infobar button:hover { border-width: 2px; background-color: #cbe6cf; border-left-color: white; border-top-color: white; border-right-color: #a9d6af; border-bottom-color: #a9d6af; } -infobar button:active, infobar button:checked { border-width: 2px; background-color: #503a69; border-left-color: #372848; border-top-color: #372848; border-right-color: #76569a; border-bottom-color: #76569a; } +infobar button:active, infobar button:checked { border-width: 2px; background-color: #badebf; border-left-color: #98ce9f; border-top-color: #98ce9f; border-right-color: #eef7ef; border-bottom-color: #eef7ef; } infobar button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -526,13 +526,13 @@ infobar selection { background-color: #b0b0b0; } infobar *:link { color: #004B91; } -infobar.info { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.info { background-color: #62cbd4; border-left-color: #9edfe4; border-top-color: #9edfe4; border-right-color: #3abec9; border-bottom-color: #3abec9; } -infobar.info button { border-width: 2px; color: #2f2f2f; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.info button { border-width: 2px; color: #2f2f2f; background-color: #62cbd4; border-left-color: #9edfe4; border-top-color: #9edfe4; border-right-color: #3abec9; border-bottom-color: #3abec9; } -infobar.info button:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +infobar.info button:hover { border-width: 2px; background-color: #76d2d9; border-left-color: #b2e6ea; border-top-color: #b2e6ea; border-right-color: #4ec4cf; border-bottom-color: #4ec4cf; } -infobar.info button:active, infobar.info button:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +infobar.info button:active, infobar.info button:checked { border-width: 2px; background-color: #62cbd4; border-left-color: #3abec9; border-top-color: #3abec9; border-right-color: #9edfe4; border-bottom-color: #9edfe4; } infobar.info button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -542,13 +542,13 @@ infobar.info selection { background-color: #b0b0b0; } infobar.info *:link { color: #004B91; } -infobar.question { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.question { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -infobar.question button { border-width: 2px; color: #2f2f2f; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.question button { border-width: 2px; color: #2f2f2f; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -infobar.question button:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +infobar.question button:hover { border-width: 2px; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -infobar.question button:active, infobar.question button:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +infobar.question button:active, infobar.question button:checked { border-width: 2px; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } infobar.question button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -574,13 +574,13 @@ infobar.warning selection { background-color: #b0b0b0; } infobar.warning *:link { color: #004B91; } -infobar.error { background-color: #990000; border-left-color: #e60000; border-top-color: #e60000; border-right-color: #660000; border-bottom-color: #660000; } +infobar.error { background-color: #d08d8d; border-left-color: #e6c3c3; border-top-color: #e6c3c3; border-right-color: #c16969; border-bottom-color: #c16969; } -infobar.error button { border-width: 2px; color: #2f2f2f; background-color: #990000; border-left-color: #e60000; border-top-color: #e60000; border-right-color: #660000; border-bottom-color: #660000; } +infobar.error button { border-width: 2px; color: #2f2f2f; background-color: #d08d8d; border-left-color: #e6c3c3; border-top-color: #e6c3c3; border-right-color: #c16969; border-bottom-color: #c16969; } -infobar.error button:hover { border-width: 2px; background-color: #b30000; border-left-color: red; border-top-color: red; border-right-color: maroon; border-bottom-color: maroon; } +infobar.error button:hover { border-width: 2px; background-color: #d79f9f; border-left-color: #eed5d5; border-top-color: #eed5d5; border-right-color: #c97b7b; border-bottom-color: #c97b7b; } -infobar.error button:active, infobar.error button:checked { border-width: 2px; background-color: #990000; border-left-color: #660000; border-top-color: #660000; border-right-color: #e60000; border-bottom-color: #e60000; } +infobar.error button:active, infobar.error button:checked { border-width: 2px; background-color: #d08d8d; border-left-color: #c16969; border-top-color: #c16969; border-right-color: #e6c3c3; border-bottom-color: #e6c3c3; } infobar.error button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -603,11 +603,11 @@ windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(lt windowcontrols button > image { background: none; } -windowcontrols button.close { border-width: 2px; color: #000000; background-color: #a56f3f; border-left-color: #c6966a; border-top-color: #c6966a; border-right-color: #805631; border-bottom-color: #805631; } +windowcontrols button.close { border-width: 2px; color: #000000; background-color: #c96f3f; border-left-color: #da9c7b; border-top-color: #da9c7b; border-right-color: #a6582f; border-bottom-color: #a6582f; } -windowcontrols button.close:hover, windowcontrols button.close:hover:backdrop { border-width: 2px; background-color: #b77b46; border-left-color: #cda37d; border-top-color: #cda37d; border-right-color: #936338; border-bottom-color: #936338; } +windowcontrols button.close:hover, windowcontrols button.close:hover:backdrop { border-width: 2px; background-color: #cf7e53; border-left-color: #dfab8f; border-top-color: #dfab8f; border-right-color: #ba6334; border-bottom-color: #ba6334; } -windowcontrols button.close:active, windowcontrols button.close:active:backdrop { border-width: 2px; background-color: #a56f3f; border-left-color: #805631; border-top-color: #805631; border-right-color: #c6966a; border-bottom-color: #c6966a; } +windowcontrols button.close:active, windowcontrols button.close:active:backdrop { border-width: 2px; background-color: #c96f3f; border-left-color: #a6582f; border-top-color: #a6582f; border-right-color: #da9c7b; border-bottom-color: #da9c7b; } windowcontrols button.close:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -954,7 +954,7 @@ scrollbar > range > trough { outline: none; } scrollbar > range { outline: none; } -scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } scrollbar.horizontal > range > trough > slider { min-width: 40px; } @@ -1036,11 +1036,11 @@ check:disabled, radio:disabled { color: #552222; border-color: #552222; } row:selected check, row:selected radio { border-color: #000000; } -.osd check, .osd radio { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd check, .osd radio { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd check:hover, .osd radio:hover { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd check:hover, .osd radio:hover { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd check:active, .osd radio:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd check:active, .osd radio:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd check:disabled, .osd radio:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1063,7 +1063,7 @@ levelbar > trough, progressbar > trough, scale > trough > fill, scale > trough { levelbar > trough:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #B5A9A9; border-left-color: #9d8e8e; border-top-color: #9d8e8e; border-right-color: #d8d2d2; border-bottom-color: #d8d2d2; } -.osd levelbar > trough, .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.osd levelbar > trough, .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } .osd levelbar > trough:disabled, .osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: #B5A9A9; border-left-color: #9d8e8e; border-top-color: #9d8e8e; border-right-color: #d8d2d2; border-bottom-color: #d8d2d2; } @@ -1079,7 +1079,7 @@ scale:focus:focus-visible > trough { outline-color: rgba(176, 221, 126, 0.5); ou scale > trough { transition: none; } -scale.fine-tune > trough > slider, scale.fine-tune > trough > slider:active, scale.fine-tune > trough > slider:hover, scale.fine-tune > trough > slider:focus { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +scale.fine-tune > trough > slider, scale.fine-tune > trough > slider:active, scale.fine-tune > trough > slider:hover, scale.fine-tune > trough > slider:focus { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } scale > trough > fill { background-color: #b1c898; } @@ -1093,11 +1093,11 @@ scale > trough > slider:active { background-color: #b0dd7e; border-left-color: # scale > trough > slider:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } -.osd scale > trough > slider { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd scale > trough > slider { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd scale > trough > slider:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd scale > trough > slider:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd scale > trough > slider:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd scale > trough > slider:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd scale > trough > slider:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1226,13 +1226,13 @@ actionbar > revealer > box { padding: 6px; border-top: 1px solid #9b9b9b; } actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } -scrolledwindow > overshoot.top { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow > overshoot.top { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } -scrolledwindow > overshoot.bottom { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow > overshoot.bottom { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } -scrolledwindow > overshoot.left { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow > overshoot.left { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } -scrolledwindow > overshoot.right { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow > overshoot.right { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } scrolledwindow > junction { background: #9b9b9b, linear-gradient(to bottom, transparent 1px, #aaaaaa 1px), linear-gradient(to right, transparent 1px, #aaaaaa 1px); } @@ -1240,7 +1240,7 @@ scrolledwindow > junction:dir(rtl) { background: #9b9b9b, linear-gradient(to bot separator { border-width: 2px; border-style: solid; background-color: #C9C9C9; border-left-color: #efefef; border-top-color: #efefef; border-right-color: #b0b0b0; border-bottom-color: #b0b0b0; min-width: 0px; min-height: 0px; } -statusbar separator, .osd separator, osd separator { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +statusbar separator, .osd separator, osd separator { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } headerbar:not(:backdrop) separator { background-color: #b0dd7e; border-left-color: #d5edbb; border-top-color: #d5edbb; border-right-color: #97d256; border-bottom-color: #97d256; } @@ -1306,7 +1306,7 @@ columnview row:not(:selected) cell editablelabel.editing text selection:focus-wi .rich-list > row > box { border-spacing: 12px; } /********************* App Notifications * */ -.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: #85B1E8; background-clip: padding-box; } +.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: #c4deff; background-clip: padding-box; } .app-notification border { border: none; } @@ -1456,7 +1456,7 @@ video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } /************ Tooltips * */ tooltip { padding: 6px 10px; border-radius: 0px; } -tooltip.background { border: 2px solid; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; color: #002269; } +tooltip.background { border: 2px solid; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; color: #002269; } tooltip > box { border-spacing: 6px; } @@ -1607,7 +1607,7 @@ emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background- popover.entry-completion > contents { padding: 0; } -statusbar { padding: 2px 5px 2px 5px; border-width: 2px; border-style: solid; color: #002269; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +statusbar { padding: 2px 5px 2px 5px; border-width: 2px; border-style: solid; color: #002269; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } menubutton > button > box { border-spacing: 6px; } @@ -1653,9 +1653,9 @@ splitbutton > separator { border: none; } splitbutton > button, splitbutton menubutton { margin: 2px; } -.floating-bar { border: 2px solid; border-radius: 0px; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; color: #002269; } +.floating-bar { border: 2px solid; border-radius: 0px; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; color: #002269; } -undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#436aa9,0.3)); } +undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#6280b4,0.3)); } undershoot.top { background-size: 100% 0.5em; background-position: top; } @@ -1665,17 +1665,17 @@ undershoot.left { background-size: 0.5em 100%; background-position: left; } undershoot.right { background-size: 0.5em 100%; background-position: right; } -#XfceNotifyWindow { color: #002269; border-radius: 0px; border-width: 2px; border-style: solid; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +#XfceNotifyWindow { color: #002269; border-radius: 0px; border-width: 2px; border-style: solid; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } #XfceNotifyWindow label { color: #002269; } #XfceNotifyWindow label #summary { font-weight: bold; } -#XfceNotifyWindow button { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +#XfceNotifyWindow button { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -#XfceNotifyWindow button:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +#XfceNotifyWindow button:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -#XfceNotifyWindow button:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +#XfceNotifyWindow button:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* @@ -1735,7 +1735,7 @@ widgets main borders color on backdrop windows */ /* these are pretty self explicative */ @define-color warning_color #f57900; -@define-color error_color #990000; +@define-color error_color #e10000; @define-color success_color #00b8a8; /* these colors are exported for the window manager and shouldn't be used in applications, diff --git a/source/common/_theme_colors.scss b/source/common/_theme_colors.scss index 5018223..ec6f4ad 100644 --- a/source/common/_theme_colors.scss +++ b/source/common/_theme_colors.scss @@ -17,7 +17,7 @@ $disabled_bg: #B5A9A9; /*Usually an automatic fg color on these backgrounds should check this value!*/ $warningc: #f57900; -$errorc: #990000; +$errorc: #e10000; $successc: #00b8a8; @@ -28,10 +28,10 @@ $titlebar_backdrop_fg: #2f2f2f; $titlebar_backdrop_bg: #C9C9C9; $hint_fg: #002269; -$hint_bg: #85B1E8; +$hint_bg: #c4deff; $osd_fg: #002269; -$osd_bg: #85B1E8; +$osd_bg: #c4deff; $link_fg: #004B91; $link_visited_fg: #680091; diff --git a/source/common/gtkinfobar.scss b/source/common/gtkinfobar.scss index ee9ec09..0702792 100644 --- a/source/common/gtkinfobar.scss +++ b/source/common/gtkinfobar.scss @@ -29,13 +29,13 @@ infobar { - @include infobar(desaturate(invert($selected_bg_color), 30%)); + @include infobar(mix($hint_bg, $selected_bg_color, 50%)); - &.info {@include infobar($hint_bg);} + &.info {@include infobar(mix($hint_bg, $success_color, 50%));} &.question {@include infobar($hint_bg);} &.warning {@include infobar($warning_color);} - &.error {@include infobar($error_color)} + &.error {@include infobar(mix($error_color,$bg_color,30%))} diff --git a/source/gtk3/gtk-new.css b/source/gtk3/gtk-new.css index d5a9b33..9de1821 100644 --- a/source/gtk3/gtk-new.css +++ b/source/gtk3/gtk-new.css @@ -9,7 +9,7 @@ label:disabled selection, .selection-mode button.titlebutton:disabled, label:dis .selection-mode button.titlebutton:backdrop, label:backdrop:selected, calendar:backdrop:selected, row:backdrop:selected, treeview.view:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, flowbox flowboxchild:backdrop:selected, .view text selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, .view:backdrop:selected, iconview:backdrop:selected, .view text:backdrop:selected, iconview text:backdrop:selected, textview text:backdrop:selected { color: #000000; background-color: #b0dd7e; } -* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #990000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 0px; -gtk-secondary-caret-color: #b0dd7e; } +* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #e10000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 0px; -gtk-secondary-caret-color: #b0dd7e; } /*************** Base States * */ .background { color: #2f2f2f; background-color: #C9C9C9; } @@ -55,9 +55,9 @@ label:disabled { color: #552222; } button label:disabled { color: inherit; } -label.error { color: #990000; } +label.error { color: #e10000; } -label.error:disabled { color: #552222; } +label.error:disabled { color: #562222; } .dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } @@ -69,7 +69,7 @@ assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #aaaaaa; } -.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #002269; border-width: 2px; border-style: solid; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #002269; border-width: 2px; border-style: solid; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } /********************* Spinner Animation * */ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } @@ -114,11 +114,11 @@ spinbutton:focus:not(.vertical), entry:focus { background-color: #E3E3E3; border spinbutton:disabled:not(.vertical), entry:disabled { color: #552222; background-color: #B5A9A9; border-left-color: #9d8e8e; border-top-color: #9d8e8e; border-right-color: #d8d2d2; border-bottom-color: #d8d2d2; } -spinbutton.error:not(.vertical), entry.error { color: #990000; border-color: #990000; } +spinbutton.error:not(.vertical), entry.error { color: #e10000; border-color: #e10000; } -spinbutton.error:focus:not(.vertical), entry.error:focus { background-color: #E3E3E3; border-left-color: #660000; border-top-color: #660000; border-right-color: #e60000; border-bottom-color: #e60000; } +spinbutton.error:focus:not(.vertical), entry.error:focus { background-color: #E3E3E3; border-left-color: #ae0000; border-top-color: #ae0000; border-right-color: #ff2f2f; border-bottom-color: #ff2f2f; } -spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #990000; } +spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #e10000; } spinbutton.warning:not(.vertical), entry.warning { color: #f57900; border-color: #f57900; } @@ -134,9 +134,9 @@ spinbutton:not(.vertical) image:active, entry image:active { color: #b0dd7e; } spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #00b8a8; box-shadow: inset 0 0 0 1px #00b8a8; } -.osd spinbutton:not(.vertical), .osd entry { color: #002269; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.osd spinbutton:not(.vertical), .osd entry { color: #002269; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } -.osd spinbutton:focus:not(.vertical), .osd entry:focus { color: #002269; background-color: #85B1E8; border-left-color: #97d256; border-top-color: #97d256; border-right-color: #d5edbb; border-bottom-color: #d5edbb; } +.osd spinbutton:focus:not(.vertical), .osd entry:focus { color: #002269; background-color: #c4deff; border-left-color: #97d256; border-top-color: #97d256; border-right-color: #d5edbb; border-bottom-color: #d5edbb; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #552222; background-color: #B5A9A9; border-left-color: #9d8e8e; border-top-color: #9d8e8e; border-right-color: #d8d2d2; border-bottom-color: #d8d2d2; } @@ -144,7 +144,7 @@ spinbutton:not(.vertical) progress, entry progress { margin: 2px 2px; background spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } -spinbutton.error:not(.vertical), entry.error { color: #990000; } +spinbutton.error:not(.vertical), entry.error { color: #e10000; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #E3E3E3; } @@ -202,21 +202,21 @@ row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(di row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected calendar.flat.button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #E3E3E3; } -calendar.osd.button, button.osd { min-width: 26px; min-height: 32px; color: #002269; border-radius: 0; border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; box-shadow: none; } +calendar.osd.button, button.osd { min-width: 26px; min-height: 32px; color: #002269; border-radius: 0; border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; box-shadow: none; } calendar.osd.image-button.button, button.osd.image-button { min-width: 34px; } -calendar.osd.button:hover, button.osd:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; box-shadow: none; } +calendar.osd.button:hover, button.osd:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; box-shadow: none; } -calendar.osd.button:active, calendar.osd.button:checked, button.osd:active, button.osd:checked { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; box-shadow: none; } +calendar.osd.button:active, calendar.osd.button:checked, button.osd:active, button.osd:checked { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; box-shadow: none; } calendar.osd.button:disabled, button.osd:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } -.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd calendar.button, .osd button { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd calendar.button, .osd button { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd calendar.button:hover, .osd button:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd calendar.button:hover, .osd button:hover { border-width: 2px; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd calendar.button:active, .osd calendar.button:checked, .osd button:active, .osd button:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd calendar.button:active, .osd calendar.button:checked, .osd button:active, .osd button:checked { border-width: 2px; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd calendar.button:disabled, .osd button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -224,11 +224,11 @@ calendar.osd.button:disabled, button.osd:disabled { border-width: 2px; color: #5 .app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd calendar.flat.button:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } -.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd calendar.flat.button:hover, .osd button.flat:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd calendar.flat.button:hover, .osd button.flat:hover { border-width: 2px; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd calendar.flat.button:disabled, .osd button.flat:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; background-color: #B5A9A9; background-image: none; border-color: transparent; box-shadow: none; } -.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd calendar.flat.button:active, .osd calendar.flat.button:checked, .osd button.flat:active, .osd button.flat:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd calendar.flat.button:active, .osd calendar.flat.button:checked, .osd button.flat:active, .osd button.flat:checked { border-width: 2px; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } calendar.suggested-action.button, button.suggested-action { border-width: 2px; color: white; background-color: #008579; border-left-color: #00d2bf; border-top-color: #00d2bf; border-right-color: #00524b; border-bottom-color: #00524b; } @@ -244,33 +244,33 @@ calendar.suggested-action.button:disabled, button.suggested-action:disabled { bo calendar.suggested-action.button:disabled:active, calendar.suggested-action.button:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-width: 2px; color: #552222; background-color: #b4b1a3; border-left-color: #9d9987; border-top-color: #9d9987; border-right-color: #d6d5cd; border-bottom-color: #d6d5cd; } -.osd calendar.suggested-action.button, .osd button.suggested-action { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd calendar.suggested-action.button, .osd button.suggested-action { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd calendar.suggested-action.button:hover, .osd button.suggested-action:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd calendar.suggested-action.button:hover, .osd button.suggested-action:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd calendar.suggested-action.button:active, .osd calendar.suggested-action.button:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd calendar.suggested-action.button:active, .osd calendar.suggested-action.button:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd calendar.suggested-action.button:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } -calendar.destructive-action.button, button.destructive-action { border-width: 2px; color: white; background-color: #990000; border-left-color: #e60000; border-top-color: #e60000; border-right-color: #660000; border-bottom-color: #660000; } +calendar.destructive-action.button, button.destructive-action { border-width: 2px; color: white; background-color: #e10000; border-left-color: #ff2f2f; border-top-color: #ff2f2f; border-right-color: #ae0000; border-bottom-color: #ae0000; } -calendar.destructive-action.flat.button, button.destructive-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #990000; } +calendar.destructive-action.flat.button, button.destructive-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #e10000; } -calendar.destructive-action.button:hover, button.destructive-action:hover { border-width: 2px; background-color: #b30000; border-left-color: red; border-top-color: red; border-right-color: maroon; border-bottom-color: maroon; } +calendar.destructive-action.button:hover, button.destructive-action:hover { border-width: 2px; background-color: #fb0000; border-left-color: #ff4848; border-top-color: #ff4848; border-right-color: #c80000; border-bottom-color: #c80000; } -calendar.destructive-action.button:active, calendar.destructive-action.button:checked, button.destructive-action:active, button.destructive-action:checked { border-width: 2px; background-color: #990000; border-left-color: #660000; border-top-color: #660000; border-right-color: #e60000; border-bottom-color: #e60000; } +calendar.destructive-action.button:active, calendar.destructive-action.button:checked, button.destructive-action:active, button.destructive-action:checked { border-width: 2px; background-color: #e10000; border-left-color: #ae0000; border-top-color: #ae0000; border-right-color: #ff2f2f; border-bottom-color: #ff2f2f; } -calendar.destructive-action.flat.button:backdrop, calendar.destructive-action.flat.button:disabled, button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(153, 0, 0, 0.8); } +calendar.destructive-action.flat.button:backdrop, calendar.destructive-action.flat.button:disabled, button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(225, 0, 0, 0.8); } calendar.destructive-action.button:disabled, button.destructive-action:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } calendar.destructive-action.button:disabled:active, calendar.destructive-action.button:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-width: 2px; color: #552222; background-color: #b4b1a3; border-left-color: #9d9987; border-top-color: #9d9987; border-right-color: #d6d5cd; border-bottom-color: #d6d5cd; } -.osd calendar.destructive-action.button, .osd button.destructive-action { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd calendar.destructive-action.button, .osd button.destructive-action { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd calendar.destructive-action.button:hover, .osd button.destructive-action:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd calendar.destructive-action.button:hover, .osd button.destructive-action:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd calendar.destructive-action.button:active, .osd calendar.destructive-action.button:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd calendar.destructive-action.button:active, .osd calendar.destructive-action.button:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd calendar.destructive-action.button:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -417,11 +417,11 @@ spinbutton.vertical button.up { border-radius: 0px 0px 0 0; } spinbutton.vertical button.down { border-radius: 0 0 0px 0px; } -.osd spinbutton.vertical button:first-child { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd spinbutton.vertical button:first-child { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd spinbutton.vertical button:first-child:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd spinbutton.vertical button:first-child:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd spinbutton.vertical button:first-child:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd spinbutton.vertical button:first-child:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd spinbutton.vertical button:first-child:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -441,7 +441,7 @@ toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } -toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: #85B1E8; } +toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: #c4deff; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } @@ -806,7 +806,7 @@ scrollbar slider:hover:active { background-color: #97d256; border-left-color: #b scrollbar slider:disabled { background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } -scrollbar.fine-tune slider, scrollbar.fine-tune slider:hover, scrollbar.fine-tune slider:active { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +scrollbar.fine-tune slider, scrollbar.fine-tune slider:hover, scrollbar.fine-tune slider:active { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } scrollbar.horizontal slider { min-width: 40px; } @@ -918,11 +918,11 @@ check:disabled, radio:disabled { color: #552222; border-color: #552222; } row:selected check, row:selected radio { border-color: #000000; } -.osd check, .osd radio { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd check, .osd radio { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd check:hover, .osd radio:hover { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd check:hover, .osd radio:hover { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd check:active, .osd radio:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd check:active, .osd radio:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd check:disabled, .osd radio:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -955,7 +955,7 @@ levelbar > trough, progressbar trough, scale fill, scale trough { border: 2px so levelbar > trough:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #B5A9A9; border-left-color: #9d8e8e; border-top-color: #9d8e8e; border-right-color: #d8d2d2; border-bottom-color: #d8d2d2; } -.osd levelbar > trough, .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.osd levelbar > trough, .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } .osd levelbar > trough:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: #B5A9A9; border-left-color: #9d8e8e; border-top-color: #9d8e8e; border-right-color: #d8d2d2; border-bottom-color: #d8d2d2; } @@ -965,7 +965,7 @@ progressbar progress:disabled, scale highlight:disabled { background-color: #a28 scale { min-height: 10px; min-width: 10px; padding: 12px; } -scale.fine-tune slider, scale.fine-tune slider:active, scale.fine-tune slider:hover, scale.fine-tune slider:focus { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +scale.fine-tune slider, scale.fine-tune slider:active, scale.fine-tune slider:hover, scale.fine-tune slider:focus { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } @@ -981,11 +981,11 @@ scale slider:active { background-color: #b0dd7e; border-left-color: #d5edbb; bor scale slider:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } -.osd scale slider { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd scale slider { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd scale slider:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd scale slider:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd scale slider:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd scale slider:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd scale slider:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1090,13 +1090,13 @@ actionbar > revealer > box { padding: 6px; border-top: 1px solid #9b9b9b; } scrolledwindow viewport.frame { border-style: none; } -scrolledwindow overshoot.top { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow overshoot.top { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } -scrolledwindow overshoot.bottom { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow overshoot.bottom { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } -scrolledwindow overshoot.left { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow overshoot.left { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } -scrolledwindow overshoot.right { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow overshoot.right { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #9b9b9b 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #aaaaaa; } @@ -1104,7 +1104,7 @@ scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator { border-width: 2px; border-style: solid; background-color: #C9C9C9; border-left-color: #efefef; border-top-color: #efefef; border-right-color: #b0b0b0; border-bottom-color: #b0b0b0; min-width: 0px; min-height: 0px; } -statusbar separator, .osd separator, osd separator { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +statusbar separator, .osd separator, osd separator { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } headerbar:not(:backdrop) separator { background-color: #b0dd7e; border-left-color: #d5edbb; border-top-color: #d5edbb; border-right-color: #97d256; border-bottom-color: #97d256; } @@ -1128,7 +1128,7 @@ row.activatable:selected:active { background-color: #b0dd7e; border-left-color: row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #9ec771; border-left-color: #c3dda8; border-top-color: #c3dda8; border-right-color: #85b94c; border-bottom-color: #85b94c; } /********************* App Notifications * */ -.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: #85B1E8; background-clip: padding-box; } +.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: #c4deff; background-clip: padding-box; } .app-notification border, .app-notification.frame border { border: none; } @@ -1254,13 +1254,13 @@ paned > separator { border-width: 1px; min-width: 6px; min-height: 6px; } /************** GtkInfoBar * */ /************** GtkInfoBar * */ -infobar { background-color: #503a69; border-left-color: #76569a; border-top-color: #76569a; border-right-color: #372848; border-bottom-color: #372848; } +infobar { background-color: #badebf; border-left-color: #eef7ef; border-top-color: #eef7ef; border-right-color: #98ce9f; border-bottom-color: #98ce9f; } -infobar button { border-width: 2px; color: #2f2f2f; background-color: #503a69; border-left-color: #76569a; border-top-color: #76569a; border-right-color: #372848; border-bottom-color: #372848; } +infobar button { border-width: 2px; color: #2f2f2f; background-color: #badebf; border-left-color: #eef7ef; border-top-color: #eef7ef; border-right-color: #98ce9f; border-bottom-color: #98ce9f; } -infobar button:hover { border-width: 2px; background-color: #5d4479; border-left-color: #8362a7; border-top-color: #8362a7; border-right-color: #443158; border-bottom-color: #443158; } +infobar button:hover { border-width: 2px; background-color: #cbe6cf; border-left-color: white; border-top-color: white; border-right-color: #a9d6af; border-bottom-color: #a9d6af; } -infobar button:active, infobar button:checked { border-width: 2px; background-color: #503a69; border-left-color: #372848; border-top-color: #372848; border-right-color: #76569a; border-bottom-color: #76569a; } +infobar button:active, infobar button:checked { border-width: 2px; background-color: #badebf; border-left-color: #98ce9f; border-top-color: #98ce9f; border-right-color: #eef7ef; border-bottom-color: #eef7ef; } infobar button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1270,13 +1270,13 @@ infobar selection { background-color: #b0b0b0; } infobar *:link { color: #004B91; } -infobar.info { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.info { background-color: #62cbd4; border-left-color: #9edfe4; border-top-color: #9edfe4; border-right-color: #3abec9; border-bottom-color: #3abec9; } -infobar.info button { border-width: 2px; color: #2f2f2f; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.info button { border-width: 2px; color: #2f2f2f; background-color: #62cbd4; border-left-color: #9edfe4; border-top-color: #9edfe4; border-right-color: #3abec9; border-bottom-color: #3abec9; } -infobar.info button:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +infobar.info button:hover { border-width: 2px; background-color: #76d2d9; border-left-color: #b2e6ea; border-top-color: #b2e6ea; border-right-color: #4ec4cf; border-bottom-color: #4ec4cf; } -infobar.info button:active, infobar.info button:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +infobar.info button:active, infobar.info button:checked { border-width: 2px; background-color: #62cbd4; border-left-color: #3abec9; border-top-color: #3abec9; border-right-color: #9edfe4; border-bottom-color: #9edfe4; } infobar.info button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1286,13 +1286,13 @@ infobar.info selection { background-color: #b0b0b0; } infobar.info *:link { color: #004B91; } -infobar.question { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.question { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -infobar.question button { border-width: 2px; color: #2f2f2f; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.question button { border-width: 2px; color: #2f2f2f; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -infobar.question button:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +infobar.question button:hover { border-width: 2px; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -infobar.question button:active, infobar.question button:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +infobar.question button:active, infobar.question button:checked { border-width: 2px; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } infobar.question button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1318,13 +1318,13 @@ infobar.warning selection { background-color: #b0b0b0; } infobar.warning *:link { color: #004B91; } -infobar.error { background-color: #990000; border-left-color: #e60000; border-top-color: #e60000; border-right-color: #660000; border-bottom-color: #660000; } +infobar.error { background-color: #d08d8d; border-left-color: #e6c3c3; border-top-color: #e6c3c3; border-right-color: #c16969; border-bottom-color: #c16969; } -infobar.error button { border-width: 2px; color: #2f2f2f; background-color: #990000; border-left-color: #e60000; border-top-color: #e60000; border-right-color: #660000; border-bottom-color: #660000; } +infobar.error button { border-width: 2px; color: #2f2f2f; background-color: #d08d8d; border-left-color: #e6c3c3; border-top-color: #e6c3c3; border-right-color: #c16969; border-bottom-color: #c16969; } -infobar.error button:hover { border-width: 2px; background-color: #b30000; border-left-color: red; border-top-color: red; border-right-color: maroon; border-bottom-color: maroon; } +infobar.error button:hover { border-width: 2px; background-color: #d79f9f; border-left-color: #eed5d5; border-top-color: #eed5d5; border-right-color: #c97b7b; border-bottom-color: #c97b7b; } -infobar.error button:active, infobar.error button:checked { border-width: 2px; background-color: #990000; border-left-color: #660000; border-top-color: #660000; border-right-color: #e60000; border-bottom-color: #e60000; } +infobar.error button:active, infobar.error button:checked { border-width: 2px; background-color: #d08d8d; border-left-color: #c16969; border-top-color: #c16969; border-right-color: #e6c3c3; border-bottom-color: #e6c3c3; } infobar.error button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1337,7 +1337,7 @@ infobar.error *:link { color: #004B91; } /************ Tooltips * */ tooltip { border-radius: 0; box-shadow: none; text-shadow: none; } -tooltip.background { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; border-width: 2px; border-style: solid; color: #002269; } +tooltip.background { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; border-width: 2px; border-style: solid; color: #002269; } tooltip decoration { background-color: transparent; border: none; box-shadow: none; } @@ -1408,11 +1408,11 @@ decoration:backdrop { box-shadow: 0 0 0 4px #e3e3e3, 2px 2px 0 2px #b7b7b7; } tooltip.csd decoration { border-radius: 0px; box-shadow: none; } -button.titlebutton.close { border-width: 2px; color: #000000; background-color: #a56f3f; border-left-color: #c6966a; border-top-color: #c6966a; border-right-color: #805631; border-bottom-color: #805631; } +button.titlebutton.close { border-width: 2px; color: #000000; background-color: #c96f3f; border-left-color: #da9c7b; border-top-color: #da9c7b; border-right-color: #a6582f; border-bottom-color: #a6582f; } -button.titlebutton.close:hover, button.titlebutton.close:hover:backdrop { border-width: 2px; background-color: #b77b46; border-left-color: #cda37d; border-top-color: #cda37d; border-right-color: #936338; border-bottom-color: #936338; } +button.titlebutton.close:hover, button.titlebutton.close:hover:backdrop { border-width: 2px; background-color: #cf7e53; border-left-color: #dfab8f; border-top-color: #dfab8f; border-right-color: #ba6334; border-bottom-color: #ba6334; } -button.titlebutton.close:active, button.titlebutton.close:active:backdrop { border-width: 2px; background-color: #a56f3f; border-left-color: #805631; border-top-color: #805631; border-right-color: #c6966a; border-bottom-color: #c6966a; } +button.titlebutton.close:active, button.titlebutton.close:active:backdrop { border-width: 2px; background-color: #c96f3f; border-left-color: #a6582f; border-top-color: #a6582f; border-right-color: #da9c7b; border-bottom-color: #da9c7b; } button.titlebutton.close:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1502,9 +1502,9 @@ popover.emoji-completion contents row box { padding: 2px 10px; } popover.emoji-completion .emoji:hover { background: #d6d6d6; } -statusbar { padding: 2px 5px 2px 5px; border-width: 2px; border-style: solid; color: #002269; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +statusbar { padding: 2px 5px 2px 5px; border-width: 2px; border-style: solid; color: #002269; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } -undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#436aa9,0.3)); } +undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#6280b4,0.3)); } undershoot.top { background-size: 100% 0.5em; background-position: top; } @@ -1514,17 +1514,17 @@ undershoot.left { background-size: 0.5em 100%; background-position: left; } undershoot.right { background-size: 0.5em 100%; background-position: right; } -#XfceNotifyWindow { color: #002269; border-radius: 0px; border-width: 2px; border-style: solid; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +#XfceNotifyWindow { color: #002269; border-radius: 0px; border-width: 2px; border-style: solid; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } #XfceNotifyWindow label { color: #002269; } #XfceNotifyWindow label #summary { font-weight: bold; } -#XfceNotifyWindow button { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +#XfceNotifyWindow button { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -#XfceNotifyWindow button:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +#XfceNotifyWindow button:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -#XfceNotifyWindow button:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +#XfceNotifyWindow button:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* @@ -1584,7 +1584,7 @@ widgets main borders color on backdrop windows */ /* these are pretty self explicative */ @define-color warning_color #f57900; -@define-color error_color #990000; +@define-color error_color #e10000; @define-color success_color #00b8a8; /* these colors are exported for the window manager and shouldn't be used in applications, diff --git a/source/gtk4/gtk-new.css b/source/gtk4/gtk-new.css index a65f2c7..3bfc6ff 100644 --- a/source/gtk4/gtk-new.css +++ b/source/gtk4/gtk-new.css @@ -89,9 +89,9 @@ label:disabled { color: #552222; } button label:disabled { color: inherit; } -label.error { color: #990000; } +label.error { color: #e10000; } -label.error:disabled { color: #552222; } +label.error:disabled { color: #562222; } .dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; } @@ -105,7 +105,7 @@ window.assistant .sidebar > label.highlight { background-color: #b0dd7e; border- window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } -.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #002269; border-width: 2px; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #002269; border-width: 2px; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } /********************* Spinner Animation * */ @keyframes spin { to { transform: rotate(1turn); } } @@ -160,15 +160,15 @@ spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: #b0dd7e; color: #000000; } -spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #990000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #e10000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; } -spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(153, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(225, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } -spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { background-color: #E3E3E3; border-left-color: #660000; border-top-color: #660000; border-right-color: #e60000; border-bottom-color: #e60000; } +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { background-color: #E3E3E3; border-left-color: #ae0000; border-top-color: #ae0000; border-right-color: #ff2f2f; border-bottom-color: #ff2f2f; } -spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #990000; } +spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #e10000; } spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } @@ -190,9 +190,9 @@ spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.passwo spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #00b8a8; box-shadow: inset 0 0 0 1px #00b8a8; } -.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: #002269; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: #002269; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } -.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #002269; background-color: #85B1E8; border-left-color: #97d256; border-top-color: #97d256; border-right-color: #d5edbb; border-bottom-color: #d5edbb; } +.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #002269; background-color: #c4deff; border-left-color: #97d256; border-top-color: #97d256; border-right-color: #d5edbb; border-bottom-color: #d5edbb; } .osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #552222; background-color: #B5A9A9; border-left-color: #9d8e8e; border-top-color: #9d8e8e; border-right-color: #d8d2d2; border-bottom-color: #d8d2d2; } @@ -200,7 +200,7 @@ spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, ent spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #b0dd7e; border-style: solid; box-shadow: none; } -spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #990000; } +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #e10000; } treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #E3E3E3; transition-property: color, background; } @@ -254,31 +254,31 @@ row:selected button { border-color: #8bcd41; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #000000; border-color: transparent; } -button.osd { min-width: 26px; min-height: 32px; color: #002269; border-radius: 5px; border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; box-shadow: none; } +button.osd { min-width: 26px; min-height: 32px; color: #002269; border-radius: 5px; border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; box-shadow: none; } button.osd.image-button { min-width: 30px; } button.osd.image-button:only-child { margin: 4px; border-radius: 50%; } -button.osd:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; box-shadow: none; } +button.osd:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; box-shadow: none; } -button.osd:active, button.osd:checked { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; box-shadow: none; } +button.osd:active, button.osd:checked { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; box-shadow: none; } -.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { border-width: 2px; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active, .osd button:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active, .osd button:checked { border-width: 2px; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } .app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; } -.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { border-width: 2px; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } -.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { border-width: 2px; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } button.suggested-action { border-width: 2px; color: white; background-color: #008579; border-left-color: #00d2bf; border-top-color: #00d2bf; border-right-color: #00524b; border-bottom-color: #00524b; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } @@ -298,37 +298,37 @@ button.suggested-action:disabled { border-width: 2px; color: #552222; background button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-width: 2px; color: #552222; background-color: #b4b1a3; border-left-color: #9d9987; border-top-color: #9d9987; border-right-color: #d6d5cd; border-bottom-color: #d6d5cd; } -.osd button.suggested-action { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd button.suggested-action { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd button.suggested-action:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd button.suggested-action:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd button.suggested-action:active, .osd button.suggested-action:checked { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd button.suggested-action:active, .osd button.suggested-action:checked { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd button.suggested-action:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } -button.destructive-action { border-width: 2px; color: white; background-color: #990000; border-left-color: #e60000; border-top-color: #e60000; border-right-color: #660000; border-bottom-color: #660000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +button.destructive-action { border-width: 2px; color: white; background-color: #e10000; border-left-color: #ff2f2f; border-top-color: #ff2f2f; border-right-color: #ae0000; border-bottom-color: #ae0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; } button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } -button.destructive-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #990000; } +button.destructive-action.flat { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #e10000; } -button.destructive-action:hover { border-width: 2px; background-color: #b30000; border-left-color: red; border-top-color: red; border-right-color: maroon; border-bottom-color: maroon; } +button.destructive-action:hover { border-width: 2px; background-color: #fb0000; border-left-color: #ff4848; border-top-color: #ff4848; border-right-color: #c80000; border-bottom-color: #c80000; } -button.destructive-action:active, button.destructive-action:checked { border-width: 2px; background-color: #990000; border-left-color: #660000; border-top-color: #660000; border-right-color: #e60000; border-bottom-color: #e60000; } +button.destructive-action:active, button.destructive-action:checked { border-width: 2px; background-color: #e10000; border-left-color: #ae0000; border-top-color: #ae0000; border-right-color: #ff2f2f; border-bottom-color: #ff2f2f; } -button.destructive-action.flat:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(153, 0, 0, 0.8); } +button.destructive-action.flat:disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: rgba(225, 0, 0, 0.8); } button.destructive-action:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-width: 2px; color: #552222; background-color: #b4b1a3; border-left-color: #9d9987; border-top-color: #9d9987; border-right-color: #d6d5cd; border-bottom-color: #d6d5cd; } -.osd button.destructive-action { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd button.destructive-action { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd button.destructive-action:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd button.destructive-action:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd button.destructive-action:active, .osd button.destructive-action:checked { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd button.destructive-action:active, .osd button.destructive-action:checked { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd button.destructive-action:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -432,7 +432,7 @@ spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.v .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } -.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #002269; border-color: rgba(0, 34, 105, 0.5); background-color: #5a96e0; -gtk-icon-shadow: 0 1px black; box-shadow: none; } +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #002269; border-color: rgba(0, 34, 105, 0.5); background-color: #91c1ff; -gtk-icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; color: #552222; border-color: rgba(0, 34, 105, 0.5); -gtk-icon-shadow: none; box-shadow: none; } @@ -456,11 +456,11 @@ spinbutton.vertical > button.up { border-bottom-left-radius: 0; border-bottom-ri spinbutton.vertical > button.down { border-top-left-radius: 0; border-top-right-radius: 0; } -.osd spinbutton.vertical > button:first-child { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd spinbutton.vertical > button:first-child { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd spinbutton.vertical > button:first-child:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd spinbutton.vertical > button:first-child:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd spinbutton.vertical > button:first-child:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd spinbutton.vertical > button:first-child:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd spinbutton.vertical > button:first-child:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -496,7 +496,7 @@ searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; backgr .osd .toolbar { background-color: transparent; } -.toolbar.osd { padding: 13px; border: none; border-radius: 0px; background-color: #85B1E8; } +.toolbar.osd { padding: 13px; border: none; border-radius: 0px; background-color: #c4deff; } .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; } @@ -510,13 +510,13 @@ searchbar > revealer > box { border-style: solid; border-color: #9b9b9b; backgro /************** GtkInfoBar * */ /************** GtkInfoBar * */ -infobar { background-color: #503a69; border-left-color: #76569a; border-top-color: #76569a; border-right-color: #372848; border-bottom-color: #372848; } +infobar { background-color: #badebf; border-left-color: #eef7ef; border-top-color: #eef7ef; border-right-color: #98ce9f; border-bottom-color: #98ce9f; } -infobar button { border-width: 2px; color: #2f2f2f; background-color: #503a69; border-left-color: #76569a; border-top-color: #76569a; border-right-color: #372848; border-bottom-color: #372848; } +infobar button { border-width: 2px; color: #2f2f2f; background-color: #badebf; border-left-color: #eef7ef; border-top-color: #eef7ef; border-right-color: #98ce9f; border-bottom-color: #98ce9f; } -infobar button:hover { border-width: 2px; background-color: #5d4479; border-left-color: #8362a7; border-top-color: #8362a7; border-right-color: #443158; border-bottom-color: #443158; } +infobar button:hover { border-width: 2px; background-color: #cbe6cf; border-left-color: white; border-top-color: white; border-right-color: #a9d6af; border-bottom-color: #a9d6af; } -infobar button:active, infobar button:checked { border-width: 2px; background-color: #503a69; border-left-color: #372848; border-top-color: #372848; border-right-color: #76569a; border-bottom-color: #76569a; } +infobar button:active, infobar button:checked { border-width: 2px; background-color: #badebf; border-left-color: #98ce9f; border-top-color: #98ce9f; border-right-color: #eef7ef; border-bottom-color: #eef7ef; } infobar button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -526,13 +526,13 @@ infobar selection { background-color: #b0b0b0; } infobar *:link { color: #004B91; } -infobar.info { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.info { background-color: #62cbd4; border-left-color: #9edfe4; border-top-color: #9edfe4; border-right-color: #3abec9; border-bottom-color: #3abec9; } -infobar.info button { border-width: 2px; color: #2f2f2f; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.info button { border-width: 2px; color: #2f2f2f; background-color: #62cbd4; border-left-color: #9edfe4; border-top-color: #9edfe4; border-right-color: #3abec9; border-bottom-color: #3abec9; } -infobar.info button:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +infobar.info button:hover { border-width: 2px; background-color: #76d2d9; border-left-color: #b2e6ea; border-top-color: #b2e6ea; border-right-color: #4ec4cf; border-bottom-color: #4ec4cf; } -infobar.info button:active, infobar.info button:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +infobar.info button:active, infobar.info button:checked { border-width: 2px; background-color: #62cbd4; border-left-color: #3abec9; border-top-color: #3abec9; border-right-color: #9edfe4; border-bottom-color: #9edfe4; } infobar.info button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -542,13 +542,13 @@ infobar.info selection { background-color: #b0b0b0; } infobar.info *:link { color: #004B91; } -infobar.question { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.question { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -infobar.question button { border-width: 2px; color: #2f2f2f; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +infobar.question button { border-width: 2px; color: #2f2f2f; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -infobar.question button:hover { border-width: 2px; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +infobar.question button:hover { border-width: 2px; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -infobar.question button:active, infobar.question button:checked { border-width: 2px; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +infobar.question button:active, infobar.question button:checked { border-width: 2px; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } infobar.question button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -574,13 +574,13 @@ infobar.warning selection { background-color: #b0b0b0; } infobar.warning *:link { color: #004B91; } -infobar.error { background-color: #990000; border-left-color: #e60000; border-top-color: #e60000; border-right-color: #660000; border-bottom-color: #660000; } +infobar.error { background-color: #d08d8d; border-left-color: #e6c3c3; border-top-color: #e6c3c3; border-right-color: #c16969; border-bottom-color: #c16969; } -infobar.error button { border-width: 2px; color: #2f2f2f; background-color: #990000; border-left-color: #e60000; border-top-color: #e60000; border-right-color: #660000; border-bottom-color: #660000; } +infobar.error button { border-width: 2px; color: #2f2f2f; background-color: #d08d8d; border-left-color: #e6c3c3; border-top-color: #e6c3c3; border-right-color: #c16969; border-bottom-color: #c16969; } -infobar.error button:hover { border-width: 2px; background-color: #b30000; border-left-color: red; border-top-color: red; border-right-color: maroon; border-bottom-color: maroon; } +infobar.error button:hover { border-width: 2px; background-color: #d79f9f; border-left-color: #eed5d5; border-top-color: #eed5d5; border-right-color: #c97b7b; border-bottom-color: #c97b7b; } -infobar.error button:active, infobar.error button:checked { border-width: 2px; background-color: #990000; border-left-color: #660000; border-top-color: #660000; border-right-color: #e60000; border-bottom-color: #e60000; } +infobar.error button:active, infobar.error button:checked { border-width: 2px; background-color: #d08d8d; border-left-color: #c16969; border-top-color: #c16969; border-right-color: #e6c3c3; border-bottom-color: #e6c3c3; } infobar.error button:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -603,11 +603,11 @@ windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(lt windowcontrols button > image { background: none; } -windowcontrols button.close { border-width: 2px; color: #000000; background-color: #a56f3f; border-left-color: #c6966a; border-top-color: #c6966a; border-right-color: #805631; border-bottom-color: #805631; } +windowcontrols button.close { border-width: 2px; color: #000000; background-color: #c96f3f; border-left-color: #da9c7b; border-top-color: #da9c7b; border-right-color: #a6582f; border-bottom-color: #a6582f; } -windowcontrols button.close:hover, windowcontrols button.close:hover:backdrop { border-width: 2px; background-color: #b77b46; border-left-color: #cda37d; border-top-color: #cda37d; border-right-color: #936338; border-bottom-color: #936338; } +windowcontrols button.close:hover, windowcontrols button.close:hover:backdrop { border-width: 2px; background-color: #cf7e53; border-left-color: #dfab8f; border-top-color: #dfab8f; border-right-color: #ba6334; border-bottom-color: #ba6334; } -windowcontrols button.close:active, windowcontrols button.close:active:backdrop { border-width: 2px; background-color: #a56f3f; border-left-color: #805631; border-top-color: #805631; border-right-color: #c6966a; border-bottom-color: #c6966a; } +windowcontrols button.close:active, windowcontrols button.close:active:backdrop { border-width: 2px; background-color: #c96f3f; border-left-color: #a6582f; border-top-color: #a6582f; border-right-color: #da9c7b; border-bottom-color: #da9c7b; } windowcontrols button.close:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -954,7 +954,7 @@ scrollbar > range > trough { outline: none; } scrollbar > range { outline: none; } -scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } scrollbar.horizontal > range > trough > slider { min-width: 40px; } @@ -1036,11 +1036,11 @@ check:disabled, radio:disabled { color: #552222; border-color: #552222; } row:selected check, row:selected radio { border-color: #000000; } -.osd check, .osd radio { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd check, .osd radio { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd check:hover, .osd radio:hover { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd check:hover, .osd radio:hover { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd check:active, .osd radio:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd check:active, .osd radio:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd check:disabled, .osd radio:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1063,7 +1063,7 @@ levelbar > trough, progressbar > trough, scale > trough > fill, scale > trough { levelbar > trough:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #B5A9A9; border-left-color: #9d8e8e; border-top-color: #9d8e8e; border-right-color: #d8d2d2; border-bottom-color: #d8d2d2; } -.osd levelbar > trough, .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +.osd levelbar > trough, .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } .osd levelbar > trough:disabled, .osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: #B5A9A9; border-left-color: #9d8e8e; border-top-color: #9d8e8e; border-right-color: #d8d2d2; border-bottom-color: #d8d2d2; } @@ -1079,7 +1079,7 @@ scale:focus:focus-visible > trough { outline-color: rgba(176, 221, 126, 0.5); ou scale > trough { transition: none; } -scale.fine-tune > trough > slider, scale.fine-tune > trough > slider:active, scale.fine-tune > trough > slider:hover, scale.fine-tune > trough > slider:focus { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +scale.fine-tune > trough > slider, scale.fine-tune > trough > slider:active, scale.fine-tune > trough > slider:hover, scale.fine-tune > trough > slider:focus { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } scale > trough > fill { background-color: #b1c898; } @@ -1093,11 +1093,11 @@ scale > trough > slider:active { background-color: #b0dd7e; border-left-color: # scale > trough > slider:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } -.osd scale > trough > slider { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +.osd scale > trough > slider { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -.osd scale > trough > slider:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +.osd scale > trough > slider:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -.osd scale > trough > slider:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +.osd scale > trough > slider:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } .osd scale > trough > slider:disabled { border-width: 2px; color: #552222; background-color: #B5A9A9; border-left-color: #d8d2d2; border-top-color: #d8d2d2; border-right-color: #9d8e8e; border-bottom-color: #9d8e8e; } @@ -1226,13 +1226,13 @@ actionbar > revealer > box { padding: 6px; border-top: 1px solid #9b9b9b; } actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } -scrolledwindow > overshoot.top { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow > overshoot.top { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } -scrolledwindow > overshoot.bottom { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow > overshoot.bottom { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } -scrolledwindow > overshoot.left { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow > overshoot.left { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } -scrolledwindow > overshoot.right { background-color: alpha(#990000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } +scrolledwindow > overshoot.right { background-color: alpha(#e10000,0.1); background-size: 100%; background-repeat: no-repeat; border: none; box-shadow: none; background-image: none; } scrolledwindow > junction { background: #9b9b9b, linear-gradient(to bottom, transparent 1px, #aaaaaa 1px), linear-gradient(to right, transparent 1px, #aaaaaa 1px); } @@ -1240,7 +1240,7 @@ scrolledwindow > junction:dir(rtl) { background: #9b9b9b, linear-gradient(to bot separator { border-width: 2px; border-style: solid; background-color: #C9C9C9; border-left-color: #efefef; border-top-color: #efefef; border-right-color: #b0b0b0; border-bottom-color: #b0b0b0; min-width: 0px; min-height: 0px; } -statusbar separator, .osd separator, osd separator { background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +statusbar separator, .osd separator, osd separator { background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } headerbar:not(:backdrop) separator { background-color: #b0dd7e; border-left-color: #d5edbb; border-top-color: #d5edbb; border-right-color: #97d256; border-bottom-color: #97d256; } @@ -1306,7 +1306,7 @@ columnview row:not(:selected) cell editablelabel.editing text selection:focus-wi .rich-list > row > box { border-spacing: 12px; } /********************* App Notifications * */ -.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: #85B1E8; background-clip: padding-box; } +.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: #c4deff; background-clip: padding-box; } .app-notification border { border: none; } @@ -1456,7 +1456,7 @@ video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } /************ Tooltips * */ tooltip { padding: 6px 10px; border-radius: 0px; } -tooltip.background { border: 2px solid; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; color: #002269; } +tooltip.background { border: 2px solid; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; color: #002269; } tooltip > box { border-spacing: 6px; } @@ -1607,7 +1607,7 @@ emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background- popover.entry-completion > contents { padding: 0; } -statusbar { padding: 2px 5px 2px 5px; border-width: 2px; border-style: solid; color: #002269; background-color: #85B1E8; border-left-color: #5a96e0; border-top-color: #5a96e0; border-right-color: #c5daf4; border-bottom-color: #c5daf4; } +statusbar { padding: 2px 5px 2px 5px; border-width: 2px; border-style: solid; color: #002269; background-color: #c4deff; border-left-color: #91c1ff; border-top-color: #91c1ff; border-right-color: white; border-bottom-color: white; } menubutton > button > box { border-spacing: 6px; } @@ -1653,9 +1653,9 @@ splitbutton > separator { border: none; } splitbutton > button, splitbutton menubutton { margin: 2px; } -.floating-bar { border: 2px solid; border-radius: 0px; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; color: #002269; } +.floating-bar { border: 2px solid; border-radius: 0px; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; color: #002269; } -undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#436aa9,0.3)); } +undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#6280b4,0.3)); } undershoot.top { background-size: 100% 0.5em; background-position: top; } @@ -1665,17 +1665,17 @@ undershoot.left { background-size: 0.5em 100%; background-position: left; } undershoot.right { background-size: 0.5em 100%; background-position: right; } -#XfceNotifyWindow { color: #002269; border-radius: 0px; border-width: 2px; border-style: solid; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +#XfceNotifyWindow { color: #002269; border-radius: 0px; border-width: 2px; border-style: solid; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } #XfceNotifyWindow label { color: #002269; } #XfceNotifyWindow label #summary { font-weight: bold; } -#XfceNotifyWindow button { border-width: 2px; color: #002269; background-color: #85B1E8; border-left-color: #c5daf4; border-top-color: #c5daf4; border-right-color: #5a96e0; border-bottom-color: #5a96e0; } +#XfceNotifyWindow button { border-width: 2px; color: #002269; background-color: #c4deff; border-left-color: white; border-top-color: white; border-right-color: #91c1ff; border-bottom-color: #91c1ff; } -#XfceNotifyWindow button:hover { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #dbe8f8; border-top-color: #dbe8f8; border-right-color: #70a3e4; border-bottom-color: #70a3e4; } +#XfceNotifyWindow button:hover { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: white; border-top-color: white; border-right-color: #abd0ff; border-bottom-color: #abd0ff; } -#XfceNotifyWindow button:active { border-width: 2px; color: #002269; background-color: #9abfec; border-left-color: #70a3e4; border-top-color: #70a3e4; border-right-color: #dbe8f8; border-bottom-color: #dbe8f8; } +#XfceNotifyWindow button:active { border-width: 2px; color: #002269; background-color: #deecff; border-left-color: #abd0ff; border-top-color: #abd0ff; border-right-color: white; border-bottom-color: white; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* @@ -1735,7 +1735,7 @@ widgets main borders color on backdrop windows */ /* these are pretty self explicative */ @define-color warning_color #f57900; -@define-color error_color #990000; +@define-color error_color #e10000; @define-color success_color #00b8a8; /* these colors are exported for the window manager and shouldn't be used in applications, diff --git a/source/templates/_theme_colors.scss.processed b/source/templates/_theme_colors.scss.processed index 5018223..ec6f4ad 100644 --- a/source/templates/_theme_colors.scss.processed +++ b/source/templates/_theme_colors.scss.processed @@ -17,7 +17,7 @@ $disabled_bg: #B5A9A9; /*Usually an automatic fg color on these backgrounds should check this value!*/ $warningc: #f57900; -$errorc: #990000; +$errorc: #e10000; $successc: #00b8a8; @@ -28,10 +28,10 @@ $titlebar_backdrop_fg: #2f2f2f; $titlebar_backdrop_bg: #C9C9C9; $hint_fg: #002269; -$hint_bg: #85B1E8; +$hint_bg: #c4deff; $osd_fg: #002269; -$osd_bg: #85B1E8; +$osd_bg: #c4deff; $link_fg: #004B91; $link_visited_fg: #680091; diff --git a/source/templates/colorscheme-Skewaita_improved_light.sh b/source/templates/colorscheme-Skewaita_improved_light.sh index 3c18646..f780e95 100755 --- a/source/templates/colorscheme-Skewaita_improved_light.sh +++ b/source/templates/colorscheme-Skewaita_improved_light.sh @@ -29,7 +29,7 @@ vdisabled_bg="#B5A9A9" # Usually an automatic fg color on these backgrounds should check this value! vwarningc="#f57900" -verrorc="#990000" +verrorc="#e10000" vsuccessc="#00b8a8" @@ -40,7 +40,7 @@ vtitlebar_backdrop_fg=$vwindow_fg vtitlebar_backdrop_bg=$vwindow_bg vhint_fg="#002269" -vhint_bg="#85B1E8" +vhint_bg="#c4deff" vosd_fg=$vhint_fg vosd_bg=$vhint_bg diff --git a/source/templates/gtkrc.processed b/source/templates/gtkrc.processed index 418d962..8bad6ec 100644 --- a/source/templates/gtkrc.processed +++ b/source/templates/gtkrc.processed @@ -7,7 +7,7 @@ gtk-color-scheme = "base_color:#E3E3E3" gtk-color-scheme = "text_color:#2f2f2f" gtk-color-scheme = "selected_bg_color:#b0dd7e" gtk-color-scheme = "selected_fg_color:#000000" -gtk-color-scheme = "tooltip_bg_color:#85B1E8" +gtk-color-scheme = "tooltip_bg_color:#c4deff" gtk-color-scheme = "tooltip_fg_color:#002269" gtk-color-scheme = "disabled_bg_color:#B5A9A9" gtk-color-scheme = "disabled_fg_color:#552222"