From cbbd23ec075997c5b2ffb634ee03724759fbe58e Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 10 Aug 2015 20:31:22 +0200 Subject: gnome-shell theme improvements and some osd redesign --- common/gtk-3.0/3.16/.nvmrc | 2 +- common/gtk-3.0/3.16/gtk-contained-dark.css | 356 ++++++++++---------- common/gtk-3.0/3.16/gtk-contained-darker.css | 330 ++++++++++--------- common/gtk-3.0/3.16/gtk-contained-solid-dark.css | 360 ++++++++++----------- common/gtk-3.0/3.16/gtk-contained-solid-darker.css | 334 ++++++++++--------- common/gtk-3.0/3.16/gtk-contained-solid.css | 334 ++++++++++--------- common/gtk-3.0/3.16/gtk-contained.css | 330 ++++++++++--------- common/gtk-3.0/3.16/sass/_colors.scss | 32 +- common/gtk-3.0/3.16/sass/_common.scss | 20 +- common/gtk-3.0/3.16/sass/_drawing.scss | 33 +- common/gtk-3.0/3.16/sass/_lightdm.scss | 67 ++-- common/gtk-3.0/3.16/sass/_transparent_widgets.scss | 2 +- 12 files changed, 1072 insertions(+), 1128 deletions(-) (limited to 'common/gtk-3.0/3.16') diff --git a/common/gtk-3.0/3.16/.nvmrc b/common/gtk-3.0/3.16/.nvmrc index 43c2417..2bf5ad0 100644 --- a/common/gtk-3.0/3.16/.nvmrc +++ b/common/gtk-3.0/3.16/.nvmrc @@ -1 +1 @@ -0.12.5 +stable diff --git a/common/gtk-3.0/3.16/gtk-contained-dark.css b/common/gtk-3.0/3.16/gtk-contained-dark.css index 21827fd..9c16d81 100644 --- a/common/gtk-3.0/3.16/gtk-contained-dark.css +++ b/common/gtk-3.0/3.16/gtk-contained-dark.css @@ -109,13 +109,12 @@ GtkTextView { .grid-child:selected { outline-offset: -2px; } -.popover.osd, .app-notification, -.app-notification.frame, .osd { - color: #A8ADB5; +.popover.osd, .osd { + color: #BAC3CF; border: none; - background-color: rgba(60, 64, 73, 0.95); + background-color: rgba(42, 44, 51, 0.95); background-clip: padding-box; - outline-color: rgba(168, 173, 181, 0.3); + outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } /********************** @@ -245,18 +244,18 @@ GtkTextView { .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { - color: #A8ADB5; - border-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + border-color: rgba(0, 0, 0, 0.4); background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .osd .entry:focus { - color: #5294E2; + color: #BAC3CF; border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .osd .entry:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.4); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } /*********** * Buttons * @@ -324,36 +323,34 @@ GtkTextView { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { - outline-color: rgba(168, 173, 181, 0.3); - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); - background-color: rgba(60, 64, 73, 0.95); } + outline-color: rgba(186, 195, 207, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); + background-color: rgba(42, 44, 51, 0.95); } .button.osd.image-button { padding: 10px; } .button.osd:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); - border-color: rgba(168, 173, 181, 0.3); } + background-color: rgba(0, 0, 0, 0.3); + background-color: rgba(42, 44, 51, 0.95); } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .button.osd:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } .osd .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); border-radius: 0; border-left-style: none; border-right-style: none; } @@ -373,39 +370,39 @@ GtkTextView { border-radius: 3px; border-style: solid; } .osd .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .osd .button:active, .osd .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .osd .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .osd .button.flat:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -821,9 +818,9 @@ GtkComboBox { background-color: #444852; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; - border: none; - border-radius: 4px; - background-color: rgba(60, 64, 73, 0.95); } + border: 1px solid rgba(0, 0, 0, 0.6); + border-radius: 3px; + background-color: rgba(42, 44, 51, 0.85); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); @@ -1844,7 +1841,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .osd .scale.slider { - background-image: linear-gradient(to bottom, rgba(60, 64, 73, 0.95)); + background-image: linear-gradient(to bottom, rgba(42, 44, 51, 0.95)); border-color: #5294E2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294E2); } @@ -1874,8 +1871,8 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(47, 50, 58, 0.55)); } .osd .scale.trough { - background-image: linear-gradient(to bottom, rgba(76, 81, 93, 0.95)); - outline-color: rgba(168, 173, 181, 0.2); } + background-image: linear-gradient(to bottom, rgba(58, 62, 70, 0.95)); + outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294E2); } @@ -2020,6 +2017,7 @@ GtkScrolledWindow GtkViewport.frame { .app-notification, .app-notification.frame { padding: 10px; + color: #BAC3CF; background-color: rgba(60, 64, 73, 0.95); background-clip: border-box; border-radius: 0 0 2px 2px; @@ -2028,32 +2026,31 @@ GtkScrolledWindow GtkViewport.frame { border-color: rgba(37, 39, 45, 0.95); } .app-notification .button, .app-notification.frame .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } /************* * Expanders * @@ -2224,10 +2221,10 @@ GtkInfoBar { * Tooltips * ************/ .tooltip { - color: #edf5fb; + color: #BAC3CF; border-radius: 2px; } .tooltip.background { - background-color: rgba(60, 64, 73, 0.95); + background-color: rgba(42, 44, 51, 0.95); background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } @@ -2816,16 +2813,16 @@ GbPreferencesPageLanguage GtkScrolledWindow { GtkBox.gb-command-bar-box { border: none; - background-color: #3c4049; } + background-color: #2a2c33; } GtkBox.gb-command-bar-box GtkLabel { - color: #A8ADB5; } + color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; - color: #A8ADB5; + color: #BAC3CF; background-image: none; - background-color: #3c4049; + background-color: #2a2c33; padding: 6px 6px 6px 6px; border: none; } @@ -2903,8 +2900,8 @@ PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { - color: #A8ADB5; - background-image: linear-gradient(to bottom, rgba(37, 39, 45, 0.95)); } + color: #BAC3CF; + background-image: linear-gradient(to bottom, rgba(31, 33, 37, 0.95)); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; @@ -2912,10 +2909,10 @@ PanelApplet .button, PanelApplet .button:backdrop { border-radius: 0; background-image: none; background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } PanelApplet .button:hover { - color: #c4c7cc; + color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } @@ -2936,7 +2933,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54575b; } + color: #5d6268; } WnckPager:selected { color: #5294E2; } @@ -2945,21 +2942,21 @@ NaTrayApplet { -NaTrayApplet-icon-size: 16; } ClockBox { - color: #A8ADB5; } + color: #BAC3CF; } .xfce4-panel.panel { - background-color: rgba(37, 39, 45, 0.95); } + background-color: rgba(31, 33, 37, 0.95); } .xfce4-panel.panel .button.flat { - color: #A8ADB5; - background-color: rgba(37, 39, 45, 0); + color: #BAC3CF; + background-color: rgba(31, 33, 37, 0); border-radius: 0; } .xfce4-panel.panel .button.flat:hover { border: none; - background-color: rgba(60, 64, 73, 0.95); } + background-color: rgba(54, 57, 65, 0.95); } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #5294E2; border: none; - background-color: rgba(21, 22, 25, 0.95); } + background-color: rgba(15, 16, 18, 0.95); } .floating-bar { background-color: #5294E2; @@ -3144,8 +3141,8 @@ UnityDecoration { UnityPanelWidget, .unity-panel { - background-image: linear-gradient(to bottom, #25272d); - color: #dfe1e4; + background-image: linear-gradient(to bottom, #1f2125); + color: #f6f7f9; box-shadow: none; } .unity-panel.menubar.menuitem:hover, @@ -3311,18 +3308,18 @@ GtkListBox .h4 { /* the panel widget at the top */ #panel_window { - background-color: rgba(37, 39, 45, 0.95); - color: #A8ADB5; + background-color: rgba(31, 33, 37, 0.95); + color: #BAC3CF; font: bold; - box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + box-shadow: inset 0 -1px rgba(15, 16, 18, 0.95); /* the menubars/menus of the panel, i.e. indicators */ } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; - color: #A8ADB5; + color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { - color: #727985; } + color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { @@ -3340,9 +3337,11 @@ GtkListBox .h4 { /* the top half of the login-window, in GtkDialog terms, the content */ #content_frame { padding-bottom: 14px; - background-color: rgba(68, 72, 82, 0.95); + background-color: #383C45; border-top-left-radius: 2px; - border-top-right-radius: 2px; } + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } #content_frame .button { color: #D3DAE3; @@ -3371,30 +3370,32 @@ GtkListBox .h4 { padding-top: 20px; padding-bottom: 0px; border-style: none; - background-color: rgba(60, 64, 73, 0.95); - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } + background-color: rgba(42, 44, 51, 0.95); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px rgba(19, 20, 23, 0.95); } #buttonbox_frame .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } #buttonbox_frame .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } #buttonbox_frame .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } #login_window #user_combobox { color: #D3DAE3; @@ -3405,50 +3406,48 @@ GtkListBox .h4 { /* the user's avatar box */ #user_image { padding: 3px; - border-radius: 3px; } + border-radius: 2px; } /* the border around the user's avatar box */ /* the shutdown button */ #shutdown_button.button { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; background-color: #F04A50; - background-image: none; - background-clip: border-box; } + border-color: #F04A50; } #shutdown_button.button:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; - background-image: none; } + background-color: #f4797e; + border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; - background-image: none; } + background-color: #ec1b22; + border-color: #ec1b22; } /* the restart button */ #restart_button.button { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #51CF74; - background-color: #51CF74; - background-image: none; - background-clip: border-box; } + background-color: #4DADD4; + border-color: #4DADD4; } #restart_button.button:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #75d991; - background-color: #75d991; - background-image: none; } + background-color: #76c0de; + border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37c65e; - background-color: #37c65e; - background-image: none; } + background-color: #2e96c0; + border-color: #2e96c0; } /* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ #greeter_infobar { @@ -3469,12 +3468,12 @@ NemoWindow { GtkFileChooserDialog .sidebar, NautilusWindow .sidebar, NemoWindow .sidebar { - border-right: 1px solid rgba(46, 49, 56, 0.95); } + border-right: 1px solid rgba(37, 39, 45, 0.95); } GtkFileChooserDialog .sidebar:dir(rtl), NautilusWindow .sidebar:dir(rtl), NemoWindow .sidebar:dir(rtl) { - border-left: 1px solid rgba(46, 49, 56, 0.95); } + border-left: 1px solid rgba(37, 39, 45, 0.95); } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .source-list, @@ -3499,7 +3498,7 @@ NautilusWindow .source-list.sidebar.view, NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { - background-color: rgba(69, 74, 84, 0.95); } + background-color: rgba(60, 64, 73, 0.95); } GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar row, GtkFileChooserDialog .source-list.sidebar.view .view, @@ -3514,7 +3513,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, @@ -3528,7 +3527,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { - color: rgba(168, 173, 181, 0.6); } + color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, @@ -3551,7 +3550,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { - color: #A8ADB5; } + color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, @@ -3570,7 +3569,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - background-color: #d1d4d8; + background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, @@ -3588,7 +3587,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { - background-color: rgba(209, 212, 216, 0.7); } + background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .scrollbar .slider:hover, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, @@ -3596,7 +3595,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar .slider:hover, NemoWindow .source-list.sidebar.view .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { - background-color: #dfe1e4; } + background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, @@ -3618,16 +3617,16 @@ GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { - background-color: #454a54; } + background-color: #3c4049; } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, MarlinViewWindow .pane-separator { - background-color: rgba(46, 49, 56, 0.95); } + background-color: rgba(37, 39, 45, 0.95); } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { - background-color: rgba(69, 74, 84, 0.95); } + background-color: rgba(60, 64, 73, 0.95); } GtkFileChooserDialog .sidebar { background-color: transparent; } @@ -3639,23 +3638,23 @@ GtkFileChooserDialog .dialog-action-box { background-color: #444852; } GtkFileChooserDialog .dialog-vbox > .frame { - color: #A8ADB5; + color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { background-color: transparent; - border-color: rgba(35, 37, 42, 0.95); } + border-color: rgba(25, 27, 31, 0.95); } GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { - background-color: rgba(46, 49, 56, 0.95); } + background-color: rgba(37, 39, 45, 0.95); } GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, GeditWindow.background.csd .titlebar .pane-separator:backdrop, @@ -3666,19 +3665,19 @@ GeditWindow.background.csd { background-color: #383C45; } .gedit-document-panel { - background-color: rgba(69, 74, 84, 0.95); } + background-color: rgba(60, 64, 73, 0.95); } .maximized .gedit-document-panel { - background-color: #454a54; } + background-color: #3c4049; } .gedit-document-panel .list-row { - color: #A8ADB5; } + color: #BAC3CF; } .gedit-document-panel .list-row { - background-color: rgba(168, 173, 181, 0); - border: solid rgba(168, 173, 181, 0); + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { - border: solid rgba(168, 173, 181, 0.15); + border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; - background-color: rgba(168, 173, 181, 0.15); } + background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294E2; @@ -3692,82 +3691,81 @@ GeditWindow.background.csd { border: solid #5294E2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserWidget { - background-color: rgba(69, 74, 84, 0.95); } + background-color: rgba(60, 64, 73, 0.95); } .maximized GeditWindow.background.csd GeditFileBrowserWidget { - background-color: #454a54; } + background-color: #3c4049; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - background-color: #d1d4d8; + background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider { - background-color: rgba(209, 212, 216, 0.7); } + background-color: rgba(231, 234, 238, 0.7); } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:hover { - background-color: #d1d4d8; } + background-color: #e7eaee; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { background-color: transparent; - border-color: rgba(53, 57, 65, 0.95); } + border-color: rgba(44, 47, 53, 0.95); } GeditWindow.background.csd GeditFileBrowserWidget .horizontal GtkComboBox { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294E2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { - color: #A8ADB5; - border-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + border-color: rgba(0, 0, 0, 0.4); background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { - color: #5294E2; + color: #BAC3CF; border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.4); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } /* GTK NAMED COLORS */ @define-color theme_fg_color #D3DAE3; diff --git a/common/gtk-3.0/3.16/gtk-contained-darker.css b/common/gtk-3.0/3.16/gtk-contained-darker.css index c931495..2056939 100644 --- a/common/gtk-3.0/3.16/gtk-contained-darker.css +++ b/common/gtk-3.0/3.16/gtk-contained-darker.css @@ -109,13 +109,12 @@ GtkTextView { .grid-child:selected { outline-offset: -2px; } -.popover.osd, .app-notification, -.app-notification.frame, .osd { - color: #A8ADB5; +.popover.osd, .osd { + color: #BAC3CF; border: none; - background-color: rgba(60, 64, 73, 0.95); + background-color: rgba(42, 44, 51, 0.95); background-clip: padding-box; - outline-color: rgba(168, 173, 181, 0.3); + outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } /********************** @@ -245,18 +244,18 @@ GtkTextView { .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { - color: #A8ADB5; - border-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + border-color: rgba(0, 0, 0, 0.4); background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .osd .entry:focus { - color: #5294E2; + color: #BAC3CF; border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .osd .entry:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.4); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } /*********** * Buttons * @@ -324,36 +323,34 @@ GtkTextView { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { - outline-color: rgba(168, 173, 181, 0.3); - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); - background-color: rgba(60, 64, 73, 0.95); } + outline-color: rgba(186, 195, 207, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); + background-color: rgba(42, 44, 51, 0.95); } .button.osd.image-button { padding: 10px; } .button.osd:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); - border-color: rgba(168, 173, 181, 0.3); } + background-color: rgba(0, 0, 0, 0.3); + background-color: rgba(42, 44, 51, 0.95); } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .button.osd:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } .osd .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); border-radius: 0; border-left-style: none; border-right-style: none; } @@ -373,39 +370,39 @@ GtkTextView { border-radius: 3px; border-style: solid; } .osd .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .osd .button:active, .osd .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .osd .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .osd .button.flat:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -821,9 +818,9 @@ GtkComboBox { background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; - border: none; - border-radius: 4px; - background-color: rgba(60, 64, 73, 0.95); } + border: 1px solid rgba(0, 0, 0, 0.6); + border-radius: 3px; + background-color: rgba(42, 44, 51, 0.85); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); @@ -1845,7 +1842,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .osd .scale.slider { - background-image: linear-gradient(to bottom, rgba(60, 64, 73, 0.95)); + background-image: linear-gradient(to bottom, rgba(42, 44, 51, 0.95)); border-color: #5294E2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294E2); } @@ -1875,8 +1872,8 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { - background-image: linear-gradient(to bottom, rgba(76, 81, 93, 0.95)); - outline-color: rgba(168, 173, 181, 0.2); } + background-image: linear-gradient(to bottom, rgba(58, 62, 70, 0.95)); + outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294E2); } @@ -2021,6 +2018,7 @@ GtkScrolledWindow GtkViewport.frame { .app-notification, .app-notification.frame { padding: 10px; + color: #BAC3CF; background-color: rgba(60, 64, 73, 0.95); background-clip: border-box; border-radius: 0 0 2px 2px; @@ -2029,32 +2027,31 @@ GtkScrolledWindow GtkViewport.frame { border-color: rgba(37, 39, 45, 0.95); } .app-notification .button, .app-notification.frame .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } /************* * Expanders * @@ -2225,10 +2222,10 @@ GtkInfoBar { * Tooltips * ************/ .tooltip { - color: #edf5fb; + color: #BAC3CF; border-radius: 2px; } .tooltip.background { - background-color: rgba(60, 64, 73, 0.95); + background-color: rgba(42, 44, 51, 0.95); background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } @@ -2817,16 +2814,16 @@ GbPreferencesPageLanguage GtkScrolledWindow { GtkBox.gb-command-bar-box { border: none; - background-color: #3c4049; } + background-color: #2a2c33; } GtkBox.gb-command-bar-box GtkLabel { - color: #A8ADB5; } + color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; - color: #A8ADB5; + color: #BAC3CF; background-image: none; - background-color: #3c4049; + background-color: #2a2c33; padding: 6px 6px 6px 6px; border: none; } @@ -2904,8 +2901,8 @@ PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { - color: #A8ADB5; - background-image: linear-gradient(to bottom, rgba(37, 39, 45, 0.95)); } + color: #BAC3CF; + background-image: linear-gradient(to bottom, rgba(31, 33, 37, 0.95)); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; @@ -2913,10 +2910,10 @@ PanelApplet .button, PanelApplet .button:backdrop { border-radius: 0; background-image: none; background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } PanelApplet .button:hover { - color: #c4c7cc; + color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } @@ -2937,7 +2934,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54575b; } + color: #5d6268; } WnckPager:selected { color: #5294E2; } @@ -2946,21 +2943,21 @@ NaTrayApplet { -NaTrayApplet-icon-size: 16; } ClockBox { - color: #A8ADB5; } + color: #BAC3CF; } .xfce4-panel.panel { - background-color: rgba(37, 39, 45, 0.95); } + background-color: rgba(31, 33, 37, 0.95); } .xfce4-panel.panel .button.flat { - color: #A8ADB5; - background-color: rgba(37, 39, 45, 0); + color: #BAC3CF; + background-color: rgba(31, 33, 37, 0); border-radius: 0; } .xfce4-panel.panel .button.flat:hover { border: none; - background-color: rgba(60, 64, 73, 0.95); } + background-color: rgba(54, 57, 65, 0.95); } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #5294E2; border: none; - background-color: rgba(21, 22, 25, 0.95); } + background-color: rgba(15, 16, 18, 0.95); } .floating-bar { background-color: #5294E2; @@ -3145,8 +3142,8 @@ UnityDecoration { UnityPanelWidget, .unity-panel { - background-image: linear-gradient(to bottom, #25272d); - color: #dfe1e4; + background-image: linear-gradient(to bottom, #1f2125); + color: #f6f7f9; box-shadow: none; } .unity-panel.menubar.menuitem:hover, @@ -3312,18 +3309,18 @@ GtkListBox .h4 { /* the panel widget at the top */ #panel_window { - background-color: rgba(37, 39, 45, 0.95); - color: #A8ADB5; + background-color: rgba(31, 33, 37, 0.95); + color: #BAC3CF; font: bold; - box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + box-shadow: inset 0 -1px rgba(15, 16, 18, 0.95); /* the menubars/menus of the panel, i.e. indicators */ } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; - color: #A8ADB5; + color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { - color: #727985; } + color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { @@ -3341,9 +3338,11 @@ GtkListBox .h4 { /* the top half of the login-window, in GtkDialog terms, the content */ #content_frame { padding-bottom: 14px; - background-color: rgba(245, 246, 247, 0.95); + background-color: #F5F6F7; border-top-left-radius: 2px; - border-top-right-radius: 2px; } + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; @@ -3372,30 +3371,32 @@ GtkListBox .h4 { padding-top: 20px; padding-bottom: 0px; border-style: none; - background-color: rgba(60, 64, 73, 0.95); - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } + background-color: rgba(42, 44, 51, 0.95); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px rgba(19, 20, 23, 0.95); } #buttonbox_frame .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } #buttonbox_frame .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } #buttonbox_frame .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } #login_window #user_combobox { color: #5c616c; @@ -3406,50 +3407,48 @@ GtkListBox .h4 { /* the user's avatar box */ #user_image { padding: 3px; - border-radius: 3px; } + border-radius: 2px; } /* the border around the user's avatar box */ /* the shutdown button */ #shutdown_button.button { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; background-color: #F04A50; - background-image: none; - background-clip: border-box; } + border-color: #F04A50; } #shutdown_button.button:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; - background-image: none; } + background-color: #f4797e; + border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; - background-image: none; } + background-color: #ec1b22; + border-color: #ec1b22; } /* the restart button */ #restart_button.button { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #51CF74; - background-color: #51CF74; - background-image: none; - background-clip: border-box; } + background-color: #4DADD4; + border-color: #4DADD4; } #restart_button.button:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #75d991; - background-color: #75d991; - background-image: none; } + background-color: #76c0de; + border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37c65e; - background-color: #37c65e; - background-image: none; } + background-color: #2e96c0; + border-color: #2e96c0; } /* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ #greeter_infobar { @@ -3505,7 +3504,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, @@ -3519,7 +3518,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { - color: rgba(168, 173, 181, 0.6); } + color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, @@ -3542,7 +3541,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { - color: #A8ADB5; } + color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, @@ -3561,7 +3560,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - background-color: #d1d4d8; + background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, @@ -3579,7 +3578,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { - background-color: rgba(209, 212, 216, 0.7); } + background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .scrollbar .slider:hover, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, @@ -3587,7 +3586,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar .slider:hover, NemoWindow .source-list.sidebar.view .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { - background-color: #dfe1e4; } + background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, @@ -3630,7 +3629,7 @@ GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { - color: #A8ADB5; + color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { @@ -3640,7 +3639,7 @@ GtkFileChooserDialog .action-bar.frame { GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd { background-color: transparent; } @@ -3661,15 +3660,15 @@ GeditWindow.background.csd { .maximized .gedit-document-panel { background-color: #3c4049; } .gedit-document-panel .list-row { - color: #A8ADB5; } + color: #BAC3CF; } .gedit-document-panel .list-row { - background-color: rgba(168, 173, 181, 0); - border: solid rgba(168, 173, 181, 0); + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { - border: solid rgba(168, 173, 181, 0.15); + border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; - background-color: rgba(168, 173, 181, 0.15); } + background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294E2; @@ -3683,22 +3682,22 @@ GeditWindow.background.csd { border: solid #5294E2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserWidget { background-color: rgba(60, 64, 73, 0.95); } .maximized GeditWindow.background.csd GeditFileBrowserWidget { background-color: #3c4049; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - background-color: #d1d4d8; + background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider { - background-color: rgba(209, 212, 216, 0.7); } + background-color: rgba(231, 234, 238, 0.7); } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:hover { - background-color: #d1d4d8; } + background-color: #e7eaee; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:insensitive { @@ -3707,58 +3706,57 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: transparent; border-color: rgba(44, 47, 53, 0.95); } GeditWindow.background.csd GeditFileBrowserWidget .horizontal GtkComboBox { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294E2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { - color: #A8ADB5; - border-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + border-color: rgba(0, 0, 0, 0.4); background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { - color: #5294E2; + color: #BAC3CF; border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.4); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } /* GTK NAMED COLORS */ @define-color theme_fg_color #5c616c; diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css index a0f41af..7629519 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css @@ -109,13 +109,12 @@ GtkTextView { .grid-child:selected { outline-offset: -2px; } -.popover.osd, .app-notification, -.app-notification.frame, .osd { - color: #A8ADB5; +.popover.osd, .osd { + color: #BAC3CF; border: none; - background-color: rgba(60, 64, 73, 0.95); + background-color: #2a2c33; background-clip: padding-box; - outline-color: rgba(168, 173, 181, 0.3); + outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } /********************** @@ -245,18 +244,18 @@ GtkTextView { .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { - color: #A8ADB5; - border-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + border-color: rgba(0, 0, 0, 0.4); background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .osd .entry:focus { - color: #5294E2; + color: #BAC3CF; border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .osd .entry:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.4); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } /*********** * Buttons * @@ -324,36 +323,34 @@ GtkTextView { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { - outline-color: rgba(168, 173, 181, 0.3); - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); - background-color: rgba(60, 64, 73, 0.95); } + outline-color: rgba(186, 195, 207, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); + background-color: #2a2c33; } .button.osd.image-button { padding: 10px; } .button.osd:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); - border-color: rgba(168, 173, 181, 0.3); } + background-color: rgba(0, 0, 0, 0.3); + background-color: #2a2c33; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .button.osd:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } .osd .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); border-radius: 0; border-left-style: none; border-right-style: none; } @@ -373,39 +370,39 @@ GtkTextView { border-radius: 3px; border-style: solid; } .osd .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .osd .button:active, .osd .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .osd .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .osd .button.flat:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -821,9 +818,9 @@ GtkComboBox { background-color: #444852; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; - border: none; - border-radius: 4px; - background-color: rgba(60, 64, 73, 0.95); } + border: 1px solid rgba(0, 0, 0, 0.6); + border-radius: 3px; + background-color: rgba(42, 44, 51, 0.9); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); @@ -1844,7 +1841,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .osd .scale.slider { - background-image: linear-gradient(to bottom, rgba(60, 64, 73, 0.95)); + background-image: linear-gradient(to bottom, #2a2c33); border-color: #5294E2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294E2); } @@ -1874,8 +1871,8 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(47, 50, 58, 0.55)); } .osd .scale.trough { - background-image: linear-gradient(to bottom, rgba(76, 81, 93, 0.95)); - outline-color: rgba(168, 173, 181, 0.2); } + background-image: linear-gradient(to bottom, #3a3e46); + outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294E2); } @@ -2020,40 +2017,40 @@ GtkScrolledWindow GtkViewport.frame { .app-notification, .app-notification.frame { padding: 10px; - background-color: rgba(60, 64, 73, 0.95); + color: #BAC3CF; + background-color: #3c4049; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; - border-color: rgba(37, 39, 45, 0.95); } + border-color: #25272d; } .app-notification .button, .app-notification.frame .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } /************* * Expanders * @@ -2224,10 +2221,10 @@ GtkInfoBar { * Tooltips * ************/ .tooltip { - color: #edf5fb; + color: #BAC3CF; border-radius: 2px; } .tooltip.background { - background-color: rgba(60, 64, 73, 0.95); + background-color: #2a2c33; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } @@ -2816,16 +2813,16 @@ GbPreferencesPageLanguage GtkScrolledWindow { GtkBox.gb-command-bar-box { border: none; - background-color: #3c4049; } + background-color: #2a2c33; } GtkBox.gb-command-bar-box GtkLabel { - color: #A8ADB5; } + color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; - color: #A8ADB5; + color: #BAC3CF; background-image: none; - background-color: #3c4049; + background-color: #2a2c33; padding: 6px 6px 6px 6px; border: none; } @@ -2903,8 +2900,8 @@ PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { - color: #A8ADB5; - background-image: linear-gradient(to bottom, rgba(37, 39, 45, 0.95)); } + color: #BAC3CF; + background-image: linear-gradient(to bottom, #1f2125); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; @@ -2912,10 +2909,10 @@ PanelApplet .button, PanelApplet .button:backdrop { border-radius: 0; background-image: none; background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } PanelApplet .button:hover { - color: #c4c7cc; + color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } @@ -2936,7 +2933,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54575b; } + color: #5d6268; } WnckPager:selected { color: #5294E2; } @@ -2945,21 +2942,21 @@ NaTrayApplet { -NaTrayApplet-icon-size: 16; } ClockBox { - color: #A8ADB5; } + color: #BAC3CF; } .xfce4-panel.panel { - background-color: rgba(37, 39, 45, 0.95); } + background-color: #1f2125; } .xfce4-panel.panel .button.flat { - color: #A8ADB5; - background-color: rgba(37, 39, 45, 0); + color: #BAC3CF; + background-color: rgba(31, 33, 37, 0); border-radius: 0; } .xfce4-panel.panel .button.flat:hover { border: none; - background-color: rgba(60, 64, 73, 0.95); } + background-color: #363941; } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #5294E2; border: none; - background-color: rgba(21, 22, 25, 0.95); } + background-color: #0f1012; } .floating-bar { background-color: #5294E2; @@ -3144,8 +3141,8 @@ UnityDecoration { UnityPanelWidget, .unity-panel { - background-image: linear-gradient(to bottom, #25272d); - color: #dfe1e4; + background-image: linear-gradient(to bottom, #1f2125); + color: #f6f7f9; box-shadow: none; } .unity-panel.menubar.menuitem:hover, @@ -3311,18 +3308,18 @@ GtkListBox .h4 { /* the panel widget at the top */ #panel_window { - background-color: rgba(37, 39, 45, 0.95); - color: #A8ADB5; + background-color: #1f2125; + color: #BAC3CF; font: bold; - box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + box-shadow: inset 0 -1px #0f1012; /* the menubars/menus of the panel, i.e. indicators */ } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; - color: #A8ADB5; + color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { - color: #727985; } + color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { @@ -3340,9 +3337,11 @@ GtkListBox .h4 { /* the top half of the login-window, in GtkDialog terms, the content */ #content_frame { padding-bottom: 14px; - background-color: rgba(68, 72, 82, 0.95); + background-color: #383C45; border-top-left-radius: 2px; - border-top-right-radius: 2px; } + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } #content_frame .button { color: #D3DAE3; @@ -3371,30 +3370,32 @@ GtkListBox .h4 { padding-top: 20px; padding-bottom: 0px; border-style: none; - background-color: rgba(60, 64, 73, 0.95); - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } + background-color: #2a2c33; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #131417; } #buttonbox_frame .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } #buttonbox_frame .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } #buttonbox_frame .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } #login_window #user_combobox { color: #D3DAE3; @@ -3405,50 +3406,48 @@ GtkListBox .h4 { /* the user's avatar box */ #user_image { padding: 3px; - border-radius: 3px; } + border-radius: 2px; } /* the border around the user's avatar box */ /* the shutdown button */ #shutdown_button.button { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; background-color: #F04A50; - background-image: none; - background-clip: border-box; } + border-color: #F04A50; } #shutdown_button.button:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; - background-image: none; } + background-color: #f4797e; + border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; - background-image: none; } + background-color: #ec1b22; + border-color: #ec1b22; } /* the restart button */ #restart_button.button { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #51CF74; - background-color: #51CF74; - background-image: none; - background-clip: border-box; } + background-color: #4DADD4; + border-color: #4DADD4; } #restart_button.button:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #75d991; - background-color: #75d991; - background-image: none; } + background-color: #76c0de; + border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37c65e; - background-color: #37c65e; - background-image: none; } + background-color: #2e96c0; + border-color: #2e96c0; } /* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ #greeter_infobar { @@ -3469,12 +3468,12 @@ NemoWindow { GtkFileChooserDialog .sidebar, NautilusWindow .sidebar, NemoWindow .sidebar { - border-right: 1px solid #2e3138; } + border-right: 1px solid #25272d; } GtkFileChooserDialog .sidebar:dir(rtl), NautilusWindow .sidebar:dir(rtl), NemoWindow .sidebar:dir(rtl) { - border-left: 1px solid #2e3138; } + border-left: 1px solid #25272d; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .source-list, @@ -3499,7 +3498,7 @@ NautilusWindow .source-list.sidebar.view, NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { - background-color: #454a54; } + background-color: #3c4049; } GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar row, GtkFileChooserDialog .source-list.sidebar.view .view, @@ -3514,7 +3513,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, @@ -3528,7 +3527,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { - color: rgba(168, 173, 181, 0.6); } + color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, @@ -3551,7 +3550,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { - color: #A8ADB5; } + color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, @@ -3570,7 +3569,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - background-color: #d1d4d8; + background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, @@ -3588,7 +3587,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { - background-color: rgba(209, 212, 216, 0.7); } + background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .scrollbar .slider:hover, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, @@ -3596,7 +3595,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar .slider:hover, NemoWindow .source-list.sidebar.view .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { - background-color: #dfe1e4; } + background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, @@ -3618,16 +3617,16 @@ GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { - background-color: #454a54; } + background-color: #3c4049; } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, MarlinViewWindow .pane-separator { - background-color: #2e3138; } + background-color: #25272d; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { - background-color: #454a54; } + background-color: #3c4049; } GtkFileChooserDialog .sidebar { background-color: transparent; } @@ -3639,23 +3638,23 @@ GtkFileChooserDialog .dialog-action-box { background-color: #444852; } GtkFileChooserDialog .dialog-vbox > .frame { - color: #A8ADB5; + color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { background-color: transparent; - border-color: #23252a; } + border-color: #191b1f; } GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { - background-color: #2e3138; } + background-color: #25272d; } GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, GeditWindow.background.csd .titlebar .pane-separator:backdrop, @@ -3666,19 +3665,19 @@ GeditWindow.background.csd { background-color: #383C45; } .gedit-document-panel { - background-color: #454a54; } + background-color: #3c4049; } .maximized .gedit-document-panel { - background-color: #454a54; } + background-color: #3c4049; } .gedit-document-panel .list-row { - color: #A8ADB5; } + color: #BAC3CF; } .gedit-document-panel .list-row { - background-color: rgba(168, 173, 181, 0); - border: solid rgba(168, 173, 181, 0); + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { - border: solid rgba(168, 173, 181, 0.15); + border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; - background-color: rgba(168, 173, 181, 0.15); } + background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294E2; @@ -3692,82 +3691,81 @@ GeditWindow.background.csd { border: solid #5294E2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserWidget { - background-color: #454a54; } + background-color: #3c4049; } .maximized GeditWindow.background.csd GeditFileBrowserWidget { - background-color: #454a54; } + background-color: #3c4049; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - background-color: #d1d4d8; + background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider { - background-color: rgba(209, 212, 216, 0.7); } + background-color: rgba(231, 234, 238, 0.7); } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:hover { - background-color: #d1d4d8; } + background-color: #e7eaee; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { background-color: transparent; - border-color: #353941; } + border-color: #2c2f35; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal GtkComboBox { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294E2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { - color: #A8ADB5; - border-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + border-color: rgba(0, 0, 0, 0.4); background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { - color: #5294E2; + color: #BAC3CF; border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.4); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } /* GTK NAMED COLORS */ @define-color theme_fg_color #D3DAE3; diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css index f4d76fc..a77297f 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css @@ -109,13 +109,12 @@ GtkTextView { .grid-child:selected { outline-offset: -2px; } -.popover.osd, .app-notification, -.app-notification.frame, .osd { - color: #A8ADB5; +.popover.osd, .osd { + color: #BAC3CF; border: none; - background-color: rgba(60, 64, 73, 0.95); + background-color: #2a2c33; background-clip: padding-box; - outline-color: rgba(168, 173, 181, 0.3); + outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } /********************** @@ -245,18 +244,18 @@ GtkTextView { .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { - color: #A8ADB5; - border-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + border-color: rgba(0, 0, 0, 0.4); background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .osd .entry:focus { - color: #5294E2; + color: #BAC3CF; border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .osd .entry:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.4); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } /*********** * Buttons * @@ -324,36 +323,34 @@ GtkTextView { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { - outline-color: rgba(168, 173, 181, 0.3); - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); - background-color: rgba(60, 64, 73, 0.95); } + outline-color: rgba(186, 195, 207, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); + background-color: #2a2c33; } .button.osd.image-button { padding: 10px; } .button.osd:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); - border-color: rgba(168, 173, 181, 0.3); } + background-color: rgba(0, 0, 0, 0.3); + background-color: #2a2c33; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .button.osd:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } .osd .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); border-radius: 0; border-left-style: none; border-right-style: none; } @@ -373,39 +370,39 @@ GtkTextView { border-radius: 3px; border-style: solid; } .osd .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .osd .button:active, .osd .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .osd .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .osd .button.flat:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -821,9 +818,9 @@ GtkComboBox { background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; - border: none; - border-radius: 4px; - background-color: rgba(60, 64, 73, 0.95); } + border: 1px solid rgba(0, 0, 0, 0.6); + border-radius: 3px; + background-color: rgba(42, 44, 51, 0.9); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); @@ -1845,7 +1842,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .osd .scale.slider { - background-image: linear-gradient(to bottom, rgba(60, 64, 73, 0.95)); + background-image: linear-gradient(to bottom, #2a2c33); border-color: #5294E2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294E2); } @@ -1875,8 +1872,8 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { - background-image: linear-gradient(to bottom, rgba(76, 81, 93, 0.95)); - outline-color: rgba(168, 173, 181, 0.2); } + background-image: linear-gradient(to bottom, #3a3e46); + outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294E2); } @@ -2021,40 +2018,40 @@ GtkScrolledWindow GtkViewport.frame { .app-notification, .app-notification.frame { padding: 10px; - background-color: rgba(60, 64, 73, 0.95); + color: #BAC3CF; + background-color: #3c4049; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; - border-color: rgba(37, 39, 45, 0.95); } + border-color: #25272d; } .app-notification .button, .app-notification.frame .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } /************* * Expanders * @@ -2225,10 +2222,10 @@ GtkInfoBar { * Tooltips * ************/ .tooltip { - color: #edf5fb; + color: #BAC3CF; border-radius: 2px; } .tooltip.background { - background-color: rgba(60, 64, 73, 0.95); + background-color: #2a2c33; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } @@ -2817,16 +2814,16 @@ GbPreferencesPageLanguage GtkScrolledWindow { GtkBox.gb-command-bar-box { border: none; - background-color: #3c4049; } + background-color: #2a2c33; } GtkBox.gb-command-bar-box GtkLabel { - color: #A8ADB5; } + color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; - color: #A8ADB5; + color: #BAC3CF; background-image: none; - background-color: #3c4049; + background-color: #2a2c33; padding: 6px 6px 6px 6px; border: none; } @@ -2904,8 +2901,8 @@ PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { - color: #A8ADB5; - background-image: linear-gradient(to bottom, rgba(37, 39, 45, 0.95)); } + color: #BAC3CF; + background-image: linear-gradient(to bottom, #1f2125); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; @@ -2913,10 +2910,10 @@ PanelApplet .button, PanelApplet .button:backdrop { border-radius: 0; background-image: none; background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } PanelApplet .button:hover { - color: #c4c7cc; + color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } @@ -2937,7 +2934,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54575b; } + color: #5d6268; } WnckPager:selected { color: #5294E2; } @@ -2946,21 +2943,21 @@ NaTrayApplet { -NaTrayApplet-icon-size: 16; } ClockBox { - color: #A8ADB5; } + color: #BAC3CF; } .xfce4-panel.panel { - background-color: rgba(37, 39, 45, 0.95); } + background-color: #1f2125; } .xfce4-panel.panel .button.flat { - color: #A8ADB5; - background-color: rgba(37, 39, 45, 0); + color: #BAC3CF; + background-color: rgba(31, 33, 37, 0); border-radius: 0; } .xfce4-panel.panel .button.flat:hover { border: none; - background-color: rgba(60, 64, 73, 0.95); } + background-color: #363941; } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #5294E2; border: none; - background-color: rgba(21, 22, 25, 0.95); } + background-color: #0f1012; } .floating-bar { background-color: #5294E2; @@ -3145,8 +3142,8 @@ UnityDecoration { UnityPanelWidget, .unity-panel { - background-image: linear-gradient(to bottom, #25272d); - color: #dfe1e4; + background-image: linear-gradient(to bottom, #1f2125); + color: #f6f7f9; box-shadow: none; } .unity-panel.menubar.menuitem:hover, @@ -3312,18 +3309,18 @@ GtkListBox .h4 { /* the panel widget at the top */ #panel_window { - background-color: rgba(37, 39, 45, 0.95); - color: #A8ADB5; + background-color: #1f2125; + color: #BAC3CF; font: bold; - box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + box-shadow: inset 0 -1px #0f1012; /* the menubars/menus of the panel, i.e. indicators */ } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; - color: #A8ADB5; + color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { - color: #727985; } + color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { @@ -3341,9 +3338,11 @@ GtkListBox .h4 { /* the top half of the login-window, in GtkDialog terms, the content */ #content_frame { padding-bottom: 14px; - background-color: rgba(245, 246, 247, 0.95); + background-color: #F5F6F7; border-top-left-radius: 2px; - border-top-right-radius: 2px; } + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; @@ -3372,30 +3371,32 @@ GtkListBox .h4 { padding-top: 20px; padding-bottom: 0px; border-style: none; - background-color: rgba(60, 64, 73, 0.95); - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } + background-color: #2a2c33; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #131417; } #buttonbox_frame .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } #buttonbox_frame .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } #buttonbox_frame .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } #login_window #user_combobox { color: #5c616c; @@ -3406,50 +3407,48 @@ GtkListBox .h4 { /* the user's avatar box */ #user_image { padding: 3px; - border-radius: 3px; } + border-radius: 2px; } /* the border around the user's avatar box */ /* the shutdown button */ #shutdown_button.button { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; background-color: #F04A50; - background-image: none; - background-clip: border-box; } + border-color: #F04A50; } #shutdown_button.button:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; - background-image: none; } + background-color: #f4797e; + border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; - background-image: none; } + background-color: #ec1b22; + border-color: #ec1b22; } /* the restart button */ #restart_button.button { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #51CF74; - background-color: #51CF74; - background-image: none; - background-clip: border-box; } + background-color: #4DADD4; + border-color: #4DADD4; } #restart_button.button:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #75d991; - background-color: #75d991; - background-image: none; } + background-color: #76c0de; + border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37c65e; - background-color: #37c65e; - background-image: none; } + background-color: #2e96c0; + border-color: #2e96c0; } /* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ #greeter_infobar { @@ -3505,7 +3504,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, @@ -3519,7 +3518,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { - color: rgba(168, 173, 181, 0.6); } + color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, @@ -3542,7 +3541,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { - color: #A8ADB5; } + color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, @@ -3561,7 +3560,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - background-color: #d1d4d8; + background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, @@ -3579,7 +3578,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { - background-color: rgba(209, 212, 216, 0.7); } + background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .scrollbar .slider:hover, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, @@ -3587,7 +3586,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar .slider:hover, NemoWindow .source-list.sidebar.view .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { - background-color: #dfe1e4; } + background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, @@ -3630,7 +3629,7 @@ GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { - color: #A8ADB5; + color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { @@ -3640,7 +3639,7 @@ GtkFileChooserDialog .action-bar.frame { GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd { background-color: transparent; } @@ -3661,15 +3660,15 @@ GeditWindow.background.csd { .maximized .gedit-document-panel { background-color: #3c4049; } .gedit-document-panel .list-row { - color: #A8ADB5; } + color: #BAC3CF; } .gedit-document-panel .list-row { - background-color: rgba(168, 173, 181, 0); - border: solid rgba(168, 173, 181, 0); + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { - border: solid rgba(168, 173, 181, 0.15); + border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; - background-color: rgba(168, 173, 181, 0.15); } + background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294E2; @@ -3683,22 +3682,22 @@ GeditWindow.background.csd { border: solid #5294E2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserWidget { background-color: #3c4049; } .maximized GeditWindow.background.csd GeditFileBrowserWidget { background-color: #3c4049; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - background-color: #d1d4d8; + background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider { - background-color: rgba(209, 212, 216, 0.7); } + background-color: rgba(231, 234, 238, 0.7); } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:hover { - background-color: #d1d4d8; } + background-color: #e7eaee; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:insensitive { @@ -3707,58 +3706,57 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: transparent; border-color: #2c2f35; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal GtkComboBox { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294E2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { - color: #A8ADB5; - border-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + border-color: rgba(0, 0, 0, 0.4); background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { - color: #5294E2; + color: #BAC3CF; border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.4); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } /* GTK NAMED COLORS */ @define-color theme_fg_color #5c616c; diff --git a/common/gtk-3.0/3.16/gtk-contained-solid.css b/common/gtk-3.0/3.16/gtk-contained-solid.css index 99cd85b..b62274a 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid.css @@ -109,13 +109,12 @@ GtkTextView { .grid-child:selected { outline-offset: -2px; } -.popover.osd, .app-notification, -.app-notification.frame, .osd { - color: #A8ADB5; +.popover.osd, .osd { + color: #BAC3CF; border: none; - background-color: rgba(60, 64, 73, 0.95); + background-color: #2a2c33; background-clip: padding-box; - outline-color: rgba(168, 173, 181, 0.3); + outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } /********************** @@ -245,18 +244,18 @@ GtkTextView { .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { - color: #A8ADB5; - border-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + border-color: rgba(0, 0, 0, 0.4); background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .osd .entry:focus { - color: #5294E2; + color: #BAC3CF; border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .osd .entry:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.4); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } /*********** * Buttons * @@ -324,36 +323,34 @@ GtkTextView { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { - outline-color: rgba(168, 173, 181, 0.3); - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); - background-color: rgba(60, 64, 73, 0.95); } + outline-color: rgba(186, 195, 207, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); + background-color: #2a2c33; } .button.osd.image-button { padding: 10px; } .button.osd:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); - border-color: rgba(168, 173, 181, 0.3); } + background-color: rgba(0, 0, 0, 0.3); + background-color: #2a2c33; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .button.osd:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } .osd .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); border-radius: 0; border-left-style: none; border-right-style: none; } @@ -373,39 +370,39 @@ GtkTextView { border-radius: 3px; border-style: solid; } .osd .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .osd .button:active, .osd .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .osd .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .osd .button.flat:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -821,9 +818,9 @@ GtkComboBox { background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; - border: none; - border-radius: 4px; - background-color: rgba(60, 64, 73, 0.95); } + border: 1px solid rgba(0, 0, 0, 0.6); + border-radius: 3px; + background-color: rgba(42, 44, 51, 0.9); } .primary-toolbar { color: rgba(82, 93, 118, 0.8); @@ -1844,7 +1841,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .osd .scale.slider { - background-image: linear-gradient(to bottom, rgba(60, 64, 73, 0.95)); + background-image: linear-gradient(to bottom, #2a2c33); border-color: #5294E2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294E2); } @@ -1874,8 +1871,8 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { - background-image: linear-gradient(to bottom, rgba(76, 81, 93, 0.95)); - outline-color: rgba(168, 173, 181, 0.2); } + background-image: linear-gradient(to bottom, #3a3e46); + outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294E2); } @@ -2020,40 +2017,40 @@ GtkScrolledWindow GtkViewport.frame { .app-notification, .app-notification.frame { padding: 10px; - background-color: rgba(60, 64, 73, 0.95); + color: #BAC3CF; + background-color: #3c4049; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; - border-color: rgba(37, 39, 45, 0.95); } + border-color: #25272d; } .app-notification .button, .app-notification.frame .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } /************* * Expanders * @@ -2224,10 +2221,10 @@ GtkInfoBar { * Tooltips * ************/ .tooltip { - color: #edf5fb; + color: #BAC3CF; border-radius: 2px; } .tooltip.background { - background-color: rgba(60, 64, 73, 0.95); + background-color: #2a2c33; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } @@ -2816,16 +2813,16 @@ GbPreferencesPageLanguage GtkScrolledWindow { GtkBox.gb-command-bar-box { border: none; - background-color: #3c4049; } + background-color: #2a2c33; } GtkBox.gb-command-bar-box GtkLabel { - color: #A8ADB5; } + color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; - color: #A8ADB5; + color: #BAC3CF; background-image: none; - background-color: #3c4049; + background-color: #2a2c33; padding: 6px 6px 6px 6px; border: none; } @@ -2903,8 +2900,8 @@ PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { - color: #A8ADB5; - background-image: linear-gradient(to bottom, rgba(37, 39, 45, 0.95)); } + color: #BAC3CF; + background-image: linear-gradient(to bottom, #1f2125); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; @@ -2912,10 +2909,10 @@ PanelApplet .button, PanelApplet .button:backdrop { border-radius: 0; background-image: none; background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } PanelApplet .button:hover { - color: #c4c7cc; + color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } @@ -2936,7 +2933,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54575b; } + color: #5d6268; } WnckPager:selected { color: #5294E2; } @@ -2945,21 +2942,21 @@ NaTrayApplet { -NaTrayApplet-icon-size: 16; } ClockBox { - color: #A8ADB5; } + color: #BAC3CF; } .xfce4-panel.panel { - background-color: rgba(37, 39, 45, 0.95); } + background-color: #1f2125; } .xfce4-panel.panel .button.flat { - color: #A8ADB5; - background-color: rgba(37, 39, 45, 0); + color: #BAC3CF; + background-color: rgba(31, 33, 37, 0); border-radius: 0; } .xfce4-panel.panel .button.flat:hover { border: none; - background-color: rgba(60, 64, 73, 0.95); } + background-color: #363941; } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #5294E2; border: none; - background-color: rgba(21, 22, 25, 0.95); } + background-color: #0f1012; } .floating-bar { background-color: #5294E2; @@ -3144,8 +3141,8 @@ UnityDecoration { UnityPanelWidget, .unity-panel { - background-image: linear-gradient(to bottom, #25272d); - color: #dfe1e4; + background-image: linear-gradient(to bottom, #1f2125); + color: #f6f7f9; box-shadow: none; } .unity-panel.menubar.menuitem:hover, @@ -3311,18 +3308,18 @@ GtkListBox .h4 { /* the panel widget at the top */ #panel_window { - background-color: rgba(37, 39, 45, 0.95); - color: #A8ADB5; + background-color: #1f2125; + color: #BAC3CF; font: bold; - box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + box-shadow: inset 0 -1px #0f1012; /* the menubars/menus of the panel, i.e. indicators */ } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; - color: #A8ADB5; + color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { - color: #727985; } + color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { @@ -3340,9 +3337,11 @@ GtkListBox .h4 { /* the top half of the login-window, in GtkDialog terms, the content */ #content_frame { padding-bottom: 14px; - background-color: rgba(245, 246, 247, 0.95); + background-color: #F5F6F7; border-top-left-radius: 2px; - border-top-right-radius: 2px; } + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; @@ -3371,30 +3370,32 @@ GtkListBox .h4 { padding-top: 20px; padding-bottom: 0px; border-style: none; - background-color: rgba(60, 64, 73, 0.95); - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } + background-color: #2a2c33; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #131417; } #buttonbox_frame .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } #buttonbox_frame .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } #buttonbox_frame .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } #login_window #user_combobox { color: #5c616c; @@ -3405,50 +3406,48 @@ GtkListBox .h4 { /* the user's avatar box */ #user_image { padding: 3px; - border-radius: 3px; } + border-radius: 2px; } /* the border around the user's avatar box */ /* the shutdown button */ #shutdown_button.button { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; background-color: #F04A50; - background-image: none; - background-clip: border-box; } + border-color: #F04A50; } #shutdown_button.button:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; - background-image: none; } + background-color: #f4797e; + border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; - background-image: none; } + background-color: #ec1b22; + border-color: #ec1b22; } /* the restart button */ #restart_button.button { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #51CF74; - background-color: #51CF74; - background-image: none; - background-clip: border-box; } + background-color: #4DADD4; + border-color: #4DADD4; } #restart_button.button:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #75d991; - background-color: #75d991; - background-image: none; } + background-color: #76c0de; + border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37c65e; - background-color: #37c65e; - background-image: none; } + background-color: #2e96c0; + border-color: #2e96c0; } /* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ #greeter_infobar { @@ -3504,7 +3503,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, @@ -3518,7 +3517,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { - color: rgba(168, 173, 181, 0.6); } + color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, @@ -3541,7 +3540,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { - color: #A8ADB5; } + color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, @@ -3560,7 +3559,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - background-color: #d1d4d8; + background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, @@ -3578,7 +3577,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { - background-color: rgba(209, 212, 216, 0.7); } + background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .scrollbar .slider:hover, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, @@ -3586,7 +3585,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar .slider:hover, NemoWindow .source-list.sidebar.view .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { - background-color: #dfe1e4; } + background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, @@ -3629,7 +3628,7 @@ GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { - color: #A8ADB5; + color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { @@ -3639,7 +3638,7 @@ GtkFileChooserDialog .action-bar.frame { GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd { background-color: transparent; } @@ -3660,15 +3659,15 @@ GeditWindow.background.csd { .maximized .gedit-document-panel { background-color: #3c4049; } .gedit-document-panel .list-row { - color: #A8ADB5; } + color: #BAC3CF; } .gedit-document-panel .list-row { - background-color: rgba(168, 173, 181, 0); - border: solid rgba(168, 173, 181, 0); + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { - border: solid rgba(168, 173, 181, 0.15); + border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; - background-color: rgba(168, 173, 181, 0.15); } + background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294E2; @@ -3682,22 +3681,22 @@ GeditWindow.background.csd { border: solid #5294E2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserWidget { background-color: #3c4049; } .maximized GeditWindow.background.csd GeditFileBrowserWidget { background-color: #3c4049; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - background-color: #d1d4d8; + background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider { - background-color: rgba(209, 212, 216, 0.7); } + background-color: rgba(231, 234, 238, 0.7); } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:hover { - background-color: #d1d4d8; } + background-color: #e7eaee; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:insensitive { @@ -3706,58 +3705,57 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: transparent; border-color: #2c2f35; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal GtkComboBox { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294E2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { - color: #A8ADB5; - border-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + border-color: rgba(0, 0, 0, 0.4); background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { - color: #5294E2; + color: #BAC3CF; border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.4); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } /* GTK NAMED COLORS */ @define-color theme_fg_color #5c616c; diff --git a/common/gtk-3.0/3.16/gtk-contained.css b/common/gtk-3.0/3.16/gtk-contained.css index 4aef20c..750924f 100644 --- a/common/gtk-3.0/3.16/gtk-contained.css +++ b/common/gtk-3.0/3.16/gtk-contained.css @@ -109,13 +109,12 @@ GtkTextView { .grid-child:selected { outline-offset: -2px; } -.popover.osd, .app-notification, -.app-notification.frame, .osd { - color: #A8ADB5; +.popover.osd, .osd { + color: #BAC3CF; border: none; - background-color: rgba(60, 64, 73, 0.95); + background-color: rgba(42, 44, 51, 0.95); background-clip: padding-box; - outline-color: rgba(168, 173, 181, 0.3); + outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } /********************** @@ -245,18 +244,18 @@ GtkTextView { .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { - color: #A8ADB5; - border-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + border-color: rgba(0, 0, 0, 0.4); background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .osd .entry:focus { - color: #5294E2; + color: #BAC3CF; border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .osd .entry:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.4); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } /*********** * Buttons * @@ -324,36 +323,34 @@ GtkTextView { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { - outline-color: rgba(168, 173, 181, 0.3); - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); - background-color: rgba(60, 64, 73, 0.95); } + outline-color: rgba(186, 195, 207, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); + background-color: rgba(42, 44, 51, 0.95); } .button.osd.image-button { padding: 10px; } .button.osd:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); - border-color: rgba(168, 173, 181, 0.3); } + background-color: rgba(0, 0, 0, 0.3); + background-color: rgba(42, 44, 51, 0.95); } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .button.osd:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } .osd .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); border-radius: 0; border-left-style: none; border-right-style: none; } @@ -373,39 +370,39 @@ GtkTextView { border-radius: 3px; border-style: solid; } .osd .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .osd .button:active, .osd .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .osd .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .osd .button.flat:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -821,9 +818,9 @@ GtkComboBox { background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; - border: none; - border-radius: 4px; - background-color: rgba(60, 64, 73, 0.95); } + border: 1px solid rgba(0, 0, 0, 0.6); + border-radius: 3px; + background-color: rgba(42, 44, 51, 0.85); } .primary-toolbar { color: rgba(82, 93, 118, 0.8); @@ -1844,7 +1841,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .osd .scale.slider { - background-image: linear-gradient(to bottom, rgba(60, 64, 73, 0.95)); + background-image: linear-gradient(to bottom, rgba(42, 44, 51, 0.95)); border-color: #5294E2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294E2); } @@ -1874,8 +1871,8 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { - background-image: linear-gradient(to bottom, rgba(76, 81, 93, 0.95)); - outline-color: rgba(168, 173, 181, 0.2); } + background-image: linear-gradient(to bottom, rgba(58, 62, 70, 0.95)); + outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294E2); } @@ -2020,6 +2017,7 @@ GtkScrolledWindow GtkViewport.frame { .app-notification, .app-notification.frame { padding: 10px; + color: #BAC3CF; background-color: rgba(60, 64, 73, 0.95); background-clip: border-box; border-radius: 0 0 2px 2px; @@ -2028,32 +2026,31 @@ GtkScrolledWindow GtkViewport.frame { border-color: rgba(37, 39, 45, 0.95); } .app-notification .button, .app-notification.frame .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } /************* * Expanders * @@ -2224,10 +2221,10 @@ GtkInfoBar { * Tooltips * ************/ .tooltip { - color: #edf5fb; + color: #BAC3CF; border-radius: 2px; } .tooltip.background { - background-color: rgba(60, 64, 73, 0.95); + background-color: rgba(42, 44, 51, 0.95); background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } @@ -2816,16 +2813,16 @@ GbPreferencesPageLanguage GtkScrolledWindow { GtkBox.gb-command-bar-box { border: none; - background-color: #3c4049; } + background-color: #2a2c33; } GtkBox.gb-command-bar-box GtkLabel { - color: #A8ADB5; } + color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; - color: #A8ADB5; + color: #BAC3CF; background-image: none; - background-color: #3c4049; + background-color: #2a2c33; padding: 6px 6px 6px 6px; border: none; } @@ -2903,8 +2900,8 @@ PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { - color: #A8ADB5; - background-image: linear-gradient(to bottom, rgba(37, 39, 45, 0.95)); } + color: #BAC3CF; + background-image: linear-gradient(to bottom, rgba(31, 33, 37, 0.95)); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; @@ -2912,10 +2909,10 @@ PanelApplet .button, PanelApplet .button:backdrop { border-radius: 0; background-image: none; background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } PanelApplet .button:hover { - color: #c4c7cc; + color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } @@ -2936,7 +2933,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54575b; } + color: #5d6268; } WnckPager:selected { color: #5294E2; } @@ -2945,21 +2942,21 @@ NaTrayApplet { -NaTrayApplet-icon-size: 16; } ClockBox { - color: #A8ADB5; } + color: #BAC3CF; } .xfce4-panel.panel { - background-color: rgba(37, 39, 45, 0.95); } + background-color: rgba(31, 33, 37, 0.95); } .xfce4-panel.panel .button.flat { - color: #A8ADB5; - background-color: rgba(37, 39, 45, 0); + color: #BAC3CF; + background-color: rgba(31, 33, 37, 0); border-radius: 0; } .xfce4-panel.panel .button.flat:hover { border: none; - background-color: rgba(60, 64, 73, 0.95); } + background-color: rgba(54, 57, 65, 0.95); } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #5294E2; border: none; - background-color: rgba(21, 22, 25, 0.95); } + background-color: rgba(15, 16, 18, 0.95); } .floating-bar { background-color: #5294E2; @@ -3144,8 +3141,8 @@ UnityDecoration { UnityPanelWidget, .unity-panel { - background-image: linear-gradient(to bottom, #25272d); - color: #dfe1e4; + background-image: linear-gradient(to bottom, #1f2125); + color: #f6f7f9; box-shadow: none; } .unity-panel.menubar.menuitem:hover, @@ -3311,18 +3308,18 @@ GtkListBox .h4 { /* the panel widget at the top */ #panel_window { - background-color: rgba(37, 39, 45, 0.95); - color: #A8ADB5; + background-color: rgba(31, 33, 37, 0.95); + color: #BAC3CF; font: bold; - box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95); + box-shadow: inset 0 -1px rgba(15, 16, 18, 0.95); /* the menubars/menus of the panel, i.e. indicators */ } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; - color: #A8ADB5; + color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { - color: #727985; } + color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { @@ -3340,9 +3337,11 @@ GtkListBox .h4 { /* the top half of the login-window, in GtkDialog terms, the content */ #content_frame { padding-bottom: 14px; - background-color: rgba(245, 246, 247, 0.95); + background-color: #F5F6F7; border-top-left-radius: 2px; - border-top-right-radius: 2px; } + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; @@ -3371,30 +3370,32 @@ GtkListBox .h4 { padding-top: 20px; padding-bottom: 0px; border-style: none; - background-color: rgba(60, 64, 73, 0.95); - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } + background-color: rgba(42, 44, 51, 0.95); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px rgba(19, 20, 23, 0.95); } #buttonbox_frame .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } #buttonbox_frame .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } #buttonbox_frame .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } #login_window #user_combobox { color: #5c616c; @@ -3405,50 +3406,48 @@ GtkListBox .h4 { /* the user's avatar box */ #user_image { padding: 3px; - border-radius: 3px; } + border-radius: 2px; } /* the border around the user's avatar box */ /* the shutdown button */ #shutdown_button.button { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #F04A50; background-color: #F04A50; - background-image: none; - background-clip: border-box; } + border-color: #F04A50; } #shutdown_button.button:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #f47479; - background-color: #f47479; - background-image: none; } + background-color: #f4797e; + border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #ed2930; - background-color: #ed2930; - background-image: none; } + background-color: #ec1b22; + border-color: #ec1b22; } /* the restart button */ #restart_button.button { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #51CF74; - background-color: #51CF74; - background-image: none; - background-clip: border-box; } + background-color: #4DADD4; + border-color: #4DADD4; } #restart_button.button:hover { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #75d991; - background-color: #75d991; - background-image: none; } + background-color: #76c0de; + border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #37c65e; - background-color: #37c65e; - background-image: none; } + background-color: #2e96c0; + border-color: #2e96c0; } /* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ #greeter_infobar { @@ -3504,7 +3503,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, @@ -3518,7 +3517,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { - color: rgba(168, 173, 181, 0.6); } + color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, @@ -3541,7 +3540,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { - color: #A8ADB5; } + color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, @@ -3560,7 +3559,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - background-color: #d1d4d8; + background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, @@ -3578,7 +3577,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { - background-color: rgba(209, 212, 216, 0.7); } + background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .scrollbar .slider:hover, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, @@ -3586,7 +3585,7 @@ MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar .scrollbar .slider:hover, NemoWindow .source-list.sidebar.view .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { - background-color: #dfe1e4; } + background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, @@ -3629,7 +3628,7 @@ GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { - color: #A8ADB5; + color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { @@ -3639,7 +3638,7 @@ GtkFileChooserDialog .action-bar.frame { GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd { background-color: transparent; } @@ -3660,15 +3659,15 @@ GeditWindow.background.csd { .maximized .gedit-document-panel { background-color: #3c4049; } .gedit-document-panel .list-row { - color: #A8ADB5; } + color: #BAC3CF; } .gedit-document-panel .list-row { - background-color: rgba(168, 173, 181, 0); - border: solid rgba(168, 173, 181, 0); + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { - border: solid rgba(168, 173, 181, 0.15); + border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; - background-color: rgba(168, 173, 181, 0.15); } + background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294E2; @@ -3682,22 +3681,22 @@ GeditWindow.background.csd { border: solid #5294E2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserWidget { background-color: rgba(60, 64, 73, 0.95); } .maximized GeditWindow.background.csd GeditFileBrowserWidget { background-color: #3c4049; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - background-color: #d1d4d8; + background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider { - background-color: rgba(209, 212, 216, 0.7); } + background-color: rgba(231, 234, 238, 0.7); } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:hover { - background-color: #d1d4d8; } + background-color: #e7eaee; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar .slider:insensitive { @@ -3706,58 +3705,57 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: transparent; border-color: rgba(44, 47, 53, 0.95); } GeditWindow.background.csd GeditFileBrowserWidget .horizontal GtkComboBox { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #A8ADB5; } + color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294E2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button { - color: #A8ADB5; - outline-color: rgba(168, 173, 181, 0.3); - border-color: rgba(168, 173, 181, 0.3); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:hover { - color: #5294E2; - outline-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-color: rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-color: #5294E2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.45); + background-color: rgba(0, 0, 0, 0.15); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { - color: #A8ADB5; - border-color: rgba(168, 173, 181, 0.3); + color: #BAC3CF; + border-color: rgba(0, 0, 0, 0.4); background-color: transparent; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { - color: #5294E2; + color: #BAC3CF; border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6169; - border-color: rgba(168, 173, 181, 0.2); - background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } + color: #555a62; + border-color: rgba(0, 0, 0, 0.4); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } /* GTK NAMED COLORS */ @define-color theme_fg_color #5c616c; diff --git a/common/gtk-3.0/3.16/sass/_colors.scss b/common/gtk-3.0/3.16/sass/_colors.scss index c32b223..9c51858 100644 --- a/common/gtk-3.0/3.16/sass/_colors.scss +++ b/common/gtk-3.0/3.16/sass/_colors.scss @@ -24,19 +24,6 @@ $success_color: #73d216; $destructive_color: #F04A50; $suggested_color: #4DADD4; -$osd_fg_color: #A8ADB5; -$osd_bg_color: transparentize(#3c4049, 0.05); -$osd_button_bg: darken($osd_bg_color, 3%); - -$osd_insensitive_bg_color: darken($osd_bg_color, 3%); -$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); -$osd_borders_color: transparentize(black, 0.3); - - -$tooltip_bg: $osd_bg_color; -$tooltip_fg: #edf5fb; -$tooltip_borders_color: transparentize(white, 0.9); - //insensitive state derived colors $insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); $insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); @@ -44,7 +31,6 @@ $insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), $entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); $entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); -$entry_focus_border: $selected_bg_color; $button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); $button_border: $entry_border; @@ -55,8 +41,6 @@ $header_bg: red; @if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343b, 0.03); } @if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343b; } -//$header_bg: if(($darker == 'true' or $variant == 'dark') and $transparency == 'true', transparentize(#2f343b, 0.03), #2f343b); - $header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); $header_border: if($variant == 'light', darken($header_bg, 7%), darken($header_bg, 5%)); @@ -64,15 +48,19 @@ $header_border: if($variant == 'light', darken($header_bg, 7%), darken($header_b $header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); $header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); -$dark_sidebar_bg: if($transparency == 'true' and $variant == 'light', $osd_bg_color, opacify($osd_bg_color, 1)); -@if $variant==dark { $dark_sidebar_bg: if($transparency == 'true', lighten($osd_bg_color, 4%), lighten(opacify($osd_bg_color, 1), 4%)); } - -$dark_sidebar_fg: $osd_fg_color; +$dark_sidebar_bg: if($transparency == 'true', transparentize(#3c4049, 0.05), #3c4049); +$dark_sidebar_fg: #BAC3CF; $dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 10%)); -$panel_bg: darken($osd_bg_color, 10%); -$panel_fg: $dark_sidebar_fg; +$osd_fg_color: $dark_sidebar_fg; +$osd_bg_color: darken($dark_sidebar_bg, 8%); + +$osd_insensitive_bg_color: darken($osd_bg_color, 3%); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); +$osd_borders_color: transparentize(black, 0.3); +$panel_bg: darken($osd_bg_color, 4.7%); +$panel_fg: $osd_fg_color; //WM Buttons diff --git a/common/gtk-3.0/3.16/sass/_common.scss b/common/gtk-3.0/3.16/sass/_common.scss index d7baa9d..9c0150f 100644 --- a/common/gtk-3.0/3.16/sass/_common.scss +++ b/common/gtk-3.0/3.16/sass/_common.scss @@ -441,7 +441,7 @@ $_dot_color: $selected_bg_color; &.image-button { padding: 10px; } - &:hover { @include button(osd-hover); border-color: transparentize($osd_fg_color, 0.7)} + &:hover { @include button(osd-hover); background-color: $osd_bg_color; } &:active, &:checked { @include button(osd-active); } &:insensitive { @include button(osd-insensitive); } } @@ -970,9 +970,9 @@ GtkComboBox { background-color: $bg_color; .osd &, &.osd { padding: 7px; - border: none; - border-radius: 4px; - background-color: $osd_bg_color; + border: 1px solid transparentize(black, 0.4); + border-radius: 3px; + background-color: transparentize($osd_bg_color, 0.1); } } @@ -2291,15 +2291,15 @@ GtkScrolledWindow { .app-notification, .app-notification.frame { - @extend %osd; padding: 10px; - background-color: $osd_bg_color; + color: $dark_sidebar_fg; + background-color: $dark_sidebar_bg; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; - border-color: darken($osd_bg_color, 10%); - + border-color: darken($dark_sidebar_bg, 10%); + .button { @include button(osd); &.flat { @@ -2570,11 +2570,11 @@ GtkInfoBar { &.background { // background-color needs to be set this way otherwise it gets drawn twice // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. - background-color: $tooltip_bg; + background-color: $osd_bg_color; background-clip: padding-box; } - color: $tooltip_fg; + color: $osd_fg_color; border-radius: 2px; &.window-frame.csd { diff --git a/common/gtk-3.0/3.16/sass/_drawing.scss b/common/gtk-3.0/3.16/sass/_drawing.scss index 378e5d9..c073126 100644 --- a/common/gtk-3.0/3.16/sass/_drawing.scss +++ b/common/gtk-3.0/3.16/sass/_drawing.scss @@ -87,30 +87,30 @@ @else if $t==osd { // - // normal osd button + // normal osd entry // color: $osd_fg_color; - border-color: transparentize($osd_fg_color, 0.7); + border-color: transparentize(black, 0.6); background-color: transparent; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + background-image: linear-gradient(to bottom, transparentize(black, 0.8)); } @else if $t==osd-focus { // - // active osd button + // active osd entry // - color: $selected_bg_color; + color: $osd_fg_color; border-color: $selected_bg_color; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + background-image: linear-gradient(to bottom, transparentize(black, 0.8)); } @else if $t==osd-insensitive { // - // insensitive osd button + // insensitive osd entry // color: $osd_insensitive_fg_color; - border-color: transparentize($osd_fg_color, 0.8); - background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); + border-color: transparentize(black, 0.6); + background-image: linear-gradient(to bottom, transparentize(black, 0.9)); } } @@ -237,19 +237,18 @@ // color: $osd_fg_color; outline-color: transparentize($osd_fg_color, 0.7); - border-color: transparentize($osd_fg_color, 0.7); - background-color: transparent; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + border-color: transparentize(black, 0.55); + background-color: transparentize(black, 0.7); } @else if $t==osd-hover { // // active osd button // - color: $selected_bg_color; + color: $osd_fg_color; outline-color: transparentize($osd_fg_color, 0.7); border-color: $selected_bg_color; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + background-color: transparentize(black, 0.7); } @else if $t==osd-active { @@ -259,7 +258,7 @@ color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); border-color: $selected_bg_color; - background-image: linear-gradient(to bottom, $selected_bg_color); + background-color: $selected_bg_color; } @else if $t==osd-insensitive { @@ -267,8 +266,8 @@ // insensitive osd button // color: $osd_insensitive_fg_color; - border-color: transparentize($osd_fg_color, 0.8); - background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); + border-color: transparentize(black, 0.55); + background-color: transparentize(black, 0.85); } @else if $t==suggested_destructive { diff --git a/common/gtk-3.0/3.16/sass/_lightdm.scss b/common/gtk-3.0/3.16/sass/_lightdm.scss index 9b14d09..9b2fa76 100644 --- a/common/gtk-3.0/3.16/sass/_lightdm.scss +++ b/common/gtk-3.0/3.16/sass/_lightdm.scss @@ -14,7 +14,7 @@ } .menubar .menuitem:insensitive { - color: darken($panel_fg, 20%); + color: transparentize($panel_fg, 0.5); GtkLabel { color: inherit; } } @@ -34,9 +34,11 @@ /* the top half of the login-window, in GtkDialog terms, the content */ #content_frame { padding-bottom: 14px; - background-color: transparentize($bg_color, 0.05); + background-color: if($variant == 'light', $bg_color, $base_color); border-top-left-radius: 2px; border-top-right-radius: 2px; + border: solid transparentize(black, 0.9); + border-width: 1px 1px 0 1px; } #content_frame .button { @@ -53,8 +55,11 @@ padding-bottom: 0px; border-style: none; background-color: $osd_bg_color; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid transparentize(black, 0.9); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px darken($osd_bg_color, 10%); } #buttonbox_frame .button{ @@ -76,7 +81,7 @@ /* the user's avatar box */ #user_image { padding: 3px; - border-radius: 3px; + border-radius: 2px; } /* the border around the user's avatar box */ @@ -84,54 +89,18 @@ /* the shutdown button */ #shutdown_button.button { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $destructive_color; - background-color: $destructive_color; - background-image: none; - background-clip: border-box; - - &:hover { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: lighten($destructive_color, 9%); - background-color: lighten($destructive_color, 9%); - background-image: none; - } - &:active, &:checked { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: darken($destructive_color, 7%); - background-color: darken($destructive_color, 7%); - background-image: none; - } + @include button(suggested_destructive, $destructive_color); + + &:hover { @include button(suggested_destructive, lighten($destructive_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($destructive_color, 10%)); } } /* the restart button */ #restart_button.button { - $_restart_bg: #51CF74; - - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $_restart_bg; - background-color: $_restart_bg; - background-image: none; - background-clip: border-box; - - &:hover { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: lighten($_restart_bg, 9%); - background-color: lighten($_restart_bg, 9%); - background-image: none; - } - &:active, &:checked { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: darken($_restart_bg, 7%); - background-color: darken($_restart_bg, 7%); - background-image: none; - } + @include button(suggested_destructive, $suggested_color); + + &:hover { @include button(suggested_destructive, lighten($suggested_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($suggested_color, 10%)); } } /* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ diff --git a/common/gtk-3.0/3.16/sass/_transparent_widgets.scss b/common/gtk-3.0/3.16/sass/_transparent_widgets.scss index f734c0c..16bbb1e 100644 --- a/common/gtk-3.0/3.16/sass/_transparent_widgets.scss +++ b/common/gtk-3.0/3.16/sass/_transparent_widgets.scss @@ -36,7 +36,7 @@ MarlinViewWindow { background-color: transparent; color: $dark_sidebar_fg; - &.image { color: transparentize($dark_sidebar_fg, 0.4); } + &.image { color: transparentize($dark_sidebar_fg, 0.3); } &.cell:selected { background-color: $selected_bg_color; -- cgit v1.2.3