From a898d9517ed21f30bb8bcbcf72bb56506b4c2423 Mon Sep 17 00:00:00 2001 From: Sam Hewitt Date: Wed, 4 May 2016 22:29:30 -0400 Subject: [PATCH] some bug fixes --- Paper/gtk-3.16/_colors.scss | 4 +- Paper/gtk-3.16/gtk-dark.css | 518 +++---- Paper/gtk-3.16/gtk.css | 128 +- Paper/gtk-3.18/_colors.scss | 4 +- Paper/gtk-3.18/gtk-dark.css | 520 ++++--- Paper/gtk-3.18/gtk.css | 130 +- Paper/gtk-3.18/widgets/_windows.scss | 3 - Paper/gtk-3.20/_colors.scss | 4 +- Paper/gtk-3.20/apps/_gnome.scss | 8 - Paper/gtk-3.20/gtk-dark.css | 1577 ++++++++++---------- Paper/gtk-3.20/gtk.css | 1199 ++++++++------- Paper/gtk-3.20/widgets/_base-states.scss | 20 + Paper/gtk-3.20/widgets/_checks-radios.scss | 32 +- Paper/gtk-3.20/widgets/_header-bars.scss | 204 +-- Paper/gtk-3.20/widgets/_scales.scss | 208 ++- Paper/gtk-3.20/widgets/_toolbars.scss | 181 ++- Paper/gtk-3.20/widgets/_windows.scss | 69 +- 17 files changed, 2498 insertions(+), 2311 deletions(-) diff --git a/Paper/gtk-3.16/_colors.scss b/Paper/gtk-3.16/_colors.scss index 0c9db6e..c3cc0e5 100644 --- a/Paper/gtk-3.16/_colors.scss +++ b/Paper/gtk-3.16/_colors.scss @@ -4,7 +4,7 @@ // Main definitions $base_color: if($variant == 'light', #ffffff, #636E73); $bg_color: if($variant == 'light', #f7f7f7, #4F585C); -$fg_color: if($variant == 'light', #444, lighten(#A1A8AB, 10%)); +$fg_color: if($variant == 'light', #444, lighten(#e4e6e7, 10%)); $text_color: if($variant == 'light', $fg_color, $fg_color); $headerbar_bg_color: if($variant == 'light', #636E73, #3B4245); $headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.5)); @@ -42,7 +42,7 @@ $success_color: if($variant == 'light', $green, darken($green,10%)); $destructive_color: if($variant == 'light', $red, darken($red,10%)); $suggested_color: if($variant == 'light', $selected_bg_color, darken($selected_bg_color,10%)); -$osd_fg_color: #A1A8AB; +$osd_fg_color: #e4e6e7; $osd_text_color: white; $osd_bg_color: transparentize(#202526, 0.2); $osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); diff --git a/Paper/gtk-3.16/gtk-dark.css b/Paper/gtk-3.16/gtk-dark.css index 7a223ac..1b8270f 100644 --- a/Paper/gtk-3.16/gtk-dark.css +++ b/Paper/gtk-3.16/gtk-dark.css @@ -19,9 +19,9 @@ ---------------- use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #bcc1c3; +@define-color theme_fg_color white; /* text color for entries, views and content in general */ -@define-color theme_text_color #bcc1c3; +@define-color theme_text_color white; /* widget base background color */ @define-color theme_bg_color #4F585C; /* text widgets and the like base background color */ @@ -33,13 +33,13 @@ /* base background color of insensitive widgets */ @define-color insensitive_bg_color #576165; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #868d90; +@define-color insensitive_fg_color #a7acae; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #636E73; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #868d90; +@define-color theme_unfocused_fg_color #a7acae; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #bcc1c3; +@define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #4F585C; /* text widgets and the like base background color on backdrop windows */ @@ -58,8 +58,8 @@ @define-color success_color #3c8a3f; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(#bcc1c3, 1.8); -@define-color wm_unfocused_title #868d90; +@define-color wm_title shade(white, 1.8); +@define-color wm_unfocused_title #a7acae; @define-color wm_highlight transparent; @define-color wm_borders_edge rgba(255, 255, 255, 0.1); @define-color wm_bg_a shade(#4F585C, 1.2); @@ -99,7 +99,7 @@ read if you used those and something break with a version upgrade you're on your background-color: #373e41; border: solid #373e41; border-width: 1px 0 0 0; - color: #bcc1c3; + color: white; box-shadow: none; } .action-bar:backdrop { background-color: #373e41; @@ -130,10 +130,10 @@ read if you used those and something break with a version upgrade you're on your * Base States * ***************/ .background { - color: #bcc1c3; + color: white; background-color: #4F585C; } .background:backdrop { - color: #868d90; + color: #a7acae; background-color: #4F585C; text-shadow: none; icon-shadow: none; } @@ -148,16 +148,16 @@ read if you used those and something break with a version upgrade you're on your -gtk-image-effect: dim; } .gtkstyle-fallback { - color: #bcc1c3; + color: white; background-color: #4F585C; } .gtkstyle-fallback:hover { - color: #bcc1c3; + color: white; background-color: #677277; } .gtkstyle-fallback:active { - color: #bcc1c3; + color: white; background-color: #373e41; } .gtkstyle-fallback:insensitive { - color: #868d90; + color: #a7acae; background-color: #576165; } .gtkstyle-fallback:selected { color: #ffffff; @@ -165,11 +165,11 @@ read if you used those and something break with a version upgrade you're on your .view, GtkIconView, GtkTextView GtkLabel { - color: #bcc1c3; + color: white; background-color: #636E73; } .view:backdrop, GtkIconView:backdrop, GtkTextView GtkLabel:backdrop { - color: #abb1b4; + color: #e0e3e4; background-color: #657176; } .view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, GtkTextView GtkLabel:selected:focus, @@ -218,18 +218,18 @@ GtkFlow flowboxchild { outline-offset: -2px; } GtkLabel.separator { - color: #bcc1c3; } + color: white; } GtkLabel.separator:backdrop { - color: #868d90; } + color: #a7acae; } GtkLabel:selected { background-color: #449ac2; color: #ffffff; } GtkLabel:insensitive { - color: #868d90; } + color: #a7acae; } GtkLabel:insensitive:backdrop { color: #727f85; } GtkLabel:backdrop { - color: #868d90; } + color: #a7acae; } .dim-label, GtkLabel.separator, .titlebar:not(headerbar) .subtitle, .header-bar .subtitle { @@ -239,11 +239,11 @@ GtkLabel:backdrop { .app-notification, .app-notification.frame, .osd .scale-popup, .csd .popover .background.touch-selection, .csd .popover .background.magnifier, .popover .background.touch-selection, .popover .background.magnifier, .csd .popover .background.osd, .popover .background.osd, .osd { - color: #A1A8AB; + color: #e4e6e7; border: none; background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); text-shadow: 0 1px black; icon-shadow: 0 1px black; } .app-notification:backdrop, .osd .scale-popup:backdrop, .popover .background.touch-selection:backdrop, .popover .background.magnifier:backdrop, .popover .background.osd:backdrop, @@ -305,8 +305,8 @@ treeview.view:selected { border: 1px solid #373e41; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -327,8 +327,8 @@ treeview.view:selected { .button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -337,8 +337,8 @@ treeview.view:selected { -gtk-image-effect: highlight; } .button:active, .button:checked { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #3f4649, #4a5357); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -359,7 +359,7 @@ treeview.view:selected { .button:backdrop.flat, .button:backdrop GtkLabel, .button:backdrop { - color: #868d90; } + color: #a7acae; } .button:backdrop.flat:active, .button:backdrop.flat:checked, .button:backdrop:active, @@ -375,7 +375,7 @@ treeview.view:selected { .button:backdrop:active, .button:backdrop:checked GtkLabel, .button:backdrop:checked { - color: #868d90; } + color: #a7acae; } .button:backdrop.flat:active label, .button:backdrop.flat:active, .button:backdrop.flat:checked label, @@ -384,7 +384,7 @@ treeview.view:selected { .button:backdrop:active, .button:backdrop:checked label, .button:backdrop:checked { - color: #868d90; } + color: #a7acae; } .button:backdrop.flat:insensitive, .button:backdrop:insensitive { border-color: #394144; @@ -432,7 +432,7 @@ treeview.view:selected { .button:insensitive, .button:insensitive GtkLabel, .button:insensitive { - color: #868d90; } + color: #a7acae; } .button:insensitive:active, .button:insensitive:checked, .button:insensitive:active, @@ -450,7 +450,7 @@ treeview.view:selected { .button:insensitive:active, .button:insensitive:checked GtkLabel, .button:insensitive:checked { - color: #868d90; } + color: #a7acae; } .button.image-button { padding-left: 4px; padding-right: 4px; } @@ -470,19 +470,19 @@ row:selected border-color: transparent; } row:selected .button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #868d90; } + color: #a7acae; } .button.osd { - color: #A1A8AB; + color: #e4e6e7; border-radius: 5px; - outline-color: rgba(161, 168, 171, 0.3); - color: #A1A8AB; + outline-color: rgba(228, 230, 231, 0.3); + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } .button.osd:hover { @@ -493,7 +493,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } .button.osd:active, @@ -505,23 +505,23 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } .button.osd:insensitive:backdrop, .button.osd:insensitive, .button.osd:insensitive:backdrop, .button.osd:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; border: none; } .button.osd:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -533,14 +533,14 @@ row:selected .app-notification.frame .button, .app-notification.frame button, .csd .popover .background.touch-selection button, .csd .popover .background.magnifier button, .popover .background.touch-selection button, .popover .background.magnifier button, .osd .button { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:hover, .app-notification button:hover, .popover .background.touch-selection button:hover, .popover .background.magnifier button:hover, .osd .button:hover { color: white; @@ -550,7 +550,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:active:backdrop, .app-notification button:active:backdrop, .popover .background.touch-selection button:active:backdrop, .popover .background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, .popover .background.touch-selection button:active, .popover .background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, .popover .background.touch-selection button:checked:backdrop, .popover .background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, .popover .background.touch-selection button:checked, .popover .background.magnifier button:checked, .osd .button:active:backdrop, .osd .button:active, .osd @@ -563,20 +563,20 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:insensitive:backdrop, .app-notification button:insensitive:backdrop, .popover .background.touch-selection button:insensitive:backdrop, .popover .background.magnifier button:insensitive:backdrop, .app-notification .button:insensitive, .app-notification button:insensitive, .popover .background.touch-selection button:insensitive, .popover .background.magnifier button:insensitive, .osd .button:insensitive:backdrop, .osd .button:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .app-notification .button:backdrop, .app-notification button:backdrop, .popover .background.touch-selection button:backdrop, .popover .background.magnifier button:backdrop, .osd .button:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -601,12 +601,12 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .flat.button:insensitive, .app-notification button.flat:insensitive, .popover .background.touch-selection button.flat:insensitive, .popover .background.magnifier button.flat:insensitive, .osd .button.flat:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -632,7 +632,7 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -679,7 +679,7 @@ row:selected .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop GtkLabel, .button.suggested-action.flat:backdrop { - color: #daebf3; } + color: #a7acae; } .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, @@ -695,7 +695,7 @@ row:selected .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked GtkLabel, .button.suggested-action.flat:backdrop:checked { - color: #d6e5ec; } + color: #a7acae; } .button.suggested-action:backdrop:active label, .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked label, @@ -704,7 +704,7 @@ row:selected .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked label, .button.suggested-action.flat:backdrop:checked { - color: #d6e5ec; } + color: #a7acae; } .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive { border-color: #394144; @@ -750,7 +750,7 @@ row:selected icon-shadow: none; } .button.suggested-action:insensitive GtkLabel, .button.suggested-action:insensitive { - color: #868d90; } + color: #a7acae; } .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked { border-color: #215065; @@ -765,14 +765,14 @@ row:selected color: #b3cedb; } .osd .button.suggested-action { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.suggested-action:hover { color: white; @@ -782,7 +782,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.suggested-action:active:backdrop, .osd .button.suggested-action:active, .osd @@ -795,20 +795,20 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.suggested-action:insensitive:backdrop, .osd .button.suggested-action:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .button.suggested-action:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5)); background-clip: padding-box; @@ -861,7 +861,7 @@ row:selected .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop GtkLabel, .button.destructive-action.flat:backdrop { - color: #fad2cf; } + color: #a7acae; } .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, @@ -877,7 +877,7 @@ row:selected .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked GtkLabel, .button.destructive-action.flat:backdrop:checked { - color: #f1d1ce; } + color: #a7acae; } .button.destructive-action:backdrop:active label, .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked label, @@ -886,7 +886,7 @@ row:selected .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked label, .button.destructive-action.flat:backdrop:checked { - color: #f1d1ce; } + color: #a7acae; } .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive { border-color: #394144; @@ -932,7 +932,7 @@ row:selected icon-shadow: none; } .button.destructive-action:insensitive GtkLabel, .button.destructive-action:insensitive { - color: #868d90; } + color: #a7acae; } .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked { border-color: #6f0e07; @@ -947,14 +947,14 @@ row:selected color: #e5a8a3; } .osd .button.destructive-action { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.destructive-action:hover { color: white; @@ -964,7 +964,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.destructive-action:active:backdrop, .osd .button.destructive-action:active, .osd @@ -977,20 +977,20 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.destructive-action:insensitive:backdrop, .osd .button.destructive-action:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .button.destructive-action:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); background-clip: padding-box; @@ -1057,8 +1057,8 @@ row:selected background-position: left 3px, left 2px; } .inline-toolbar toolbutton > button { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -1066,16 +1066,16 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:hover { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #3f4649, #4a5357); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -1090,7 +1090,7 @@ row:selected box-shadow: none; icon-shadow: none; } .inline-toolbar toolbutton > button:insensitive GtkLabel, .inline-toolbar toolbutton > button:insensitive { - color: #868d90; } + color: #a7acae; } .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked { border-color: #373e41; background-image: none; @@ -1098,7 +1098,7 @@ row:selected text-shadow: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked GtkLabel, .inline-toolbar toolbutton > button:insensitive:checked { - color: #868d90; } + color: #a7acae; } .inline-toolbar toolbutton > button:backdrop { border-color: #394144; background-image: linear-gradient(to bottom, #4F585C); @@ -1106,15 +1106,15 @@ row:selected icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { - color: #868d90; } + color: #a7acae; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { border-color: #394144; background-image: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { - color: #868d90; } + color: #a7acae; } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { - color: #868d90; } + color: #a7acae; } .inline-toolbar toolbutton > button:backdrop:insensitive { border-color: #394144; background-image: none; @@ -1268,7 +1268,7 @@ button.color { * Calendar * ***********/ GtkCalendar { - color: #bcc1c3; + color: white; border: 1px solid #373e41; } GtkCalendar:selected { border-radius: 3px; } @@ -1278,18 +1278,18 @@ GtkCalendar { GtkCalendar.header:backdrop { border-color: rgba(0, 0, 0, 0.1); } GtkCalendar.button { - color: rgba(188, 193, 195, 0.45); } + color: rgba(255, 255, 255, 0.45); } GtkCalendar.button:hover { - color: #bcc1c3; } + color: white; } GtkCalendar.button:backdrop { - color: rgba(134, 141, 144, 0.45); } + color: rgba(167, 172, 174, 0.45); } GtkCalendar.button:insensitive { - color: rgba(134, 141, 144, 0.45); } + color: rgba(167, 172, 174, 0.45); } GtkCalendar.highlight, GtkCalendar.highlight:backdrop { font-size: smaller; - color: #bcc1c3; } + color: white; } GtkCalendar:backdrop { - color: #abb1b4; + color: #e0e3e4; border-color: #394144; } /************************* @@ -1697,17 +1697,17 @@ GtkCalendar { GtkTreeView.view check:selected:focus, GtkTreeView.view check:selected, GtkTreeView.view radio:selected:focus, GtkTreeView.view radio:selected { - color: #bcc1c3; } + color: white; } GtkTreeView.view check:selected:insensitive, GtkTreeView.view radio:selected:insensitive { - color: #868d90; } + color: #a7acae; } GtkTreeView.view check:selected:insensitive:backdrop, GtkTreeView.view radio:selected:insensitive:backdrop { color: #727f85; } GtkTreeView.view check:backdrop:selected, GtkTreeView.view check:backdrop, GtkTreeView.view radio:backdrop:selected, GtkTreeView.view radio:backdrop { - color: #868d90; } + color: #a7acae; } /***************** * Color Chooser * @@ -1743,11 +1743,11 @@ GtkColorSwatch.dark overlay { GtkColorSwatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.light overlay { - color: #bcc1c3; } + color: white; } GtkColorSwatch.light overlay:hover { border-color: #373e41; } GtkColorSwatch.light overlay:backdrop { - color: #abb1b4; } + color: #e0e3e4; } GtkColorSwatch overlay { box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); border: 1px solid #373e41; } @@ -1761,8 +1761,8 @@ GtkColorSwatch#add-color-button { GtkColorSwatch#add-color-button:only-child { border-radius: 5px; } GtkColorSwatch#add-color-button overlay { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -1770,8 +1770,8 @@ GtkColorSwatch#add-color-button { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } GtkColorSwatch#add-color-button overlay:hover { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -1784,7 +1784,7 @@ GtkColorSwatch#add-color-button { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop { - color: #868d90; } + color: #a7acae; } GtkColorSwatch:insensitive { opacity: 0.5; } GtkColorSwatch:insensitive overlay { @@ -1849,13 +1849,13 @@ GtkMessageDialog .titlebar, .message-dialog .titlebar.default-decoration { padding: 6px; background-color: #4F585C; - color: #bcc1c3; } + color: white; } GtkMessageDialog .header-bar.default-decoration:backdrop, GtkMessageDialog .titlebar.default-decoration:backdrop, .message-dialog .header-bar.default-decoration:backdrop, .message-dialog .titlebar.default-decoration:backdrop { background-color: #4F585C; - color: #868d90; } + color: #a7acae; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton, GtkMessageDialog .titlebar.default-decoration .button.titlebutton, .message-dialog .header-bar.default-decoration .button.titlebutton, @@ -1870,34 +1870,34 @@ GtkMessageDialog .titlebar, GtkMessageDialog .titlebar.default-decoration .button.titlebutton GtkImage, .message-dialog .header-bar.default-decoration .button.titlebutton GtkImage, .message-dialog .titlebar.default-decoration .button.titlebutton GtkImage { - color: #bcc1c3; } + color: white; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover, .message-dialog .header-bar.default-decoration .button.titlebutton:hover, .message-dialog .titlebar.default-decoration .button.titlebutton:hover { background-color: #373e41; - color: #d7dadb; } + color: white; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover GtkImage, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover GtkImage, .message-dialog .header-bar.default-decoration .button.titlebutton:hover GtkImage, .message-dialog .titlebar.default-decoration .button.titlebutton:hover GtkImage { - color: #d7dadb; } + color: white; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop, .message-dialog .header-bar.default-decoration .button.titlebutton:backdrop, .message-dialog .titlebar.default-decoration .button.titlebutton:backdrop { background-color: transparent; - color: #868d90; } + color: #a7acae; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage, .message-dialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage, .message-dialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage { - color: #a1a6a8; } + color: #c2c5c6; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active, .message-dialog .header-bar.default-decoration .button.titlebutton:active, .message-dialog .titlebar.default-decoration .button.titlebutton:active { - background-color: #bcc1c3; + background-color: white; color: #4F585C; border-radius: 50%; box-shadow: none; } @@ -1951,22 +1951,22 @@ GtkFileChooserDialog { border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #bcc1c3; + color: white; border-color: #373e41; background-color: #636E73; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } .spinbutton:not(.vertical) GtkImage, GeditWindow > .entry GtkImage, .entry GtkImage { - color: #aab0b3; } + color: #e0e2e3; } .spinbutton:not(.vertical) GtkImage:hover, GeditWindow > .entry GtkImage:hover, .entry GtkImage:hover { - color: #bcc1c3; } + color: white; } .spinbutton:not(.vertical) GtkImage:active, GeditWindow > .entry GtkImage:active, .entry GtkImage:active { color: #449ac2; } .spinbutton:not(.vertical) GtkImage:backdrop, GeditWindow > .entry GtkImage:backdrop, .entry GtkImage:backdrop { - color: #7f878b; } + color: #9aa0a3; } .spinbutton:not(.vertical) GtkImage.left, GeditWindow > .entry GtkImage.left, .entry GtkImage.left { padding-left: 0; @@ -2010,13 +2010,13 @@ GtkFileChooserDialog { border-color: #347d9f; } .spinbutton:insensitive:not(.vertical), GeditWindow > .entry:insensitive, .entry:insensitive { - color: #868d90; + color: #a7acae; border-color: #373e41; background-image: linear-gradient(to bottom, #576165); box-shadow: none; } .spinbutton:backdrop:not(.vertical), GeditWindow > .entry:backdrop, .entry:backdrop { - color: #abb1b4; + color: #e0e3e4; border-color: #394144; background-image: linear-gradient(to bottom, #657176); box-shadow: none; @@ -2175,7 +2175,7 @@ expander .arrow { GtkScrolledWindow GtkViewport.frame { border-style: none; } GtkScrolledWindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(188, 193, 195, 0.07)), to(rgba(188, 193, 195, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; @@ -2191,7 +2191,7 @@ GtkScrolledWindow overshoot.top { border: none; box-shadow: none; } GtkScrolledWindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(188, 193, 195, 0.07)), to(rgba(188, 193, 195, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; @@ -2207,7 +2207,7 @@ GtkScrolledWindow overshoot.bottom { border: none; box-shadow: none; } GtkScrolledWindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(188, 193, 195, 0.07)), to(rgba(188, 193, 195, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; @@ -2223,7 +2223,7 @@ GtkScrolledWindow overshoot.left { border: none; box-shadow: none; } GtkScrolledWindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(188, 193, 195, 0.07)), to(rgba(188, 193, 195, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; @@ -2303,7 +2303,7 @@ GraniteWidgetsPopOver { -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid #636E73; background: #636E73; - color: #bcc1c3; } + color: white; } GraniteWidgetsPopOver .button { background-image: none; background: none; @@ -2322,7 +2322,7 @@ GraniteWidgetsStaticNotebook .frame { .popover_bg { background-color: #636E73; border: 1px solid #636E73; - color: #bcc1c3; } + color: white; } /*********** * Welcome * @@ -2330,9 +2330,9 @@ GraniteWidgetsStaticNotebook .frame { GraniteWidgetsWelcome { background-color: #636E73; } GraniteWidgetsWelcome GtkLabel { - color: #bcc1c3; } + color: white; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { - color: rgba(188, 193, 195, 0.8); } + color: rgba(255, 255, 255, 0.8); } /************** * Source List * @@ -2342,7 +2342,7 @@ GraniteWidgetsWelcome { -GtkTreeView-vertical-separator: 4px; background-color: #4F585C; border: solid #373e41; - color: #bcc1c3; + color: white; border-right-width: 1px; } .source-list .view, .source-list GtkIconView { border-width: 0; @@ -2350,7 +2350,7 @@ GraniteWidgetsWelcome { border-color: #373e41; } .source-list .category-expander { border: none; - color: #bcc1c3; } + color: white; } .source-list .badge { background-image: none; background-color: rgba(0, 0, 0, 0.4); @@ -2395,7 +2395,7 @@ GraniteWidgetsWelcome { .category-label { font-size: 9px; padding: 6px; - color: rgba(188, 193, 195, 0.9); + color: rgba(255, 255, 255, 0.9); font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.2); } @@ -2528,51 +2528,51 @@ GraniteWidgetsWelcome { border: none; box-shadow: none; background: rgba(99, 110, 115, 0.95); - color: #bcc1c3; + color: white; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } .titlebar:not(headerbar) .entry > .image, .header-bar .entry > .image { padding-right: 6px; - color: rgba(188, 193, 195, 0.8); } + color: rgba(255, 255, 255, 0.8); } .titlebar:not(headerbar) .entry:active, .titlebar:not(headerbar) .entry:focus, .header-bar .entry:active, .header-bar .entry:focus { background: #636E73; - color: #bcc1c3; + color: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .titlebar:not(headerbar) .entry:active > .image, .titlebar:not(headerbar) .entry:focus > .image, .header-bar .entry:active > .image, .header-bar .entry:focus > .image { padding-right: 6px; - color: #bcc1c3; } + color: white; } .titlebar:not(headerbar) .entry:active:backdrop, .titlebar:not(headerbar) .entry:focus:backdrop, .header-bar .entry:active:backdrop, .header-bar .entry:focus:backdrop { background: rgba(99, 110, 115, 0.8); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .titlebar:not(headerbar) .entry:insensitive, .header-bar .entry:insensitive { background: rgba(99, 110, 115, 0.6); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .titlebar:not(headerbar) .entry:insensitive > .image, .header-bar .entry:insensitive > .image { padding-right: 6px; - color: rgba(188, 193, 195, 0.5); } + color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) .entry:insensitive:backdrop, .header-bar .entry:insensitive:backdrop { background: rgba(99, 110, 115, 0.5); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .titlebar:not(headerbar) .entry:backdrop, .header-bar .entry:backdrop { background: rgba(99, 110, 115, 0.8); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .titlebar:not(headerbar) .entry:backdrop > .image, .header-bar .entry:backdrop > .image { - color: rgba(188, 193, 195, 0.5); } + color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) .button, .header-bar .button { background-color: transparent; @@ -2724,10 +2724,10 @@ GraniteWidgetsWelcome { color: #3B4245; } .titlebar:not(headerbar) .button.menu-button .menu .menuitem GtkLabel, .header-bar .button.menu-button .menu .menuitem GtkLabel { - color: #bcc1c3; } + color: white; } .titlebar:not(headerbar) .button.menu-button .menu .menuitem GtkLabel:insensitive, .header-bar .button.menu-button .menu .menuitem GtkLabel:insensitive { - color: #868d90; } + color: #a7acae; } .titlebar:not(headerbar) .button.menu-button .menu .menuitem .separator, .header-bar .button.menu-button .menu .menuitem .separator { color: #373e41; } @@ -2816,7 +2816,7 @@ window.csd > .titlebar:not(headerbar) { GtkInfoBar, infobar { text-shadow: none; - color: #bcc1c3; + color: white; background-color: #4F585C; border-bottom: 1px solid #373e41; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } @@ -2837,21 +2837,21 @@ infobar { border-radius: 2px; border: none; background: rgba(99, 110, 115, 0.95); - color: #bcc1c3; + color: white; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } .info .button .label, .warning .button .label, .question .button .label, .error .button .label, .info button .label, .warning button .label, .question button .label, .error button .label { - color: #bcc1c3; } + color: white; } .info .button:active, .warning .button:active, .question .button:active, .error .button:active, .info button:active, .warning button:active, .question button:active, .error button:active { background: #636E73; - color: #bcc1c3; + color: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop, .info button:active:backdrop, @@ -2859,7 +2859,7 @@ infobar { .question button:active:backdrop, .error button:active:backdrop { background: rgba(99, 110, 115, 0.8); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus, .info button:hover, @@ -2877,7 +2877,7 @@ infobar { .question button:insensitive, .error button:insensitive { background: rgba(99, 110, 115, 0.6); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop, .info button:insensitive:backdrop, @@ -2885,7 +2885,7 @@ infobar { .question button:insensitive:backdrop, .error button:insensitive:backdrop { background: rgba(99, 110, 115, 0.5); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop, .info button:backdrop, @@ -2893,7 +2893,7 @@ infobar { .question button:backdrop, .error button:backdrop { background: rgba(99, 110, 115, 0.8); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .info { @@ -3071,7 +3071,7 @@ GtkLevelBar, .level-bar .fill-block.empty, .level-bar .fill-block.level-empty { background-color: transparent; - border: 1px solid rgba(188, 193, 195, 0.1); + border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } GtkLevelBar.vertical .empty.fill-block:backdrop, GtkLevelBar .level-bar.vertical .empty.fill-block:backdrop, @@ -3088,7 +3088,7 @@ GtkLevelBar, .level-bar.vertical .level-empty.fill-block:backdrop, .level-bar .fill-block.empty:backdrop, .level-bar .fill-block.level-empty:backdrop { - border-color: rgba(134, 141, 144, 0.15); } + border-color: rgba(167, 172, 174, 0.15); } GtkLevelBar.vertical, .level-bar.vertical { -GtkLevelBar-min-block-width: 8; @@ -3146,7 +3146,7 @@ GtkLevelBar, * Lists * *********/ .list { - color: #bcc1c3; + color: white; background-color: #636E73; border-color: #373e41; } .list:backdrop { @@ -3180,7 +3180,7 @@ GtkLevelBar, box-shadow: inset 0 -3px #449ac2; color: rgba(255, 255, 255, 0.5); } .menubar > .menuitem:insensitive { - color: #868d90; + color: #a7acae; box-shadow: none; } .content-view .menu, @@ -3213,7 +3213,7 @@ GtkLevelBar, .content-view .menu .menuitem:insensitive, .menu .menuitem:insensitive, .popup .menuitem:insensitive { - color: #868d90; } + color: #a7acae; } .content-view .menu .menuitem:insensitive:backdrop, .menu .menuitem:insensitive:backdrop, .popup .menuitem:insensitive:backdrop { @@ -3224,7 +3224,7 @@ GtkLevelBar, .menu .menuitem:backdrop:hover, .popup .menuitem:backdrop, .popup .menuitem:backdrop:hover { - color: #868d90; + color: #a7acae; background-color: transparent; } .content-view .menu .menuitem .arrow:dir(ltr), .menu .menuitem .arrow:dir(ltr), @@ -3252,18 +3252,18 @@ GtkLevelBar, .menu > .arrow.top, .popup > .arrow.top { margin-top: -6px; - border-bottom: 1px solid #6c767b; + border-bottom: 1px solid #737d81; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } .content-view .menu > .arrow.bottom, .menu > .arrow.bottom, .popup > .arrow.bottom { margin-bottom: -6px; - border-top: 1px solid #6c767b; + border-top: 1px solid #737d81; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .content-view .menu > .arrow:hover, .menu > .arrow:hover, .popup > .arrow:hover { - background-color: #6c767b; } + background-color: #737d81; } .content-view .menu > .arrow:backdrop, .menu > .arrow:backdrop, .popup > .arrow:backdrop { @@ -3299,7 +3299,7 @@ GtkLevelBar, border-radius: 5px; } .scale-popup .button:hover, .scale-popup button:hover { - background-color: rgba(188, 193, 195, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; } .separator { @@ -3323,7 +3323,7 @@ GtkAssistant { GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } GtkAssistant .sidebar GtkLabel.highlight { - background-color: #656d71; } + background-color: #72797d; } /************* * Notebooks * @@ -3503,11 +3503,11 @@ GtkAssistant { color: #ffffff; background-color: #449ac2; } .popover .menuitem:insensitive { - color: #868d90; } + color: #a7acae; } .popover .menuitem:insensitive:backdrop { color: #727f85; } .popover .menuitem:backdrop, .popover .menuitem:backdrop:hover { - color: #868d90; + color: #a7acae; background-color: transparent; } .popover .menuitem .arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); @@ -3522,7 +3522,7 @@ GtkAssistant { GtkProgressBar, .progressbar { font-size: smaller; - color: rgba(188, 193, 195, 0.4); } + color: rgba(255, 255, 255, 0.4); } GtkProgressBar.horizontal progress, .progressbar.horizontal progress { margin: 0 -1px; } @@ -3629,12 +3629,12 @@ GtkLevelBar .trough, border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); box-shadow: none; - outline-color: rgba(161, 168, 171, 0.2); } + outline-color: rgba(228, 230, 231, 0.2); } .osd GtkLevelBar .trough:insensitive, GtkLevelBar .osd .trough:insensitive, .osd .level-bar .trough:insensitive, .level-bar .osd .trough:insensitive, .osd GtkProgressBar:insensitive, .osd .progressbar:insensitive, .osd .scale .trough:insensitive, .scale .osd .trough:insensitive, .osd .scale fill:insensitive, .scale .osd fill:insensitive { - background-color: rgba(45, 50, 51, 0.5); } + background-color: rgba(52, 56, 57, 0.5); } GtkProgressBar .progressbar, .progressbar .progressbar, .scale .highlight, .scale.fine-tune .highlight { @@ -3713,14 +3713,14 @@ GtkProgressBar .progressbar, row:selected .scale .slider, row:selected .scale .slider:insensitive { border-color: #347d9f; } .osd .scale .slider { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #202526; } .osd .scale .slider:hover { @@ -3731,7 +3731,7 @@ GtkProgressBar .progressbar, box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .scale .slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -3740,17 +3740,17 @@ GtkProgressBar .progressbar, box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .scale .slider:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .scale .slider:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -3788,7 +3788,7 @@ GtkProgressBar .progressbar, border-color: transparent; background-color: transparent; } .osd .scale fill { - background-color: rgba(62, 64, 65, 0.775); } + background-color: rgba(87, 88, 88, 0.775); } .osd .scale fill:insensitive, .osd .scale fill:insensitive:backdrop { border-color: transparent; background-color: transparent; } @@ -3847,13 +3847,13 @@ GtkProgressBar .progressbar, border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; - background-color: #90979a; } + background-color: #b9bcbe; } .scrollbar .slider:hover { - background-color: #a6acae; } + background-color: #dcdede; } .scrollbar .slider:hover:active { background-color: #6bafce; } .scrollbar .slider:backdrop { - background-color: #656d71; } + background-color: #727a7d; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar.fine-tune.horizontal .slider { @@ -3866,11 +3866,11 @@ GtkProgressBar .progressbar, background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; - background-color: #bcc1c3; + background-color: white; border: 1px solid black; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - background-color: #bcc1c3; + background-color: white; background-clip: padding-box; border-radius: 100%; border: 1px solid black; @@ -3897,7 +3897,7 @@ GtkProgressBar .progressbar, box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #90979a; } + color: #b9bcbe; } .scrollbar .button:hover { border-color: transparent; background-color: transparent; @@ -3905,7 +3905,7 @@ GtkProgressBar .progressbar, box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #a6acae; } + color: #dcdede; } .scrollbar .button:active, .scrollbar .button:checked { border-color: transparent; background-color: transparent; @@ -3921,7 +3921,7 @@ GtkProgressBar .progressbar, box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: rgba(144, 151, 154, 0.2); } + color: rgba(185, 188, 190, 0.2); } .scrollbar .button:backdrop { border-color: transparent; background-color: transparent; @@ -3929,7 +3929,7 @@ GtkProgressBar .progressbar, box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #656d71; } + color: #727a7d; } .scrollbar .button:backdrop:insensitive { border-color: transparent; background-color: transparent; @@ -3937,7 +3937,7 @@ GtkProgressBar .progressbar, box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: rgba(101, 109, 113, 0.2); } + color: rgba(114, 122, 125, 0.2); } .scrollbar.vertical .button.down, .scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -3968,10 +3968,10 @@ OsScrollbar { OsThumb:backdrop, OsThumb:active:backdrop, OsScrollbar:backdrop, OsScrollbar:active:backdrop { - background-color: #868d90; } + background-color: #a7acae; } OsThumb:insensitive, OsScrollbar:insensitive { - background-color: #868d90; } + background-color: #a7acae; } /*********** * Sidebar * @@ -4019,7 +4019,7 @@ OsScrollbar { .sidebar .sidebar-item:hover, .sidebar .sidebar-row:hover { background-color: #636E73; - color: #bcc1c3; + color: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .sidebar .sidebar-item:hover:backdrop, .sidebar .sidebar-row:hover:backdrop { @@ -4042,7 +4042,7 @@ OsScrollbar { .spinbutton:not(.vertical) .button { margin: 0; padding: 6px; - color: #b3b9bb; + color: #eff1f1; background-image: none; border-style: none none none solid; border-color: rgba(55, 62, 65, 0.3); @@ -4051,15 +4051,15 @@ OsScrollbar { .spinbutton:not(.vertical) .button:dir(rtl) { border-style: none solid none none; } .spinbutton:not(.vertical) .button:hover { - color: #bcc1c3; - background-color: rgba(188, 193, 195, 0.05); } + color: white; + background-color: rgba(255, 255, 255, 0.05); } .spinbutton:not(.vertical) .button:insensitive { - color: rgba(134, 141, 144, 0.3); } + color: rgba(167, 172, 174, 0.3); } .spinbutton:not(.vertical) .button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } .spinbutton:not(.vertical) .button:backdrop { - color: #838a8d; + color: #a0a6a8; background-color: transparent; border-color: rgba(57, 65, 68, 0.3); transition: 200ms ease-out; } @@ -4076,7 +4076,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; @@ -4090,9 +4090,9 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(161, 168, 171, 0.1); + background-color: rgba(228, 230, 231, 0.1); box-shadow: none; } .osd .spinbutton:not(.vertical) .button:backdrop { border-color: transparent; @@ -4101,7 +4101,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .osd .spinbutton:not(.vertical) .button:insensitive { @@ -4111,7 +4111,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .osd .spinbutton:not(.vertical) .button:last-child { @@ -4119,7 +4119,7 @@ OsScrollbar { .osd .spinbutton:not(.vertical) .button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } .spinbutton.vertical:insensitive { - color: #868d90; } + color: #a7acae; } .spinbutton.vertical:backdrop:insensitive { color: #727f85; } .spinbutton.vertical .entry { @@ -4130,14 +4130,14 @@ OsScrollbar { border: none; background: none; box-shadow: none; - color: #bcc1c3; } + color: white; } .spinbutton.vertical .button:hover { background-color: #449ac2; color: #ffffff; icon-shadow: none; } .spinbutton.vertical .button:active { background-color: transparent; - color: #bcc1c3; } + color: white; } .spinbutton.vertical .button.up { border-radius: 3px 3px 0 0; border-style: solid solid none solid; } @@ -4145,14 +4145,14 @@ OsScrollbar { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } .osd .spinbutton.vertical button:first-child { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -4161,7 +4161,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -4170,17 +4170,17 @@ OsScrollbar { box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .spinbutton.vertical button:first-child:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .spinbutton.vertical button:first-child:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -4369,9 +4369,9 @@ GtkSwitch { .toolbar .button:insensitive:backdrop GtkImage { -gtk-image-effect: dim; } .toolbar .button.menu-button .menu .menuitem GtkLabel { - color: #bcc1c3; } + color: white; } .toolbar .button.menu-button .menu .menuitem GtkLabel:insensitive { - color: #868d90; } + color: #a7acae; } .toolbar .button.menu-button .menu .menuitem .separator { color: #373e41; } .toolbar .button.menu-button .menu .menuitem:hover GtkLabel { @@ -4399,7 +4399,7 @@ searchbar, .inline-toolbar { -GtkWidget-window-dragging: true; background-color: #4a5357; - color: #bcc1c3; + color: white; border: 1px solid #373e41; border-top-width: 0; border-radius: 0 0 5px 5px; @@ -4439,7 +4439,7 @@ searchbar, text-shadow: none; box-shadow: none; background-color: transparent; - color: #bcc1c3; + color: white; border-radius: 0px; padding: 10px; } searchbar .button:focus, @@ -4448,7 +4448,7 @@ searchbar, .inline-toolbar .button:focus, .inline-toolbar .button:active { font: bold; - color: #bcc1c3; + color: white; text-shadow: none; box-shadow: none; background-color: rgba(0, 0, 0, 0.05); } @@ -4459,27 +4459,27 @@ searchbar, .inline-toolbar .button:active:backdrop { border: none; background-color: transparent; - color: #868d90; } + color: #a7acae; } searchbar .button:hover, .search-bar .button:hover, .location-bar .button:hover, .inline-toolbar .button:hover { background-color: rgba(0, 0, 0, 0.05); text-shadow: none; - color: #bcc1c3; + color: white; box-shadow: none; } searchbar .button:insensitive, .search-bar .button:insensitive, .location-bar .button:insensitive, .inline-toolbar .button:insensitive { background: none; background-color: transparent; - color: rgba(188, 193, 195, 0.5); } + color: rgba(255, 255, 255, 0.5); } searchbar .button:backdrop, .search-bar .button:backdrop, .location-bar .button:backdrop, .inline-toolbar .button:backdrop { border: none; background: none; background-color: transparent; - color: #868d90; } + color: #a7acae; } searchbar .button GtkLabel, .search-bar .button GtkLabel, .location-bar .button GtkLabel, searchbar .button GtkImage, @@ -4487,7 +4487,7 @@ searchbar, .location-bar .button GtkImage, .inline-toolbar .button GtkLabel, .inline-toolbar .button GtkImage { - color: #bcc1c3; } + color: white; } searchbar .button GtkLabel:insensitive, .search-bar .button GtkLabel:insensitive, .location-bar .button GtkLabel:insensitive, searchbar .button GtkLabel:backdrop, .search-bar .button GtkLabel:backdrop, .location-bar .button GtkLabel:backdrop, @@ -4501,7 +4501,7 @@ searchbar, .inline-toolbar .button GtkLabel:backdrop, .inline-toolbar .button GtkImage:insensitive, .inline-toolbar .button GtkImage:backdrop { - color: #868d90; + color: #a7acae; -gtk-image-effect: dim; } searchbar .entry, .search-bar .entry, .location-bar .entry, @@ -4511,7 +4511,7 @@ searchbar, .inline-toolbar .entry, .inline-toolbar entry { background: none; - color: #bcc1c3; + color: white; border-radius: 0px; border: none; box-shadow: none; } @@ -4522,7 +4522,7 @@ searchbar, .location-bar entry.image, .inline-toolbar .entry.image, .inline-toolbar entry.image { - color: #bcc1c3; } + color: white; } searchbar .entry.image.left, .search-bar .entry.image.left, .location-bar .entry.image.left, searchbar entry.image.left, @@ -4538,7 +4538,7 @@ searchbar, .location-bar entry:backdrop, .inline-toolbar .entry:backdrop, .inline-toolbar entry:backdrop { - color: #868d90; } + color: #a7acae; } searchbar .entry:selected, .search-bar .entry:selected, .location-bar .entry:selected, searchbar entry:selected, @@ -4580,7 +4580,7 @@ searchbar, border: none; border-radius: 3px; background-color: #636E73; - color: #bcc1c3; } + color: white; } .tooltip.background, .overlay-bar.background { background-color: #636E73; @@ -4590,7 +4590,7 @@ searchbar, .overlay-bar * { padding: 2px; background-color: transparent; - color: #bcc1c3; } + color: white; } .tooltip .csd, .overlay-bar .csd { border-radius: 5px; @@ -4605,7 +4605,7 @@ treeview.view { -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; - border-left-color: #90989b; + border-left-color: #b1b7b9; border-top-color: #4F585C; } GtkTreeView.view:selected:focus, GtkTreeView.view:selected, treeview.view:selected:focus, @@ -4615,10 +4615,10 @@ treeview.view { treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #a2cde1; - border-top-color: rgba(188, 193, 195, 0.1); } + border-top-color: rgba(255, 255, 255, 0.1); } GtkTreeView.view:insensitive, treeview.view:insensitive { - color: #868d90; } + color: #a7acae; } GtkTreeView.view:insensitive:selected, treeview.view:insensitive:selected { color: #8fc2da; } @@ -4636,18 +4636,18 @@ treeview.view { color: rgba(79, 88, 92, 0.1); } GtkTreeView.view:backdrop, treeview.view:backdrop { - border-left-color: #6b7376; + border-left-color: #7b8285; border-top: #4F585C; } GtkTreeView.view.expander, treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #a1a8ab; } + color: #d0d4d5; } GtkTreeView.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover, treeview.view.expander:hover { - color: #bcc1c3; } + color: white; } GtkTreeView.view.expander:selected, treeview.view.expander:selected { color: #c7e1ed; } @@ -4662,7 +4662,7 @@ treeview.view { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.expander:backdrop, treeview.view.expander:backdrop { - color: #7c8588; } + color: #939a9d; } GtkTreeView.view.progressbar, treeview.view.progressbar { border: 1px solid #347d9f; @@ -4688,7 +4688,7 @@ treeview.view { box-shadow: none; } GtkTreeView.view.trough, treeview.view.trough { - background-color: rgba(188, 193, 195, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-radius: 4px; } GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, treeview.view.trough:selected:focus, @@ -4703,7 +4703,7 @@ treeview.view { treeview.view column-header button, treeview.view header .button, treeview.view header button { - color: #90989b; + color: #b1b7b9; background-color: #636E73; font-weight: bold; text-shadow: none; @@ -4716,7 +4716,7 @@ treeview.view { treeview.view column-header button:hover, treeview.view header .button:hover, treeview.view header button:hover { - color: #a6adaf; + color: #d8dbdc; box-shadow: none; transition: none; } GtkTreeView.view column-header .button:active, @@ -4727,7 +4727,7 @@ treeview.view { treeview.view column-header button:active, treeview.view header .button:active, treeview.view header button:active { - color: #bcc1c3; + color: white; transition: none; } GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, GtkTreeView.view header button:last-child:backdrop, @@ -4824,7 +4824,7 @@ treeview.view header button:active { treeview.view header button:backdrop { border-color: #4F585C; border-style: none solid solid none; - color: #6b7376; + color: #7b8285; background-image: none; background-color: #657176; } GtkTreeView.view column-header .button:backdrop:insensitive, @@ -5042,7 +5042,7 @@ treeview.view header button:active { border-radius: 4px; } .budgie-notification .notification-title { font-size: 110%; - color: #bcc1c3; } + color: white; } .budgie-notification .notification-body { color: rgba(255, 255, 255, 0.7); } @@ -5146,16 +5146,16 @@ NautilusCanvasView { border-color: #a5a5a5; } .nautilus-desktop { - color: #bcc1c3; } + color: white; } .nautilus-desktop .nautilus-canvas-item { border-radius: 5px; color: #ffffff; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop .nautilus-canvas-item:active { - color: #bcc1c3; + color: white; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:prelight { - color: #bcc1c3; + color: white; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:selected { color: #ffffff; @@ -5459,7 +5459,7 @@ YelpWindow .header-bar { background-color: #636E73; } .gala-notification .title, .gala-notification .label { - color: #bcc1c3; } + color: white; } .gala-button { padding: 3px; @@ -5484,7 +5484,7 @@ YelpWindow .header-bar { ***************/ .category-label { font-weight: bold; - color: #bcc1c3; } + color: white; } /************* * Slingshot * @@ -5505,7 +5505,7 @@ YelpWindow .header-bar { .search-item { border-radius: 0; border: none; - color: #bcc1c3; + color: white; background: none; } .search-item:hover, .search-item:focus { border-radius: 0; @@ -5524,7 +5524,7 @@ YelpWindow .header-bar { .search-category-header { font-weight: bold; - color: #bcc1c3; } + color: white; } /********* * Panel * @@ -5668,7 +5668,7 @@ LibraryWindow .the-button-in-the-combobox { background-position: 0 0, 12px 12px; } .checkboard-layout .item { - background-color: #bcc1c3; } + background-color: white; } /******** * Unity * @@ -5781,7 +5781,7 @@ UnityPanelWidget:backdrop, .unity-panel.menubar:backdrop, .unity-panel .menubar *:backdrop { - color: #868d90; } + color: #a7acae; } .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem { @@ -5929,7 +5929,7 @@ ConversationListView { font: normal; border-style: none; background-color: transparent; - color: #bcc1c3; } + color: white; } #content_frame { padding-bottom: 14px; @@ -5940,8 +5940,8 @@ ConversationListView { border-width: 1px 1px 0 1px; } #content_frame button { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -5949,16 +5949,16 @@ ConversationListView { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } #content_frame button:hover { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } #content_frame button:active, #content_frame button:checked { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #3f4649, #4a5357); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -5973,7 +5973,7 @@ ConversationListView { box-shadow: none; icon-shadow: none; } #content_frame button:insensitive GtkLabel, #content_frame button:insensitive { - color: #868d90; } + color: #a7acae; } #buttonbox_frame { padding-top: 20px; @@ -5986,14 +5986,14 @@ ConversationListView { border-width: 0 1px 1px 1px; } #buttonbox_frame button { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -6002,7 +6002,7 @@ ConversationListView { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -6011,18 +6011,18 @@ ConversationListView { box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } #login_window #user_combobox { - color: #bcc1c3; + color: white; font: 13px; } #login_window #user_combobox .menu, #login_window #user_combobox menu { diff --git a/Paper/gtk-3.16/gtk.css b/Paper/gtk-3.16/gtk.css index 278c65d..c3f67e7 100644 --- a/Paper/gtk-3.16/gtk.css +++ b/Paper/gtk-3.16/gtk.css @@ -239,11 +239,11 @@ GtkLabel:backdrop { .app-notification, .app-notification.frame, .osd .scale-popup, .csd .popover .background.touch-selection, .csd .popover .background.magnifier, .popover .background.touch-selection, .popover .background.magnifier, .csd .popover .background.osd, .popover .background.osd, .osd { - color: #A1A8AB; + color: #e4e6e7; border: none; background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); text-shadow: 0 1px black; icon-shadow: 0 1px black; } .app-notification:backdrop, .osd .scale-popup:backdrop, .popover .background.touch-selection:backdrop, .popover .background.magnifier:backdrop, .popover .background.osd:backdrop, @@ -476,17 +476,17 @@ row:selected .button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #fcfcfc; } .button.osd { - color: #A1A8AB; + color: #e4e6e7; border-radius: 5px; - outline-color: rgba(161, 168, 171, 0.3); - color: #A1A8AB; + outline-color: rgba(228, 230, 231, 0.3); + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } .button.osd:hover { @@ -497,7 +497,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } .button.osd:active, @@ -509,23 +509,23 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } .button.osd:insensitive:backdrop, .button.osd:insensitive, .button.osd:insensitive:backdrop, .button.osd:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; border: none; } .button.osd:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -537,14 +537,14 @@ row:selected .app-notification.frame .button, .app-notification.frame button, .csd .popover .background.touch-selection button, .csd .popover .background.magnifier button, .popover .background.touch-selection button, .popover .background.magnifier button, .osd .button { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:hover, .app-notification button:hover, .popover .background.touch-selection button:hover, .popover .background.magnifier button:hover, .osd .button:hover { color: white; @@ -554,7 +554,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:active:backdrop, .app-notification button:active:backdrop, .popover .background.touch-selection button:active:backdrop, .popover .background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, .popover .background.touch-selection button:active, .popover .background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, .popover .background.touch-selection button:checked:backdrop, .popover .background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, .popover .background.touch-selection button:checked, .popover .background.magnifier button:checked, .osd .button:active:backdrop, .osd .button:active, .osd @@ -567,20 +567,20 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:insensitive:backdrop, .app-notification button:insensitive:backdrop, .popover .background.touch-selection button:insensitive:backdrop, .popover .background.magnifier button:insensitive:backdrop, .app-notification .button:insensitive, .app-notification button:insensitive, .popover .background.touch-selection button:insensitive, .popover .background.magnifier button:insensitive, .osd .button:insensitive:backdrop, .osd .button:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .app-notification .button:backdrop, .app-notification button:backdrop, .popover .background.touch-selection button:backdrop, .popover .background.magnifier button:backdrop, .osd .button:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -605,12 +605,12 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .flat.button:insensitive, .app-notification button.flat:insensitive, .popover .background.touch-selection button.flat:insensitive, .popover .background.magnifier button.flat:insensitive, .osd .button.flat:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -636,7 +636,7 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -769,14 +769,14 @@ row:selected color: #b7cdd7; } .osd .button.suggested-action { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.suggested-action:hover { color: white; @@ -786,7 +786,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.suggested-action:active:backdrop, .osd .button.suggested-action:active, .osd @@ -799,20 +799,20 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.suggested-action:insensitive:backdrop, .osd .button.suggested-action:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .button.suggested-action:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0.5)); background-clip: padding-box; @@ -951,14 +951,14 @@ row:selected color: #fbb5b1; } .osd .button.destructive-action { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.destructive-action:hover { color: white; @@ -968,7 +968,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.destructive-action:active:backdrop, .osd .button.destructive-action:active, .osd @@ -981,20 +981,20 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.destructive-action:insensitive:backdrop, .osd .button.destructive-action:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .button.destructive-action:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); background-clip: padding-box; @@ -3638,12 +3638,12 @@ GtkLevelBar .trough, border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); box-shadow: none; - outline-color: rgba(161, 168, 171, 0.2); } + outline-color: rgba(228, 230, 231, 0.2); } .osd GtkLevelBar .trough:insensitive, GtkLevelBar .osd .trough:insensitive, .osd .level-bar .trough:insensitive, .level-bar .osd .trough:insensitive, .osd GtkProgressBar:insensitive, .osd .progressbar:insensitive, .osd .scale .trough:insensitive, .scale .osd .trough:insensitive, .osd .scale fill:insensitive, .scale .osd fill:insensitive { - background-color: rgba(45, 50, 51, 0.5); } + background-color: rgba(52, 56, 57, 0.5); } GtkProgressBar .progressbar, .progressbar .progressbar, .scale .highlight, .scale.fine-tune .highlight { @@ -3722,14 +3722,14 @@ GtkProgressBar .progressbar, row:selected .scale .slider, row:selected .scale .slider:insensitive { border-color: #275f79; } .osd .scale .slider { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #202526; } .osd .scale .slider:hover { @@ -3740,7 +3740,7 @@ GtkProgressBar .progressbar, box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .scale .slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -3749,17 +3749,17 @@ GtkProgressBar .progressbar, box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .scale .slider:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .scale .slider:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -3797,7 +3797,7 @@ GtkProgressBar .progressbar, border-color: transparent; background-color: transparent; } .osd .scale fill { - background-color: rgba(62, 64, 65, 0.775); } + background-color: rgba(87, 88, 88, 0.775); } .osd .scale fill:insensitive, .osd .scale fill:insensitive:backdrop { border-color: transparent; background-color: transparent; } @@ -4085,7 +4085,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; @@ -4099,9 +4099,9 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(161, 168, 171, 0.1); + background-color: rgba(228, 230, 231, 0.1); box-shadow: none; } .osd .spinbutton:not(.vertical) .button:backdrop { border-color: transparent; @@ -4110,7 +4110,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .osd .spinbutton:not(.vertical) .button:insensitive { @@ -4120,7 +4120,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .osd .spinbutton:not(.vertical) .button:last-child { @@ -4154,14 +4154,14 @@ OsScrollbar { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } .osd .spinbutton.vertical button:first-child { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -4170,7 +4170,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -4179,17 +4179,17 @@ OsScrollbar { box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .spinbutton.vertical button:first-child:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .spinbutton.vertical button:first-child:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -6001,14 +6001,14 @@ ConversationListView { border-width: 0 1px 1px 1px; } #buttonbox_frame button { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -6017,7 +6017,7 @@ ConversationListView { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -6026,11 +6026,11 @@ ConversationListView { box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; diff --git a/Paper/gtk-3.18/_colors.scss b/Paper/gtk-3.18/_colors.scss index 0c9db6e..c3cc0e5 100644 --- a/Paper/gtk-3.18/_colors.scss +++ b/Paper/gtk-3.18/_colors.scss @@ -4,7 +4,7 @@ // Main definitions $base_color: if($variant == 'light', #ffffff, #636E73); $bg_color: if($variant == 'light', #f7f7f7, #4F585C); -$fg_color: if($variant == 'light', #444, lighten(#A1A8AB, 10%)); +$fg_color: if($variant == 'light', #444, lighten(#e4e6e7, 10%)); $text_color: if($variant == 'light', $fg_color, $fg_color); $headerbar_bg_color: if($variant == 'light', #636E73, #3B4245); $headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.5)); @@ -42,7 +42,7 @@ $success_color: if($variant == 'light', $green, darken($green,10%)); $destructive_color: if($variant == 'light', $red, darken($red,10%)); $suggested_color: if($variant == 'light', $selected_bg_color, darken($selected_bg_color,10%)); -$osd_fg_color: #A1A8AB; +$osd_fg_color: #e4e6e7; $osd_text_color: white; $osd_bg_color: transparentize(#202526, 0.2); $osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); diff --git a/Paper/gtk-3.18/gtk-dark.css b/Paper/gtk-3.18/gtk-dark.css index 7a223ac..cf85416 100644 --- a/Paper/gtk-3.18/gtk-dark.css +++ b/Paper/gtk-3.18/gtk-dark.css @@ -19,9 +19,9 @@ ---------------- use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #bcc1c3; +@define-color theme_fg_color white; /* text color for entries, views and content in general */ -@define-color theme_text_color #bcc1c3; +@define-color theme_text_color white; /* widget base background color */ @define-color theme_bg_color #4F585C; /* text widgets and the like base background color */ @@ -33,13 +33,13 @@ /* base background color of insensitive widgets */ @define-color insensitive_bg_color #576165; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #868d90; +@define-color insensitive_fg_color #a7acae; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #636E73; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #868d90; +@define-color theme_unfocused_fg_color #a7acae; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #bcc1c3; +@define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #4F585C; /* text widgets and the like base background color on backdrop windows */ @@ -58,8 +58,8 @@ @define-color success_color #3c8a3f; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(#bcc1c3, 1.8); -@define-color wm_unfocused_title #868d90; +@define-color wm_title shade(white, 1.8); +@define-color wm_unfocused_title #a7acae; @define-color wm_highlight transparent; @define-color wm_borders_edge rgba(255, 255, 255, 0.1); @define-color wm_bg_a shade(#4F585C, 1.2); @@ -99,7 +99,7 @@ read if you used those and something break with a version upgrade you're on your background-color: #373e41; border: solid #373e41; border-width: 1px 0 0 0; - color: #bcc1c3; + color: white; box-shadow: none; } .action-bar:backdrop { background-color: #373e41; @@ -130,10 +130,10 @@ read if you used those and something break with a version upgrade you're on your * Base States * ***************/ .background { - color: #bcc1c3; + color: white; background-color: #4F585C; } .background:backdrop { - color: #868d90; + color: #a7acae; background-color: #4F585C; text-shadow: none; icon-shadow: none; } @@ -148,16 +148,16 @@ read if you used those and something break with a version upgrade you're on your -gtk-image-effect: dim; } .gtkstyle-fallback { - color: #bcc1c3; + color: white; background-color: #4F585C; } .gtkstyle-fallback:hover { - color: #bcc1c3; + color: white; background-color: #677277; } .gtkstyle-fallback:active { - color: #bcc1c3; + color: white; background-color: #373e41; } .gtkstyle-fallback:insensitive { - color: #868d90; + color: #a7acae; background-color: #576165; } .gtkstyle-fallback:selected { color: #ffffff; @@ -165,11 +165,11 @@ read if you used those and something break with a version upgrade you're on your .view, GtkIconView, GtkTextView GtkLabel { - color: #bcc1c3; + color: white; background-color: #636E73; } .view:backdrop, GtkIconView:backdrop, GtkTextView GtkLabel:backdrop { - color: #abb1b4; + color: #e0e3e4; background-color: #657176; } .view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, GtkTextView GtkLabel:selected:focus, @@ -218,18 +218,18 @@ GtkFlow flowboxchild { outline-offset: -2px; } GtkLabel.separator { - color: #bcc1c3; } + color: white; } GtkLabel.separator:backdrop { - color: #868d90; } + color: #a7acae; } GtkLabel:selected { background-color: #449ac2; color: #ffffff; } GtkLabel:insensitive { - color: #868d90; } + color: #a7acae; } GtkLabel:insensitive:backdrop { color: #727f85; } GtkLabel:backdrop { - color: #868d90; } + color: #a7acae; } .dim-label, GtkLabel.separator, .titlebar:not(headerbar) .subtitle, .header-bar .subtitle { @@ -239,11 +239,11 @@ GtkLabel:backdrop { .app-notification, .app-notification.frame, .osd .scale-popup, .csd .popover .background.touch-selection, .csd .popover .background.magnifier, .popover .background.touch-selection, .popover .background.magnifier, .csd .popover .background.osd, .popover .background.osd, .osd { - color: #A1A8AB; + color: #e4e6e7; border: none; background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); text-shadow: 0 1px black; icon-shadow: 0 1px black; } .app-notification:backdrop, .osd .scale-popup:backdrop, .popover .background.touch-selection:backdrop, .popover .background.magnifier:backdrop, .popover .background.osd:backdrop, @@ -305,8 +305,8 @@ treeview.view:selected { border: 1px solid #373e41; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -327,8 +327,8 @@ treeview.view:selected { .button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -337,8 +337,8 @@ treeview.view:selected { -gtk-image-effect: highlight; } .button:active, .button:checked { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #3f4649, #4a5357); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -359,7 +359,7 @@ treeview.view:selected { .button:backdrop.flat, .button:backdrop GtkLabel, .button:backdrop { - color: #868d90; } + color: #a7acae; } .button:backdrop.flat:active, .button:backdrop.flat:checked, .button:backdrop:active, @@ -375,7 +375,7 @@ treeview.view:selected { .button:backdrop:active, .button:backdrop:checked GtkLabel, .button:backdrop:checked { - color: #868d90; } + color: #a7acae; } .button:backdrop.flat:active label, .button:backdrop.flat:active, .button:backdrop.flat:checked label, @@ -384,7 +384,7 @@ treeview.view:selected { .button:backdrop:active, .button:backdrop:checked label, .button:backdrop:checked { - color: #868d90; } + color: #a7acae; } .button:backdrop.flat:insensitive, .button:backdrop:insensitive { border-color: #394144; @@ -432,7 +432,7 @@ treeview.view:selected { .button:insensitive, .button:insensitive GtkLabel, .button:insensitive { - color: #868d90; } + color: #a7acae; } .button:insensitive:active, .button:insensitive:checked, .button:insensitive:active, @@ -450,7 +450,7 @@ treeview.view:selected { .button:insensitive:active, .button:insensitive:checked GtkLabel, .button:insensitive:checked { - color: #868d90; } + color: #a7acae; } .button.image-button { padding-left: 4px; padding-right: 4px; } @@ -470,19 +470,19 @@ row:selected border-color: transparent; } row:selected .button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #868d90; } + color: #a7acae; } .button.osd { - color: #A1A8AB; + color: #e4e6e7; border-radius: 5px; - outline-color: rgba(161, 168, 171, 0.3); - color: #A1A8AB; + outline-color: rgba(228, 230, 231, 0.3); + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } .button.osd:hover { @@ -493,7 +493,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } .button.osd:active, @@ -505,23 +505,23 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } .button.osd:insensitive:backdrop, .button.osd:insensitive, .button.osd:insensitive:backdrop, .button.osd:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; border: none; } .button.osd:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -533,14 +533,14 @@ row:selected .app-notification.frame .button, .app-notification.frame button, .csd .popover .background.touch-selection button, .csd .popover .background.magnifier button, .popover .background.touch-selection button, .popover .background.magnifier button, .osd .button { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:hover, .app-notification button:hover, .popover .background.touch-selection button:hover, .popover .background.magnifier button:hover, .osd .button:hover { color: white; @@ -550,7 +550,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:active:backdrop, .app-notification button:active:backdrop, .popover .background.touch-selection button:active:backdrop, .popover .background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, .popover .background.touch-selection button:active, .popover .background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, .popover .background.touch-selection button:checked:backdrop, .popover .background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, .popover .background.touch-selection button:checked, .popover .background.magnifier button:checked, .osd .button:active:backdrop, .osd .button:active, .osd @@ -563,20 +563,20 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:insensitive:backdrop, .app-notification button:insensitive:backdrop, .popover .background.touch-selection button:insensitive:backdrop, .popover .background.magnifier button:insensitive:backdrop, .app-notification .button:insensitive, .app-notification button:insensitive, .popover .background.touch-selection button:insensitive, .popover .background.magnifier button:insensitive, .osd .button:insensitive:backdrop, .osd .button:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .app-notification .button:backdrop, .app-notification button:backdrop, .popover .background.touch-selection button:backdrop, .popover .background.magnifier button:backdrop, .osd .button:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -601,12 +601,12 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .flat.button:insensitive, .app-notification button.flat:insensitive, .popover .background.touch-selection button.flat:insensitive, .popover .background.magnifier button.flat:insensitive, .osd .button.flat:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -632,7 +632,7 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -679,7 +679,7 @@ row:selected .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop GtkLabel, .button.suggested-action.flat:backdrop { - color: #daebf3; } + color: #a7acae; } .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, @@ -695,7 +695,7 @@ row:selected .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked GtkLabel, .button.suggested-action.flat:backdrop:checked { - color: #d6e5ec; } + color: #a7acae; } .button.suggested-action:backdrop:active label, .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked label, @@ -704,7 +704,7 @@ row:selected .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked label, .button.suggested-action.flat:backdrop:checked { - color: #d6e5ec; } + color: #a7acae; } .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive { border-color: #394144; @@ -750,7 +750,7 @@ row:selected icon-shadow: none; } .button.suggested-action:insensitive GtkLabel, .button.suggested-action:insensitive { - color: #868d90; } + color: #a7acae; } .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked { border-color: #215065; @@ -765,14 +765,14 @@ row:selected color: #b3cedb; } .osd .button.suggested-action { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.suggested-action:hover { color: white; @@ -782,7 +782,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.suggested-action:active:backdrop, .osd .button.suggested-action:active, .osd @@ -795,20 +795,20 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.suggested-action:insensitive:backdrop, .osd .button.suggested-action:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .button.suggested-action:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5)); background-clip: padding-box; @@ -861,7 +861,7 @@ row:selected .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop GtkLabel, .button.destructive-action.flat:backdrop { - color: #fad2cf; } + color: #a7acae; } .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, @@ -877,7 +877,7 @@ row:selected .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked GtkLabel, .button.destructive-action.flat:backdrop:checked { - color: #f1d1ce; } + color: #a7acae; } .button.destructive-action:backdrop:active label, .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked label, @@ -886,7 +886,7 @@ row:selected .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked label, .button.destructive-action.flat:backdrop:checked { - color: #f1d1ce; } + color: #a7acae; } .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive { border-color: #394144; @@ -932,7 +932,7 @@ row:selected icon-shadow: none; } .button.destructive-action:insensitive GtkLabel, .button.destructive-action:insensitive { - color: #868d90; } + color: #a7acae; } .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked { border-color: #6f0e07; @@ -947,14 +947,14 @@ row:selected color: #e5a8a3; } .osd .button.destructive-action { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.destructive-action:hover { color: white; @@ -964,7 +964,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.destructive-action:active:backdrop, .osd .button.destructive-action:active, .osd @@ -977,20 +977,20 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.destructive-action:insensitive:backdrop, .osd .button.destructive-action:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .button.destructive-action:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); background-clip: padding-box; @@ -1057,8 +1057,8 @@ row:selected background-position: left 3px, left 2px; } .inline-toolbar toolbutton > button { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -1066,16 +1066,16 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:hover { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #3f4649, #4a5357); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -1090,7 +1090,7 @@ row:selected box-shadow: none; icon-shadow: none; } .inline-toolbar toolbutton > button:insensitive GtkLabel, .inline-toolbar toolbutton > button:insensitive { - color: #868d90; } + color: #a7acae; } .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked { border-color: #373e41; background-image: none; @@ -1098,7 +1098,7 @@ row:selected text-shadow: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked GtkLabel, .inline-toolbar toolbutton > button:insensitive:checked { - color: #868d90; } + color: #a7acae; } .inline-toolbar toolbutton > button:backdrop { border-color: #394144; background-image: linear-gradient(to bottom, #4F585C); @@ -1106,15 +1106,15 @@ row:selected icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { - color: #868d90; } + color: #a7acae; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { border-color: #394144; background-image: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { - color: #868d90; } + color: #a7acae; } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { - color: #868d90; } + color: #a7acae; } .inline-toolbar toolbutton > button:backdrop:insensitive { border-color: #394144; background-image: none; @@ -1268,7 +1268,7 @@ button.color { * Calendar * ***********/ GtkCalendar { - color: #bcc1c3; + color: white; border: 1px solid #373e41; } GtkCalendar:selected { border-radius: 3px; } @@ -1278,18 +1278,18 @@ GtkCalendar { GtkCalendar.header:backdrop { border-color: rgba(0, 0, 0, 0.1); } GtkCalendar.button { - color: rgba(188, 193, 195, 0.45); } + color: rgba(255, 255, 255, 0.45); } GtkCalendar.button:hover { - color: #bcc1c3; } + color: white; } GtkCalendar.button:backdrop { - color: rgba(134, 141, 144, 0.45); } + color: rgba(167, 172, 174, 0.45); } GtkCalendar.button:insensitive { - color: rgba(134, 141, 144, 0.45); } + color: rgba(167, 172, 174, 0.45); } GtkCalendar.highlight, GtkCalendar.highlight:backdrop { font-size: smaller; - color: #bcc1c3; } + color: white; } GtkCalendar:backdrop { - color: #abb1b4; + color: #e0e3e4; border-color: #394144; } /************************* @@ -1697,17 +1697,17 @@ GtkCalendar { GtkTreeView.view check:selected:focus, GtkTreeView.view check:selected, GtkTreeView.view radio:selected:focus, GtkTreeView.view radio:selected { - color: #bcc1c3; } + color: white; } GtkTreeView.view check:selected:insensitive, GtkTreeView.view radio:selected:insensitive { - color: #868d90; } + color: #a7acae; } GtkTreeView.view check:selected:insensitive:backdrop, GtkTreeView.view radio:selected:insensitive:backdrop { color: #727f85; } GtkTreeView.view check:backdrop:selected, GtkTreeView.view check:backdrop, GtkTreeView.view radio:backdrop:selected, GtkTreeView.view radio:backdrop { - color: #868d90; } + color: #a7acae; } /***************** * Color Chooser * @@ -1743,11 +1743,11 @@ GtkColorSwatch.dark overlay { GtkColorSwatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.light overlay { - color: #bcc1c3; } + color: white; } GtkColorSwatch.light overlay:hover { border-color: #373e41; } GtkColorSwatch.light overlay:backdrop { - color: #abb1b4; } + color: #e0e3e4; } GtkColorSwatch overlay { box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); border: 1px solid #373e41; } @@ -1761,8 +1761,8 @@ GtkColorSwatch#add-color-button { GtkColorSwatch#add-color-button:only-child { border-radius: 5px; } GtkColorSwatch#add-color-button overlay { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -1770,8 +1770,8 @@ GtkColorSwatch#add-color-button { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } GtkColorSwatch#add-color-button overlay:hover { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -1784,7 +1784,7 @@ GtkColorSwatch#add-color-button { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop { - color: #868d90; } + color: #a7acae; } GtkColorSwatch:insensitive { opacity: 0.5; } GtkColorSwatch:insensitive overlay { @@ -1849,13 +1849,13 @@ GtkMessageDialog .titlebar, .message-dialog .titlebar.default-decoration { padding: 6px; background-color: #4F585C; - color: #bcc1c3; } + color: white; } GtkMessageDialog .header-bar.default-decoration:backdrop, GtkMessageDialog .titlebar.default-decoration:backdrop, .message-dialog .header-bar.default-decoration:backdrop, .message-dialog .titlebar.default-decoration:backdrop { background-color: #4F585C; - color: #868d90; } + color: #a7acae; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton, GtkMessageDialog .titlebar.default-decoration .button.titlebutton, .message-dialog .header-bar.default-decoration .button.titlebutton, @@ -1870,34 +1870,34 @@ GtkMessageDialog .titlebar, GtkMessageDialog .titlebar.default-decoration .button.titlebutton GtkImage, .message-dialog .header-bar.default-decoration .button.titlebutton GtkImage, .message-dialog .titlebar.default-decoration .button.titlebutton GtkImage { - color: #bcc1c3; } + color: white; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover, .message-dialog .header-bar.default-decoration .button.titlebutton:hover, .message-dialog .titlebar.default-decoration .button.titlebutton:hover { background-color: #373e41; - color: #d7dadb; } + color: white; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover GtkImage, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover GtkImage, .message-dialog .header-bar.default-decoration .button.titlebutton:hover GtkImage, .message-dialog .titlebar.default-decoration .button.titlebutton:hover GtkImage { - color: #d7dadb; } + color: white; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop, .message-dialog .header-bar.default-decoration .button.titlebutton:backdrop, .message-dialog .titlebar.default-decoration .button.titlebutton:backdrop { background-color: transparent; - color: #868d90; } + color: #a7acae; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage, .message-dialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage, .message-dialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage { - color: #a1a6a8; } + color: #c2c5c6; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active, .message-dialog .header-bar.default-decoration .button.titlebutton:active, .message-dialog .titlebar.default-decoration .button.titlebutton:active { - background-color: #bcc1c3; + background-color: white; color: #4F585C; border-radius: 50%; box-shadow: none; } @@ -1951,22 +1951,22 @@ GtkFileChooserDialog { border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #bcc1c3; + color: white; border-color: #373e41; background-color: #636E73; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } .spinbutton:not(.vertical) GtkImage, GeditWindow > .entry GtkImage, .entry GtkImage { - color: #aab0b3; } + color: #e0e2e3; } .spinbutton:not(.vertical) GtkImage:hover, GeditWindow > .entry GtkImage:hover, .entry GtkImage:hover { - color: #bcc1c3; } + color: white; } .spinbutton:not(.vertical) GtkImage:active, GeditWindow > .entry GtkImage:active, .entry GtkImage:active { color: #449ac2; } .spinbutton:not(.vertical) GtkImage:backdrop, GeditWindow > .entry GtkImage:backdrop, .entry GtkImage:backdrop { - color: #7f878b; } + color: #9aa0a3; } .spinbutton:not(.vertical) GtkImage.left, GeditWindow > .entry GtkImage.left, .entry GtkImage.left { padding-left: 0; @@ -2010,13 +2010,13 @@ GtkFileChooserDialog { border-color: #347d9f; } .spinbutton:insensitive:not(.vertical), GeditWindow > .entry:insensitive, .entry:insensitive { - color: #868d90; + color: #a7acae; border-color: #373e41; background-image: linear-gradient(to bottom, #576165); box-shadow: none; } .spinbutton:backdrop:not(.vertical), GeditWindow > .entry:backdrop, .entry:backdrop { - color: #abb1b4; + color: #e0e3e4; border-color: #394144; background-image: linear-gradient(to bottom, #657176); box-shadow: none; @@ -2175,7 +2175,7 @@ expander .arrow { GtkScrolledWindow GtkViewport.frame { border-style: none; } GtkScrolledWindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(188, 193, 195, 0.07)), to(rgba(188, 193, 195, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; @@ -2191,7 +2191,7 @@ GtkScrolledWindow overshoot.top { border: none; box-shadow: none; } GtkScrolledWindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(188, 193, 195, 0.07)), to(rgba(188, 193, 195, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; @@ -2207,7 +2207,7 @@ GtkScrolledWindow overshoot.bottom { border: none; box-shadow: none; } GtkScrolledWindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(188, 193, 195, 0.07)), to(rgba(188, 193, 195, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; @@ -2223,7 +2223,7 @@ GtkScrolledWindow overshoot.left { border: none; box-shadow: none; } GtkScrolledWindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(188, 193, 195, 0.07)), to(rgba(188, 193, 195, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; @@ -2303,7 +2303,7 @@ GraniteWidgetsPopOver { -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid #636E73; background: #636E73; - color: #bcc1c3; } + color: white; } GraniteWidgetsPopOver .button { background-image: none; background: none; @@ -2322,7 +2322,7 @@ GraniteWidgetsStaticNotebook .frame { .popover_bg { background-color: #636E73; border: 1px solid #636E73; - color: #bcc1c3; } + color: white; } /*********** * Welcome * @@ -2330,9 +2330,9 @@ GraniteWidgetsStaticNotebook .frame { GraniteWidgetsWelcome { background-color: #636E73; } GraniteWidgetsWelcome GtkLabel { - color: #bcc1c3; } + color: white; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { - color: rgba(188, 193, 195, 0.8); } + color: rgba(255, 255, 255, 0.8); } /************** * Source List * @@ -2342,7 +2342,7 @@ GraniteWidgetsWelcome { -GtkTreeView-vertical-separator: 4px; background-color: #4F585C; border: solid #373e41; - color: #bcc1c3; + color: white; border-right-width: 1px; } .source-list .view, .source-list GtkIconView { border-width: 0; @@ -2350,7 +2350,7 @@ GraniteWidgetsWelcome { border-color: #373e41; } .source-list .category-expander { border: none; - color: #bcc1c3; } + color: white; } .source-list .badge { background-image: none; background-color: rgba(0, 0, 0, 0.4); @@ -2395,7 +2395,7 @@ GraniteWidgetsWelcome { .category-label { font-size: 9px; padding: 6px; - color: rgba(188, 193, 195, 0.9); + color: rgba(255, 255, 255, 0.9); font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.2); } @@ -2528,51 +2528,51 @@ GraniteWidgetsWelcome { border: none; box-shadow: none; background: rgba(99, 110, 115, 0.95); - color: #bcc1c3; + color: white; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } .titlebar:not(headerbar) .entry > .image, .header-bar .entry > .image { padding-right: 6px; - color: rgba(188, 193, 195, 0.8); } + color: rgba(255, 255, 255, 0.8); } .titlebar:not(headerbar) .entry:active, .titlebar:not(headerbar) .entry:focus, .header-bar .entry:active, .header-bar .entry:focus { background: #636E73; - color: #bcc1c3; + color: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .titlebar:not(headerbar) .entry:active > .image, .titlebar:not(headerbar) .entry:focus > .image, .header-bar .entry:active > .image, .header-bar .entry:focus > .image { padding-right: 6px; - color: #bcc1c3; } + color: white; } .titlebar:not(headerbar) .entry:active:backdrop, .titlebar:not(headerbar) .entry:focus:backdrop, .header-bar .entry:active:backdrop, .header-bar .entry:focus:backdrop { background: rgba(99, 110, 115, 0.8); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .titlebar:not(headerbar) .entry:insensitive, .header-bar .entry:insensitive { background: rgba(99, 110, 115, 0.6); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .titlebar:not(headerbar) .entry:insensitive > .image, .header-bar .entry:insensitive > .image { padding-right: 6px; - color: rgba(188, 193, 195, 0.5); } + color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) .entry:insensitive:backdrop, .header-bar .entry:insensitive:backdrop { background: rgba(99, 110, 115, 0.5); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .titlebar:not(headerbar) .entry:backdrop, .header-bar .entry:backdrop { background: rgba(99, 110, 115, 0.8); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .titlebar:not(headerbar) .entry:backdrop > .image, .header-bar .entry:backdrop > .image { - color: rgba(188, 193, 195, 0.5); } + color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) .button, .header-bar .button { background-color: transparent; @@ -2724,10 +2724,10 @@ GraniteWidgetsWelcome { color: #3B4245; } .titlebar:not(headerbar) .button.menu-button .menu .menuitem GtkLabel, .header-bar .button.menu-button .menu .menuitem GtkLabel { - color: #bcc1c3; } + color: white; } .titlebar:not(headerbar) .button.menu-button .menu .menuitem GtkLabel:insensitive, .header-bar .button.menu-button .menu .menuitem GtkLabel:insensitive { - color: #868d90; } + color: #a7acae; } .titlebar:not(headerbar) .button.menu-button .menu .menuitem .separator, .header-bar .button.menu-button .menu .menuitem .separator { color: #373e41; } @@ -2816,7 +2816,7 @@ window.csd > .titlebar:not(headerbar) { GtkInfoBar, infobar { text-shadow: none; - color: #bcc1c3; + color: white; background-color: #4F585C; border-bottom: 1px solid #373e41; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } @@ -2837,21 +2837,21 @@ infobar { border-radius: 2px; border: none; background: rgba(99, 110, 115, 0.95); - color: #bcc1c3; + color: white; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } .info .button .label, .warning .button .label, .question .button .label, .error .button .label, .info button .label, .warning button .label, .question button .label, .error button .label { - color: #bcc1c3; } + color: white; } .info .button:active, .warning .button:active, .question .button:active, .error .button:active, .info button:active, .warning button:active, .question button:active, .error button:active { background: #636E73; - color: #bcc1c3; + color: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop, .info button:active:backdrop, @@ -2859,7 +2859,7 @@ infobar { .question button:active:backdrop, .error button:active:backdrop { background: rgba(99, 110, 115, 0.8); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus, .info button:hover, @@ -2877,7 +2877,7 @@ infobar { .question button:insensitive, .error button:insensitive { background: rgba(99, 110, 115, 0.6); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop, .info button:insensitive:backdrop, @@ -2885,7 +2885,7 @@ infobar { .question button:insensitive:backdrop, .error button:insensitive:backdrop { background: rgba(99, 110, 115, 0.5); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop, .info button:backdrop, @@ -2893,7 +2893,7 @@ infobar { .question button:backdrop, .error button:backdrop { background: rgba(99, 110, 115, 0.8); - color: rgba(188, 193, 195, 0.5); + color: rgba(255, 255, 255, 0.5); box-shadow: none; } .info { @@ -3071,7 +3071,7 @@ GtkLevelBar, .level-bar .fill-block.empty, .level-bar .fill-block.level-empty { background-color: transparent; - border: 1px solid rgba(188, 193, 195, 0.1); + border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } GtkLevelBar.vertical .empty.fill-block:backdrop, GtkLevelBar .level-bar.vertical .empty.fill-block:backdrop, @@ -3088,7 +3088,7 @@ GtkLevelBar, .level-bar.vertical .level-empty.fill-block:backdrop, .level-bar .fill-block.empty:backdrop, .level-bar .fill-block.level-empty:backdrop { - border-color: rgba(134, 141, 144, 0.15); } + border-color: rgba(167, 172, 174, 0.15); } GtkLevelBar.vertical, .level-bar.vertical { -GtkLevelBar-min-block-width: 8; @@ -3146,7 +3146,7 @@ GtkLevelBar, * Lists * *********/ .list { - color: #bcc1c3; + color: white; background-color: #636E73; border-color: #373e41; } .list:backdrop { @@ -3180,7 +3180,7 @@ GtkLevelBar, box-shadow: inset 0 -3px #449ac2; color: rgba(255, 255, 255, 0.5); } .menubar > .menuitem:insensitive { - color: #868d90; + color: #a7acae; box-shadow: none; } .content-view .menu, @@ -3213,7 +3213,7 @@ GtkLevelBar, .content-view .menu .menuitem:insensitive, .menu .menuitem:insensitive, .popup .menuitem:insensitive { - color: #868d90; } + color: #a7acae; } .content-view .menu .menuitem:insensitive:backdrop, .menu .menuitem:insensitive:backdrop, .popup .menuitem:insensitive:backdrop { @@ -3224,7 +3224,7 @@ GtkLevelBar, .menu .menuitem:backdrop:hover, .popup .menuitem:backdrop, .popup .menuitem:backdrop:hover { - color: #868d90; + color: #a7acae; background-color: transparent; } .content-view .menu .menuitem .arrow:dir(ltr), .menu .menuitem .arrow:dir(ltr), @@ -3252,18 +3252,18 @@ GtkLevelBar, .menu > .arrow.top, .popup > .arrow.top { margin-top: -6px; - border-bottom: 1px solid #6c767b; + border-bottom: 1px solid #737d81; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } .content-view .menu > .arrow.bottom, .menu > .arrow.bottom, .popup > .arrow.bottom { margin-bottom: -6px; - border-top: 1px solid #6c767b; + border-top: 1px solid #737d81; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .content-view .menu > .arrow:hover, .menu > .arrow:hover, .popup > .arrow:hover { - background-color: #6c767b; } + background-color: #737d81; } .content-view .menu > .arrow:backdrop, .menu > .arrow:backdrop, .popup > .arrow:backdrop { @@ -3299,7 +3299,7 @@ GtkLevelBar, border-radius: 5px; } .scale-popup .button:hover, .scale-popup button:hover { - background-color: rgba(188, 193, 195, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; } .separator { @@ -3323,7 +3323,7 @@ GtkAssistant { GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } GtkAssistant .sidebar GtkLabel.highlight { - background-color: #656d71; } + background-color: #72797d; } /************* * Notebooks * @@ -3503,11 +3503,11 @@ GtkAssistant { color: #ffffff; background-color: #449ac2; } .popover .menuitem:insensitive { - color: #868d90; } + color: #a7acae; } .popover .menuitem:insensitive:backdrop { color: #727f85; } .popover .menuitem:backdrop, .popover .menuitem:backdrop:hover { - color: #868d90; + color: #a7acae; background-color: transparent; } .popover .menuitem .arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); @@ -3522,7 +3522,7 @@ GtkAssistant { GtkProgressBar, .progressbar { font-size: smaller; - color: rgba(188, 193, 195, 0.4); } + color: rgba(255, 255, 255, 0.4); } GtkProgressBar.horizontal progress, .progressbar.horizontal progress { margin: 0 -1px; } @@ -3629,12 +3629,12 @@ GtkLevelBar .trough, border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); box-shadow: none; - outline-color: rgba(161, 168, 171, 0.2); } + outline-color: rgba(228, 230, 231, 0.2); } .osd GtkLevelBar .trough:insensitive, GtkLevelBar .osd .trough:insensitive, .osd .level-bar .trough:insensitive, .level-bar .osd .trough:insensitive, .osd GtkProgressBar:insensitive, .osd .progressbar:insensitive, .osd .scale .trough:insensitive, .scale .osd .trough:insensitive, .osd .scale fill:insensitive, .scale .osd fill:insensitive { - background-color: rgba(45, 50, 51, 0.5); } + background-color: rgba(52, 56, 57, 0.5); } GtkProgressBar .progressbar, .progressbar .progressbar, .scale .highlight, .scale.fine-tune .highlight { @@ -3713,14 +3713,14 @@ GtkProgressBar .progressbar, row:selected .scale .slider, row:selected .scale .slider:insensitive { border-color: #347d9f; } .osd .scale .slider { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #202526; } .osd .scale .slider:hover { @@ -3731,7 +3731,7 @@ GtkProgressBar .progressbar, box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .scale .slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -3740,17 +3740,17 @@ GtkProgressBar .progressbar, box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .scale .slider:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .scale .slider:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -3788,7 +3788,7 @@ GtkProgressBar .progressbar, border-color: transparent; background-color: transparent; } .osd .scale fill { - background-color: rgba(62, 64, 65, 0.775); } + background-color: rgba(87, 88, 88, 0.775); } .osd .scale fill:insensitive, .osd .scale fill:insensitive:backdrop { border-color: transparent; background-color: transparent; } @@ -3847,13 +3847,13 @@ GtkProgressBar .progressbar, border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; - background-color: #90979a; } + background-color: #b9bcbe; } .scrollbar .slider:hover { - background-color: #a6acae; } + background-color: #dcdede; } .scrollbar .slider:hover:active { background-color: #6bafce; } .scrollbar .slider:backdrop { - background-color: #656d71; } + background-color: #727a7d; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar.fine-tune.horizontal .slider { @@ -3866,11 +3866,11 @@ GtkProgressBar .progressbar, background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; - background-color: #bcc1c3; + background-color: white; border: 1px solid black; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - background-color: #bcc1c3; + background-color: white; background-clip: padding-box; border-radius: 100%; border: 1px solid black; @@ -3897,7 +3897,7 @@ GtkProgressBar .progressbar, box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #90979a; } + color: #b9bcbe; } .scrollbar .button:hover { border-color: transparent; background-color: transparent; @@ -3905,7 +3905,7 @@ GtkProgressBar .progressbar, box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #a6acae; } + color: #dcdede; } .scrollbar .button:active, .scrollbar .button:checked { border-color: transparent; background-color: transparent; @@ -3921,7 +3921,7 @@ GtkProgressBar .progressbar, box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: rgba(144, 151, 154, 0.2); } + color: rgba(185, 188, 190, 0.2); } .scrollbar .button:backdrop { border-color: transparent; background-color: transparent; @@ -3929,7 +3929,7 @@ GtkProgressBar .progressbar, box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #656d71; } + color: #727a7d; } .scrollbar .button:backdrop:insensitive { border-color: transparent; background-color: transparent; @@ -3937,7 +3937,7 @@ GtkProgressBar .progressbar, box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: rgba(101, 109, 113, 0.2); } + color: rgba(114, 122, 125, 0.2); } .scrollbar.vertical .button.down, .scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -3968,10 +3968,10 @@ OsScrollbar { OsThumb:backdrop, OsThumb:active:backdrop, OsScrollbar:backdrop, OsScrollbar:active:backdrop { - background-color: #868d90; } + background-color: #a7acae; } OsThumb:insensitive, OsScrollbar:insensitive { - background-color: #868d90; } + background-color: #a7acae; } /*********** * Sidebar * @@ -4019,7 +4019,7 @@ OsScrollbar { .sidebar .sidebar-item:hover, .sidebar .sidebar-row:hover { background-color: #636E73; - color: #bcc1c3; + color: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .sidebar .sidebar-item:hover:backdrop, .sidebar .sidebar-row:hover:backdrop { @@ -4042,7 +4042,7 @@ OsScrollbar { .spinbutton:not(.vertical) .button { margin: 0; padding: 6px; - color: #b3b9bb; + color: #eff1f1; background-image: none; border-style: none none none solid; border-color: rgba(55, 62, 65, 0.3); @@ -4051,15 +4051,15 @@ OsScrollbar { .spinbutton:not(.vertical) .button:dir(rtl) { border-style: none solid none none; } .spinbutton:not(.vertical) .button:hover { - color: #bcc1c3; - background-color: rgba(188, 193, 195, 0.05); } + color: white; + background-color: rgba(255, 255, 255, 0.05); } .spinbutton:not(.vertical) .button:insensitive { - color: rgba(134, 141, 144, 0.3); } + color: rgba(167, 172, 174, 0.3); } .spinbutton:not(.vertical) .button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } .spinbutton:not(.vertical) .button:backdrop { - color: #838a8d; + color: #a0a6a8; background-color: transparent; border-color: rgba(57, 65, 68, 0.3); transition: 200ms ease-out; } @@ -4076,7 +4076,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; @@ -4090,9 +4090,9 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(161, 168, 171, 0.1); + background-color: rgba(228, 230, 231, 0.1); box-shadow: none; } .osd .spinbutton:not(.vertical) .button:backdrop { border-color: transparent; @@ -4101,7 +4101,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .osd .spinbutton:not(.vertical) .button:insensitive { @@ -4111,7 +4111,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .osd .spinbutton:not(.vertical) .button:last-child { @@ -4119,7 +4119,7 @@ OsScrollbar { .osd .spinbutton:not(.vertical) .button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } .spinbutton.vertical:insensitive { - color: #868d90; } + color: #a7acae; } .spinbutton.vertical:backdrop:insensitive { color: #727f85; } .spinbutton.vertical .entry { @@ -4130,14 +4130,14 @@ OsScrollbar { border: none; background: none; box-shadow: none; - color: #bcc1c3; } + color: white; } .spinbutton.vertical .button:hover { background-color: #449ac2; color: #ffffff; icon-shadow: none; } .spinbutton.vertical .button:active { background-color: transparent; - color: #bcc1c3; } + color: white; } .spinbutton.vertical .button.up { border-radius: 3px 3px 0 0; border-style: solid solid none solid; } @@ -4145,14 +4145,14 @@ OsScrollbar { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } .osd .spinbutton.vertical button:first-child { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -4161,7 +4161,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -4170,17 +4170,17 @@ OsScrollbar { box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .spinbutton.vertical button:first-child:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .spinbutton.vertical button:first-child:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -4369,9 +4369,9 @@ GtkSwitch { .toolbar .button:insensitive:backdrop GtkImage { -gtk-image-effect: dim; } .toolbar .button.menu-button .menu .menuitem GtkLabel { - color: #bcc1c3; } + color: white; } .toolbar .button.menu-button .menu .menuitem GtkLabel:insensitive { - color: #868d90; } + color: #a7acae; } .toolbar .button.menu-button .menu .menuitem .separator { color: #373e41; } .toolbar .button.menu-button .menu .menuitem:hover GtkLabel { @@ -4399,7 +4399,7 @@ searchbar, .inline-toolbar { -GtkWidget-window-dragging: true; background-color: #4a5357; - color: #bcc1c3; + color: white; border: 1px solid #373e41; border-top-width: 0; border-radius: 0 0 5px 5px; @@ -4439,7 +4439,7 @@ searchbar, text-shadow: none; box-shadow: none; background-color: transparent; - color: #bcc1c3; + color: white; border-radius: 0px; padding: 10px; } searchbar .button:focus, @@ -4448,7 +4448,7 @@ searchbar, .inline-toolbar .button:focus, .inline-toolbar .button:active { font: bold; - color: #bcc1c3; + color: white; text-shadow: none; box-shadow: none; background-color: rgba(0, 0, 0, 0.05); } @@ -4459,27 +4459,27 @@ searchbar, .inline-toolbar .button:active:backdrop { border: none; background-color: transparent; - color: #868d90; } + color: #a7acae; } searchbar .button:hover, .search-bar .button:hover, .location-bar .button:hover, .inline-toolbar .button:hover { background-color: rgba(0, 0, 0, 0.05); text-shadow: none; - color: #bcc1c3; + color: white; box-shadow: none; } searchbar .button:insensitive, .search-bar .button:insensitive, .location-bar .button:insensitive, .inline-toolbar .button:insensitive { background: none; background-color: transparent; - color: rgba(188, 193, 195, 0.5); } + color: rgba(255, 255, 255, 0.5); } searchbar .button:backdrop, .search-bar .button:backdrop, .location-bar .button:backdrop, .inline-toolbar .button:backdrop { border: none; background: none; background-color: transparent; - color: #868d90; } + color: #a7acae; } searchbar .button GtkLabel, .search-bar .button GtkLabel, .location-bar .button GtkLabel, searchbar .button GtkImage, @@ -4487,7 +4487,7 @@ searchbar, .location-bar .button GtkImage, .inline-toolbar .button GtkLabel, .inline-toolbar .button GtkImage { - color: #bcc1c3; } + color: white; } searchbar .button GtkLabel:insensitive, .search-bar .button GtkLabel:insensitive, .location-bar .button GtkLabel:insensitive, searchbar .button GtkLabel:backdrop, .search-bar .button GtkLabel:backdrop, .location-bar .button GtkLabel:backdrop, @@ -4501,7 +4501,7 @@ searchbar, .inline-toolbar .button GtkLabel:backdrop, .inline-toolbar .button GtkImage:insensitive, .inline-toolbar .button GtkImage:backdrop { - color: #868d90; + color: #a7acae; -gtk-image-effect: dim; } searchbar .entry, .search-bar .entry, .location-bar .entry, @@ -4511,7 +4511,7 @@ searchbar, .inline-toolbar .entry, .inline-toolbar entry { background: none; - color: #bcc1c3; + color: white; border-radius: 0px; border: none; box-shadow: none; } @@ -4522,7 +4522,7 @@ searchbar, .location-bar entry.image, .inline-toolbar .entry.image, .inline-toolbar entry.image { - color: #bcc1c3; } + color: white; } searchbar .entry.image.left, .search-bar .entry.image.left, .location-bar .entry.image.left, searchbar entry.image.left, @@ -4538,7 +4538,7 @@ searchbar, .location-bar entry:backdrop, .inline-toolbar .entry:backdrop, .inline-toolbar entry:backdrop { - color: #868d90; } + color: #a7acae; } searchbar .entry:selected, .search-bar .entry:selected, .location-bar .entry:selected, searchbar entry:selected, @@ -4580,7 +4580,7 @@ searchbar, border: none; border-radius: 3px; background-color: #636E73; - color: #bcc1c3; } + color: white; } .tooltip.background, .overlay-bar.background { background-color: #636E73; @@ -4590,7 +4590,7 @@ searchbar, .overlay-bar * { padding: 2px; background-color: transparent; - color: #bcc1c3; } + color: white; } .tooltip .csd, .overlay-bar .csd { border-radius: 5px; @@ -4605,7 +4605,7 @@ treeview.view { -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; - border-left-color: #90989b; + border-left-color: #b1b7b9; border-top-color: #4F585C; } GtkTreeView.view:selected:focus, GtkTreeView.view:selected, treeview.view:selected:focus, @@ -4615,10 +4615,10 @@ treeview.view { treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #a2cde1; - border-top-color: rgba(188, 193, 195, 0.1); } + border-top-color: rgba(255, 255, 255, 0.1); } GtkTreeView.view:insensitive, treeview.view:insensitive { - color: #868d90; } + color: #a7acae; } GtkTreeView.view:insensitive:selected, treeview.view:insensitive:selected { color: #8fc2da; } @@ -4636,18 +4636,18 @@ treeview.view { color: rgba(79, 88, 92, 0.1); } GtkTreeView.view:backdrop, treeview.view:backdrop { - border-left-color: #6b7376; + border-left-color: #7b8285; border-top: #4F585C; } GtkTreeView.view.expander, treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #a1a8ab; } + color: #d0d4d5; } GtkTreeView.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover, treeview.view.expander:hover { - color: #bcc1c3; } + color: white; } GtkTreeView.view.expander:selected, treeview.view.expander:selected { color: #c7e1ed; } @@ -4662,7 +4662,7 @@ treeview.view { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.expander:backdrop, treeview.view.expander:backdrop { - color: #7c8588; } + color: #939a9d; } GtkTreeView.view.progressbar, treeview.view.progressbar { border: 1px solid #347d9f; @@ -4688,7 +4688,7 @@ treeview.view { box-shadow: none; } GtkTreeView.view.trough, treeview.view.trough { - background-color: rgba(188, 193, 195, 0.1); + background-color: rgba(255, 255, 255, 0.1); border-radius: 4px; } GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, treeview.view.trough:selected:focus, @@ -4703,7 +4703,7 @@ treeview.view { treeview.view column-header button, treeview.view header .button, treeview.view header button { - color: #90989b; + color: #b1b7b9; background-color: #636E73; font-weight: bold; text-shadow: none; @@ -4716,7 +4716,7 @@ treeview.view { treeview.view column-header button:hover, treeview.view header .button:hover, treeview.view header button:hover { - color: #a6adaf; + color: #d8dbdc; box-shadow: none; transition: none; } GtkTreeView.view column-header .button:active, @@ -4727,7 +4727,7 @@ treeview.view { treeview.view column-header button:active, treeview.view header .button:active, treeview.view header button:active { - color: #bcc1c3; + color: white; transition: none; } GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, GtkTreeView.view header button:last-child:backdrop, @@ -4824,7 +4824,7 @@ treeview.view header button:active { treeview.view header button:backdrop { border-color: #4F585C; border-style: none solid solid none; - color: #6b7376; + color: #7b8285; background-image: none; background-color: #657176; } GtkTreeView.view column-header .button:backdrop:insensitive, @@ -4853,8 +4853,6 @@ treeview.view header button:active { border-radius: 0; } .popup .window-frame { box-shadow: none; } - .ssd .window-frame { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } .csd.popup .window-frame { border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } @@ -5042,7 +5040,7 @@ treeview.view header button:active { border-radius: 4px; } .budgie-notification .notification-title { font-size: 110%; - color: #bcc1c3; } + color: white; } .budgie-notification .notification-body { color: rgba(255, 255, 255, 0.7); } @@ -5146,16 +5144,16 @@ NautilusCanvasView { border-color: #a5a5a5; } .nautilus-desktop { - color: #bcc1c3; } + color: white; } .nautilus-desktop .nautilus-canvas-item { border-radius: 5px; color: #ffffff; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop .nautilus-canvas-item:active { - color: #bcc1c3; + color: white; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:prelight { - color: #bcc1c3; + color: white; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:selected { color: #ffffff; @@ -5459,7 +5457,7 @@ YelpWindow .header-bar { background-color: #636E73; } .gala-notification .title, .gala-notification .label { - color: #bcc1c3; } + color: white; } .gala-button { padding: 3px; @@ -5484,7 +5482,7 @@ YelpWindow .header-bar { ***************/ .category-label { font-weight: bold; - color: #bcc1c3; } + color: white; } /************* * Slingshot * @@ -5505,7 +5503,7 @@ YelpWindow .header-bar { .search-item { border-radius: 0; border: none; - color: #bcc1c3; + color: white; background: none; } .search-item:hover, .search-item:focus { border-radius: 0; @@ -5524,7 +5522,7 @@ YelpWindow .header-bar { .search-category-header { font-weight: bold; - color: #bcc1c3; } + color: white; } /********* * Panel * @@ -5668,7 +5666,7 @@ LibraryWindow .the-button-in-the-combobox { background-position: 0 0, 12px 12px; } .checkboard-layout .item { - background-color: #bcc1c3; } + background-color: white; } /******** * Unity * @@ -5781,7 +5779,7 @@ UnityPanelWidget:backdrop, .unity-panel.menubar:backdrop, .unity-panel .menubar *:backdrop { - color: #868d90; } + color: #a7acae; } .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem { @@ -5929,7 +5927,7 @@ ConversationListView { font: normal; border-style: none; background-color: transparent; - color: #bcc1c3; } + color: white; } #content_frame { padding-bottom: 14px; @@ -5940,8 +5938,8 @@ ConversationListView { border-width: 1px 1px 0 1px; } #content_frame button { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -5949,16 +5947,16 @@ ConversationListView { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } #content_frame button:hover { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } #content_frame button:active, #content_frame button:checked { - color: #bcc1c3; - outline-color: rgba(188, 193, 195, 0.3); + color: white; + outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #3f4649, #4a5357); text-shadow: 0 1px rgba(0, 0, 0, 0.2); @@ -5973,7 +5971,7 @@ ConversationListView { box-shadow: none; icon-shadow: none; } #content_frame button:insensitive GtkLabel, #content_frame button:insensitive { - color: #868d90; } + color: #a7acae; } #buttonbox_frame { padding-top: 20px; @@ -5986,14 +5984,14 @@ ConversationListView { border-width: 0 1px 1px 1px; } #buttonbox_frame button { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -6002,7 +6000,7 @@ ConversationListView { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -6011,18 +6009,18 @@ ConversationListView { box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } #login_window #user_combobox { - color: #bcc1c3; + color: white; font: 13px; } #login_window #user_combobox .menu, #login_window #user_combobox menu { diff --git a/Paper/gtk-3.18/gtk.css b/Paper/gtk-3.18/gtk.css index 278c65d..2017691 100644 --- a/Paper/gtk-3.18/gtk.css +++ b/Paper/gtk-3.18/gtk.css @@ -239,11 +239,11 @@ GtkLabel:backdrop { .app-notification, .app-notification.frame, .osd .scale-popup, .csd .popover .background.touch-selection, .csd .popover .background.magnifier, .popover .background.touch-selection, .popover .background.magnifier, .csd .popover .background.osd, .popover .background.osd, .osd { - color: #A1A8AB; + color: #e4e6e7; border: none; background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); text-shadow: 0 1px black; icon-shadow: 0 1px black; } .app-notification:backdrop, .osd .scale-popup:backdrop, .popover .background.touch-selection:backdrop, .popover .background.magnifier:backdrop, .popover .background.osd:backdrop, @@ -476,17 +476,17 @@ row:selected .button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #fcfcfc; } .button.osd { - color: #A1A8AB; + color: #e4e6e7; border-radius: 5px; - outline-color: rgba(161, 168, 171, 0.3); - color: #A1A8AB; + outline-color: rgba(228, 230, 231, 0.3); + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } .button.osd:hover { @@ -497,7 +497,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } .button.osd:active, @@ -509,23 +509,23 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } .button.osd:insensitive:backdrop, .button.osd:insensitive, .button.osd:insensitive:backdrop, .button.osd:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; border: none; } .button.osd:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -537,14 +537,14 @@ row:selected .app-notification.frame .button, .app-notification.frame button, .csd .popover .background.touch-selection button, .csd .popover .background.magnifier button, .popover .background.touch-selection button, .popover .background.magnifier button, .osd .button { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:hover, .app-notification button:hover, .popover .background.touch-selection button:hover, .popover .background.magnifier button:hover, .osd .button:hover { color: white; @@ -554,7 +554,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:active:backdrop, .app-notification button:active:backdrop, .popover .background.touch-selection button:active:backdrop, .popover .background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, .popover .background.touch-selection button:active, .popover .background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, .popover .background.touch-selection button:checked:backdrop, .popover .background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, .popover .background.touch-selection button:checked, .popover .background.magnifier button:checked, .osd .button:active:backdrop, .osd .button:active, .osd @@ -567,20 +567,20 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:insensitive:backdrop, .app-notification button:insensitive:backdrop, .popover .background.touch-selection button:insensitive:backdrop, .popover .background.magnifier button:insensitive:backdrop, .app-notification .button:insensitive, .app-notification button:insensitive, .popover .background.touch-selection button:insensitive, .popover .background.magnifier button:insensitive, .osd .button:insensitive:backdrop, .osd .button:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .app-notification .button:backdrop, .app-notification button:backdrop, .popover .background.touch-selection button:backdrop, .popover .background.magnifier button:backdrop, .osd .button:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -605,12 +605,12 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .flat.button:insensitive, .app-notification button.flat:insensitive, .popover .background.touch-selection button.flat:insensitive, .popover .background.magnifier button.flat:insensitive, .osd .button.flat:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -636,7 +636,7 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -769,14 +769,14 @@ row:selected color: #b7cdd7; } .osd .button.suggested-action { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.suggested-action:hover { color: white; @@ -786,7 +786,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.suggested-action:active:backdrop, .osd .button.suggested-action:active, .osd @@ -799,20 +799,20 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.suggested-action:insensitive:backdrop, .osd .button.suggested-action:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .button.suggested-action:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0.5)); background-clip: padding-box; @@ -951,14 +951,14 @@ row:selected color: #fbb5b1; } .osd .button.destructive-action { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.destructive-action:hover { color: white; @@ -968,7 +968,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.destructive-action:active:backdrop, .osd .button.destructive-action:active, .osd @@ -981,20 +981,20 @@ row:selected box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .button.destructive-action:insensitive:backdrop, .osd .button.destructive-action:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .button.destructive-action:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); background-clip: padding-box; @@ -3638,12 +3638,12 @@ GtkLevelBar .trough, border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); box-shadow: none; - outline-color: rgba(161, 168, 171, 0.2); } + outline-color: rgba(228, 230, 231, 0.2); } .osd GtkLevelBar .trough:insensitive, GtkLevelBar .osd .trough:insensitive, .osd .level-bar .trough:insensitive, .level-bar .osd .trough:insensitive, .osd GtkProgressBar:insensitive, .osd .progressbar:insensitive, .osd .scale .trough:insensitive, .scale .osd .trough:insensitive, .osd .scale fill:insensitive, .scale .osd fill:insensitive { - background-color: rgba(45, 50, 51, 0.5); } + background-color: rgba(52, 56, 57, 0.5); } GtkProgressBar .progressbar, .progressbar .progressbar, .scale .highlight, .scale.fine-tune .highlight { @@ -3722,14 +3722,14 @@ GtkProgressBar .progressbar, row:selected .scale .slider, row:selected .scale .slider:insensitive { border-color: #275f79; } .osd .scale .slider { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #202526; } .osd .scale .slider:hover { @@ -3740,7 +3740,7 @@ GtkProgressBar .progressbar, box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .scale .slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -3749,17 +3749,17 @@ GtkProgressBar .progressbar, box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .scale .slider:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .scale .slider:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -3797,7 +3797,7 @@ GtkProgressBar .progressbar, border-color: transparent; background-color: transparent; } .osd .scale fill { - background-color: rgba(62, 64, 65, 0.775); } + background-color: rgba(87, 88, 88, 0.775); } .osd .scale fill:insensitive, .osd .scale fill:insensitive:backdrop { border-color: transparent; background-color: transparent; } @@ -4085,7 +4085,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; @@ -4099,9 +4099,9 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(161, 168, 171, 0.1); + background-color: rgba(228, 230, 231, 0.1); box-shadow: none; } .osd .spinbutton:not(.vertical) .button:backdrop { border-color: transparent; @@ -4110,7 +4110,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .osd .spinbutton:not(.vertical) .button:insensitive { @@ -4120,7 +4120,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .osd .spinbutton:not(.vertical) .button:last-child { @@ -4154,14 +4154,14 @@ OsScrollbar { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } .osd .spinbutton.vertical button:first-child { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -4170,7 +4170,7 @@ OsScrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -4179,17 +4179,17 @@ OsScrollbar { box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd .spinbutton.vertical button:first-child:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd .spinbutton.vertical button:first-child:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -4868,8 +4868,6 @@ treeview.view header button:active { border-radius: 0; } .popup .window-frame { box-shadow: none; } - .ssd .window-frame { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } .csd.popup .window-frame { border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } @@ -6001,14 +5999,14 @@ ConversationListView { border-width: 0 1px 1px 1px; } #buttonbox_frame button { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -6017,7 +6015,7 @@ ConversationListView { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -6026,11 +6024,11 @@ ConversationListView { box-shadow: none; text-shadow: none; icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:insensitive { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; diff --git a/Paper/gtk-3.18/widgets/_windows.scss b/Paper/gtk-3.18/widgets/_windows.scss index e1e22e2..345d0b6 100644 --- a/Paper/gtk-3.18/widgets/_windows.scss +++ b/Paper/gtk-3.18/widgets/_windows.scss @@ -23,9 +23,6 @@ .popup & { box-shadow: none; } - // server-side decorations as used by mutter - .ssd & { box-shadow: 0 0 0 1px transparentize(black,0.5);} - .csd.popup & { border-radius: 0; box-shadow: 0 1px 2px transparentize(black, 0.8); diff --git a/Paper/gtk-3.20/_colors.scss b/Paper/gtk-3.20/_colors.scss index 4e43710..9385672 100644 --- a/Paper/gtk-3.20/_colors.scss +++ b/Paper/gtk-3.20/_colors.scss @@ -4,7 +4,7 @@ // Main definitions $base_color: if($variant == 'light', #ffffff, #636E73); $bg_color: if($variant == 'light', #f7f7f7, #4F585C); -$fg_color: if($variant == 'light', #444, #A1A8AB); +$fg_color: if($variant == 'light', #444, #e4e6e7); $text_color: if($variant == 'light', $fg_color, $fg_color); $headerbar_bg_color: if($variant == 'light', #636E73, #3B4245); $headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.2)); @@ -42,7 +42,7 @@ $success_color: if($variant == 'light', $green, darken($green,10%)); $destructive_color: if($variant == 'light', $red, darken($red,10%)); $suggested_color: if($variant == 'light', $selected_bg_color, darken($selected_bg_color,10%)); -$osd_fg_color: #A1A8AB; +$osd_fg_color: #e4e6e7; $osd_text_color: white; $osd_bg_color: transparentize(#202526, 0.2); $osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); diff --git a/Paper/gtk-3.20/apps/_gnome.scss b/Paper/gtk-3.20/apps/_gnome.scss index dbff7fc..33f0f4a 100644 --- a/Paper/gtk-3.20/apps/_gnome.scss +++ b/Paper/gtk-3.20/apps/_gnome.scss @@ -55,14 +55,6 @@ CheeseThumbView /* Cheese */ ************/ $gnome_terminal: #636E73; -$terminal_bg_color: transparentize(#002B36, 0.1); -$terminal_fg_color: #839495; - -TerminalScreen, -VteTerminal { - background-color: $terminal_bg_color; - color: $terminal_fg_color; -} TerminalWindow { .titlebar, diff --git a/Paper/gtk-3.20/gtk-dark.css b/Paper/gtk-3.20/gtk-dark.css index 38642e5..298936b 100644 --- a/Paper/gtk-3.20/gtk-dark.css +++ b/Paper/gtk-3.20/gtk-dark.css @@ -19,9 +19,9 @@ ---------------- use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #A1A8AB; +@define-color theme_fg_color #e4e6e7; /* text color for entries, views and content in general */ -@define-color theme_text_color #A1A8AB; +@define-color theme_text_color #e4e6e7; /* widget base background color */ @define-color theme_bg_color #4F585C; /* text widgets and the like base background color */ @@ -33,13 +33,13 @@ /* base background color of insensitive widgets */ @define-color insensitive_bg_color #576165; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #788084; +@define-color insensitive_fg_color #9a9fa2; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #636E73; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #788084; +@define-color theme_unfocused_fg_color #9a9fa2; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #A1A8AB; +@define-color theme_unfocused_text_color #e4e6e7; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #4F585C; /* text widgets and the like base background color on backdrop windows */ @@ -58,8 +58,8 @@ @define-color success_color #167848; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(#A1A8AB, 1.8); -@define-color wm_unfocused_title #788084; +@define-color wm_title shade(#e4e6e7, 1.8); +@define-color wm_unfocused_title #9a9fa2; @define-color wm_highlight transparent; @define-color wm_borders_edge rgba(255, 255, 255, 0.1); @define-color wm_bg_a shade(#4F585C, 1.2); @@ -100,7 +100,7 @@ read if you used those and something break with a version upgrade you're on your background-color: #373e41; border: solid #33393b; border-width: 1px 0 0 0; - color: #A1A8AB; + color: #e4e6e7; box-shadow: none; } .action-bar:backdrop { background-color: #373e41; @@ -134,10 +134,10 @@ read if you used those and something break with a version upgrade you're on your * Base States * ***************/ .background { - color: #A1A8AB; + color: #e4e6e7; background-color: #4F585C; } .background:backdrop { - color: #788084; + color: #9a9fa2; background-color: #4F585C; text-shadow: none; -gtk-icon-shadow: none; } @@ -152,16 +152,16 @@ read if you used those and something break with a version upgrade you're on your -gtk-icon-effect: dim; } .gtkstyle-fallback { - color: #A1A8AB; + color: #e4e6e7; background-color: #4F585C; } .gtkstyle-fallback:hover { - color: #A1A8AB; + color: #e4e6e7; background-color: #677277; } .gtkstyle-fallback:active { - color: #A1A8AB; + color: #e4e6e7; background-color: #373e41; } .gtkstyle-fallback:disabled { - color: #788084; + color: #9a9fa2; background-color: #576165; } .gtkstyle-fallback:selected { color: #ffffff; @@ -171,13 +171,13 @@ read if you used those and something break with a version upgrade you're on your iconview, GtkTextView text, textview text { - color: #A1A8AB; + color: #e4e6e7; background-color: #636E73; } .view:backdrop, GtkIconView:backdrop, iconview:backdrop, GtkTextView text:backdrop, textview text:backdrop { - color: #959da0; + color: #cbcfd0; background-color: #657176; } .view:selected:focus, GtkIconView:selected:focus, iconview:selected:focus, .view:selected, GtkIconView:selected, @@ -242,23 +242,23 @@ flowbox flowboxchild { GtkLabel.separator, label.separator { - color: #A1A8AB; } + color: #e4e6e7; } GtkLabel.separator:backdrop, label.separator:backdrop { - color: #788084; } + color: #9a9fa2; } GtkLabel selection, label selection { background-color: #667f8c; color: #ffffff; } GtkLabel:disabled, label:disabled { - color: #788084; } + color: #9a9fa2; } GtkLabel:disabled:backdrop, label:disabled:backdrop { color: #727f85; } GtkLabel:backdrop, label:backdrop { - color: #788084; } + color: #9a9fa2; } .dim-label, GtkLabel.separator, label.separator, .titlebar:not(headerbar) .subtitle, @@ -269,11 +269,11 @@ headerbar .subtitle { .app-notification, .app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd { - color: #A1A8AB; + color: #e4e6e7; border: none; background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, @@ -281,6 +281,103 @@ headerbar .subtitle { text-shadow: none; -gtk-icon-shadow: none; } +.view:selected:focus, GtkIconView:selected:focus, +iconview:selected:focus, .view:selected, GtkIconView:selected, +iconview:selected, +GtkTextView text:selected:focus, +textview text:selected:focus, +GtkTextView text:selected, +textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, +textview text selection:focus, +textview text selection, GtkFlow flowboxchild:selected, +flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, +popover.background radiobutton:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), +entry:selected:focus, +entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: #667f8c; } + .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .list-row:selected + label, row:selected + label, + label:selected, .view:selected:focus, GtkIconView:selected:focus, + iconview:selected:focus, .view:selected, GtkIconView:selected, + iconview:selected, + GtkTextView text:selected:focus, + textview text:selected:focus, + GtkTextView text:selected, + textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, + textview text selection:focus, + textview text selection, GtkFlow flowboxchild:selected, + flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, + popover.background radiobutton:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), + entry:selected:focus, + entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + entry selection:focus, + entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #ffffff; } + .list-row:selected GtkLabel:disabled, row:selected GtkLabel:disabled, GtkLabel:disabled:selected, .list-row:selected + label:disabled, row:selected + label:disabled, + label:disabled:selected, GtkIconView:disabled:selected:focus, + iconview:disabled:selected:focus, .view:disabled:selected, GtkIconView:disabled:selected, + iconview:disabled:selected, + GtkTextView text:disabled:selected:focus, + textview text:disabled:selected:focus, + GtkTextView text:disabled:selected, + textview text:disabled:selected, GtkTextView text selection:disabled, + textview text selection:disabled, GtkFlow flowboxchild:disabled:selected, + flowbox flowboxchild:disabled:selected, GtkLabel:disabled selection, + label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, + popover.background radiobutton:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:disabled:selected:not(.vertical), + entry:disabled:selected, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected { + color: #b3bfc6; } + .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, .list-row:selected + label:backdrop, row:selected + label:backdrop, + label:backdrop:selected, GtkIconView:backdrop:selected:focus, + iconview:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, + iconview:backdrop:selected, + GtkTextView text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + GtkTextView text:backdrop:selected, + textview text:backdrop:selected, GtkTextView text selection:backdrop, + textview text selection:backdrop, GtkFlow flowboxchild:backdrop:selected, + flowbox flowboxchild:backdrop:selected, GtkLabel:backdrop selection, + label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, + popover.background radiobutton:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:backdrop:selected:not(.vertical), + entry:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(255, 255, 255, 0.5); } + .list-row:selected GtkLabel:backdrop:disabled, row:selected GtkLabel:backdrop:disabled, GtkLabel:backdrop:disabled:selected, .list-row:selected + label:backdrop:disabled, row:selected + label:backdrop:disabled, + label:backdrop:disabled:selected, .view:backdrop:disabled:selected, GtkIconView:backdrop:disabled:selected, + iconview:backdrop:disabled:selected, + GtkTextView text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, GtkTextView text selection:backdrop:disabled, + textview text selection:backdrop:disabled, GtkFlow flowboxchild:backdrop:disabled:selected, + flowbox flowboxchild:backdrop:disabled:selected, GtkLabel:disabled selection:backdrop, + label:disabled selection:backdrop, GtkLabel:backdrop selection:disabled, + label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, + popover.background radiobutton:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:backdrop:disabled:selected:not(.vertical), + entry:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(121, 143, 154, 0.85); } + +.monospace { + font: Monospace; } + /*********** * Buttons * ***********/ @@ -297,8 +394,8 @@ button { border: 1px solid #33393b; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); + color: #e4e6e7; + outline-color: rgba(228, 230, 231, 0.3); border-color: #33393b; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.73176); @@ -323,8 +420,8 @@ button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); + color: #e4e6e7; + outline-color: rgba(228, 230, 231, 0.3); border-color: #33393b; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.68376); @@ -334,8 +431,8 @@ button { notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); + color: #e4e6e7; + outline-color: rgba(228, 230, 231, 0.3); border-color: #33393b; background-image: linear-gradient(to bottom, #3f4649, #4a5357); text-shadow: 0 1px rgba(0, 0, 0, 0.81176); @@ -358,13 +455,13 @@ button { button:backdrop.flat, button:backdrop GtkLabel, button:backdrop { - color: #788084; } + color: #9a9fa2; } button.sidebar-button:backdrop label, notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { - color: #788084; } + color: #9a9fa2; } button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, @@ -382,7 +479,7 @@ button { button:backdrop:active, button:backdrop:checked GtkLabel, button:backdrop:checked { - color: #788084; } + color: #9a9fa2; } button.sidebar-button:backdrop:active label, notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active label, button:backdrop.flat:active, @@ -392,7 +489,7 @@ button { button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { - color: #788084; } + color: #9a9fa2; } button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { @@ -450,11 +547,11 @@ button { notebook > header > tabs > arrow:disabled GtkLabel, notebook > header > tabs > arrow:disabled, button:disabled GtkLabel, button:disabled { - color: #788084; } + color: #9a9fa2; } notebook > header > tabs > arrow:disabled label, notebook > header > tabs > arrow:disabled, button:disabled label, button:disabled { - color: #788084; } + color: #9a9fa2; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { @@ -468,13 +565,13 @@ button { button:disabled:active, button:disabled:checked GtkLabel, button:disabled:checked { - color: #788084; } + color: #9a9fa2; } notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: #788084; } + color: #9a9fa2; } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; @@ -505,21 +602,21 @@ button.flat:not(:active):not(:checked):not(:hover):not(disabled) { border-color: transparent; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #788084; } + color: #9a9fa2; } button.osd { min-width: 24px; min-height: 32px; - color: #A1A8AB; + color: #e4e6e7; border-radius: 5px; - outline-color: rgba(161, 168, 171, 0.3); - color: #A1A8AB; + outline-color: rgba(228, 230, 231, 0.3); + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } button.osd.image-button { @@ -532,7 +629,7 @@ button.osd { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } button.osd:active, @@ -544,21 +641,21 @@ button.osd { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } button.osd:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -570,14 +667,14 @@ button.osd { .app-notification.frame .button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:hover, .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; @@ -587,7 +684,7 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd @@ -600,20 +697,20 @@ button { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification .button:disabled, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification .button:backdrop, .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -640,12 +737,12 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .flat.button:disabled, .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -671,7 +768,7 @@ button { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -799,10 +896,10 @@ button.suggested-action { -gtk-icon-shadow: none; } button.suggested-action:disabled GtkLabel, button.suggested-action:disabled { - color: #788084; } + color: #9a9fa2; } button.suggested-action:disabled label, button.suggested-action:disabled { - color: #788084; } + color: #9a9fa2; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-color: #303c42; @@ -822,14 +919,14 @@ button.suggested-action { color: #bdc5c9; } .osd button.suggested-action { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd button.suggested-action:hover { color: white; @@ -839,7 +936,7 @@ button.suggested-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd @@ -852,20 +949,20 @@ button.suggested-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.suggested-action:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.5)); background-clip: padding-box; @@ -999,10 +1096,10 @@ button.destructive-action { -gtk-icon-shadow: none; } button.destructive-action:disabled GtkLabel, button.destructive-action:disabled { - color: #788084; } + color: #9a9fa2; } button.destructive-action:disabled label, button.destructive-action:disabled { - color: #788084; } + color: #9a9fa2; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-color: #6f0e07; @@ -1022,14 +1119,14 @@ button.destructive-action { color: #e5a8a3; } .osd button.destructive-action { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd button.destructive-action:hover { color: white; @@ -1039,7 +1136,7 @@ button.destructive-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd @@ -1052,20 +1149,20 @@ button.destructive-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.destructive-action:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); background-clip: padding-box; @@ -1138,8 +1235,8 @@ stacksidebar row.needs-attention > label { background-position: left 3px, left 2px; } .inline-toolbar toolbutton > button { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); + color: #e4e6e7; + outline-color: rgba(228, 230, 231, 0.3); border-color: #33393b; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.73176); @@ -1147,16 +1244,16 @@ stacksidebar row.needs-attention > label { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:hover { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); + color: #e4e6e7; + outline-color: rgba(228, 230, 231, 0.3); border-color: #33393b; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.68376); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); + color: #e4e6e7; + outline-color: rgba(228, 230, 231, 0.3); border-color: #33393b; background-image: linear-gradient(to bottom, #3f4649, #4a5357); text-shadow: 0 1px rgba(0, 0, 0, 0.81176); @@ -1171,9 +1268,9 @@ stacksidebar row.needs-attention > label { box-shadow: none; -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:disabled GtkLabel, .inline-toolbar toolbutton > button:disabled { - color: #788084; } + color: #9a9fa2; } .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: #788084; } + color: #9a9fa2; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-color: #33393b; background-image: none; @@ -1181,9 +1278,9 @@ stacksidebar row.needs-attention > label { text-shadow: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:disabled:active GtkLabel, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked GtkLabel, .inline-toolbar toolbutton > button:disabled:checked { - color: #788084; } + color: #9a9fa2; } .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: #788084; } + color: #9a9fa2; } .inline-toolbar toolbutton > button:backdrop { border-color: #363c3e; background-image: linear-gradient(to bottom, #4F585C); @@ -1191,17 +1288,17 @@ stacksidebar row.needs-attention > label { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { - color: #788084; } + color: #9a9fa2; } .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { - color: #788084; } + color: #9a9fa2; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { border-color: #363c3e; background-image: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { - color: #788084; } + color: #9a9fa2; } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { - color: #788084; } + color: #9a9fa2; } .inline-toolbar toolbutton > button:backdrop:disabled { border-color: #363c3e; background-image: none; @@ -1354,7 +1451,7 @@ button.color { * Calendar * ***********/ calendar { - color: #A1A8AB; + color: #e4e6e7; border: 1px solid #33393b; } calendar:selected { border-radius: 3px; } @@ -1364,20 +1461,20 @@ calendar { calendar.header:backdrop { border-color: rgba(0, 0, 0, 0.1); } calendar.button { - color: rgba(161, 168, 171, 0.45); } + color: rgba(228, 230, 231, 0.45); } calendar.button:hover { - color: #A1A8AB; } + color: #e4e6e7; } calendar.button:backdrop { - color: rgba(120, 128, 132, 0.45); } + color: rgba(154, 159, 162, 0.45); } calendar.button:disabled { - color: rgba(120, 128, 132, 0.45); } + color: rgba(154, 159, 162, 0.45); } calendar:indeterminate, calendar:indeterminate:backdrop { color: alpha(currentColor,0.55); } calendar.highlight, calendar.highlight:backdrop { font-size: smaller; - color: #A1A8AB; } + color: #e4e6e7; } calendar:backdrop { - color: #959da0; + color: #cbcfd0; border-color: #363c3e; } /************************* @@ -1529,147 +1626,147 @@ radio:indeterminate:disabled:backdrop { check:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } check:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } check:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } check:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:insensitive:selected { +check:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:insensitive:selected { +radio:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:insensitive:backdrop:selected { +check:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:insensitive:backdrop:selected { +radio:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } check:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } check:checked:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:checked:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } check:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } check:checked:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:checked:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:checked:insensitive:selected { +check:checked:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:checked:insensitive:selected { +radio:checked:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:checked:insensitive:backdrop:selected { +check:checked:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:checked:insensitive:backdrop:selected { +radio:checked:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:inconsistent:selected { +check:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:inconsistent:selected { +radio:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:inconsistent:hover:selected { +check:indeterminate:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:inconsistent:hover:selected { +radio:indeterminate:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:inconsistent:active:selected { +check:indeterminate:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:inconsistent:active:selected { +radio:indeterminate:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:inconsistent:backdrop:selected { +check:indeterminate:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:inconsistent:backdrop:selected { +radio:indeterminate:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:inconsistent:insensitive:selected { +check:indeterminate:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:inconsistent:insensitive:selected { +radio:indeterminate:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:inconsistent:insensitive:backdrop:selected { +check:indeterminate:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:inconsistent:insensitive:backdrop:selected { +radio:indeterminate:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } .view.content-view check, GtkIconView.content-view check, iconview.content-view check, @@ -1897,17 +1994,17 @@ menu menuitem radio:indeterminate:checked { treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { - color: #A1A8AB; } + color: #e4e6e7; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { - color: #788084; } + color: #9a9fa2; } treeview.view check:selected:disabled:backdrop, treeview.view radio:selected:disabled:backdrop { color: #727f85; } treeview.view check:backdrop:selected, treeview.view check:backdrop, treeview.view radio:backdrop:selected, treeview.view radio:backdrop { - color: #788084; } + color: #9a9fa2; } /***************** * Color Chooser * @@ -1945,11 +2042,11 @@ colorswatch.dark overlay { colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } colorswatch.light overlay { - color: #A1A8AB; } + color: #e4e6e7; } colorswatch.light overlay:hover { border-color: #33393b; } colorswatch.light overlay:backdrop { - color: #959da0; } + color: #cbcfd0; } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { @@ -1971,8 +2068,8 @@ colorswatch#add-color-button { colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); + color: #e4e6e7; + outline-color: rgba(228, 230, 231, 0.3); border-color: #33393b; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.73176); @@ -1980,8 +2077,8 @@ colorswatch#add-color-button { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } colorswatch#add-color-button overlay:hover { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); + color: #e4e6e7; + outline-color: rgba(228, 230, 231, 0.3); border-color: #33393b; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.68376); @@ -1994,9 +2091,9 @@ colorswatch#add-color-button { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } colorswatch#add-color-button overlay:backdrop GtkLabel, colorswatch#add-color-button overlay:backdrop { - color: #788084; } + color: #9a9fa2; } colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { - color: #788084; } + color: #9a9fa2; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { @@ -2100,7 +2197,7 @@ entry { border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #A1A8AB; + color: #e4e6e7; border-color: #33393b; background-color: #636E73; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } @@ -2148,13 +2245,13 @@ entry { border-color: #262f33; } spinbutton:disabled:not(.vertical), entry:disabled { - color: #788084; + color: #9a9fa2; border-color: #33393b; background-image: linear-gradient(to bottom, #576165); box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { - color: #959da0; + color: #cbcfd0; border-color: #363c3e; background-image: linear-gradient(to bottom, #657176); box-shadow: none; @@ -2191,16 +2288,16 @@ entry { background-color: #feea3a; } spinbutton:not(.vertical) image, entry image { - color: #959ca0; } + color: #caced0; } spinbutton:not(.vertical) image:hover, entry image:hover { - color: #A1A8AB; } + color: #e4e6e7; } spinbutton:not(.vertical) image:active, entry image:active { color: #667f8c; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { - color: #747d81; } + color: #8f9699; } spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { @@ -2235,9 +2332,9 @@ entry { -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2354,7 +2451,7 @@ expander arrow { expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander arrow:hover { - color: #f2f3f3; } + color: white; } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -2371,9 +2468,9 @@ placessidebar row { placessidebar row:selected { color: #ffffff; } placessidebar row:disabled { - color: #788084; } + color: #9a9fa2; } placessidebar row:backdrop { - color: #788084; } + color: #9a9fa2; } placessidebar row:backdrop:selected { color: rgba(255, 255, 255, 0.5); } placessidebar row:backdrop:disabled { @@ -2476,7 +2573,7 @@ actionbar > revealer > box { scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(228, 230, 231, 0.07)), to(rgba(228, 230, 231, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; @@ -2492,7 +2589,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(228, 230, 231, 0.07)), to(rgba(228, 230, 231, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; @@ -2508,7 +2605,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(228, 230, 231, 0.07)), to(rgba(228, 230, 231, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; @@ -2524,7 +2621,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(228, 230, 231, 0.07)), to(rgba(228, 230, 231, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; @@ -2606,7 +2703,7 @@ GraniteWidgetsPopOver { -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid #636E73; background: #636E73; - color: #A1A8AB; } + color: #e4e6e7; } GraniteWidgetsPopOver .button { background-image: none; background: none; @@ -2627,7 +2724,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #636E73; background-image: none; border: 1px solid #636E73; - color: #A1A8AB; } + color: #e4e6e7; } /*********** * Welcome * @@ -2635,9 +2732,9 @@ GraniteWidgetsStaticNotebook .frame { GraniteWidgetsWelcome { background-color: #636E73; } GraniteWidgetsWelcome GtkLabel { - color: #A1A8AB; } + color: #e4e6e7; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { - color: rgba(161, 168, 171, 0.8); } + color: rgba(228, 230, 231, 0.8); } /************** * Source List * @@ -2647,7 +2744,7 @@ GraniteWidgetsWelcome { -GtkTreeView-vertical-separator: 6px; background-color: #4F585C; border: solid #33393b; - color: #A1A8AB; + color: #e4e6e7; border-right-width: 1px; } .source-list .category-expander { color: transparent; } @@ -2690,7 +2787,7 @@ GraniteWidgetsWelcome { .category-label { font-size: 12px; padding: 6px; - color: rgba(161, 168, 171, 0.3); + color: rgba(228, 230, 231, 0.3); font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.2); } @@ -2737,7 +2834,6 @@ GraniteWidgetsWelcome { ***************/ .titlebar:not(headerbar), headerbar { - min-height: 40px; padding: 0 8px; border: none; border-radius: 4px 4px 0 0; @@ -2806,102 +2902,69 @@ headerbar { .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { padding: 6px; - min-height: 28px; background-color: #3B4245; color: rgba(255, 255, 255, 0.8); } .default-decoration.titlebar:not(headerbar) .maximized, headerbar.default-decoration .maximized { - padding: 6px; } + padding: 6px; + border-radius: 0; } .default-decoration.titlebar:backdrop:not(headerbar), headerbar.default-decoration:backdrop { background-color: #2f3537; color: rgba(255, 255, 255, 0.3); } - .default-decoration.titlebar:not(headerbar) .button.titlebutton, - .default-decoration.titlebar:not(headerbar) button.titlebutton, - headerbar.default-decoration .button.titlebutton, - headerbar.default-decoration button.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius: 50%; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:hover, - .default-decoration.titlebar:not(headerbar) button.titlebutton:hover, - headerbar.default-decoration .button.titlebutton:hover, - headerbar.default-decoration button.titlebutton:hover { - background-color: transparent; - color: rgba(255, 255, 255, 0.8); } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:backdrop, - .default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop, - headerbar.default-decoration .button.titlebutton:backdrop, - headerbar.default-decoration button.titlebutton:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:active, - .default-decoration.titlebar:not(headerbar) button.titlebutton:active, - headerbar.default-decoration .button.titlebutton:active, - headerbar.default-decoration button.titlebutton:active { - background-color: rgba(255, 255, 255, 0.8); - color: #3B4245; - border-radius: 50%; - box-shadow: none; } .titlebar:not(headerbar) entry, headerbar entry { margin: 6px 0; - min-height: 16px; border-radius: 2px; padding: 4px; border: none; box-shadow: none; background: rgba(99, 110, 115, 0.95); - color: #A1A8AB; + color: #e4e6e7; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } .titlebar:not(headerbar) entry > image, headerbar entry > image { padding-right: 6px; - color: rgba(161, 168, 171, 0.8); } + color: rgba(228, 230, 231, 0.8); } .titlebar:not(headerbar) entry:active, .titlebar:not(headerbar) entry:focus, headerbar entry:active, headerbar entry:focus { background: #636E73; - color: #A1A8AB; + color: #e4e6e7; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .titlebar:not(headerbar) entry:active > image, .titlebar:not(headerbar) entry:focus > image, headerbar entry:active > image, headerbar entry:focus > image { padding-right: 6px; - color: #A1A8AB; } + color: #e4e6e7; } .titlebar:not(headerbar) entry:active:backdrop, .titlebar:not(headerbar) entry:focus:backdrop, headerbar entry:active:backdrop, headerbar entry:focus:backdrop { background: rgba(99, 110, 115, 0.8); - color: rgba(161, 168, 171, 0.5); + color: rgba(228, 230, 231, 0.5); box-shadow: none; } .titlebar:not(headerbar) entry:disabled, headerbar entry:disabled { background: rgba(99, 110, 115, 0.6); - color: rgba(161, 168, 171, 0.5); + color: rgba(228, 230, 231, 0.5); box-shadow: none; } .titlebar:not(headerbar) entry:disabled > image, headerbar entry:disabled > image { padding-right: 6px; - color: rgba(161, 168, 171, 0.5); } + color: rgba(228, 230, 231, 0.5); } .titlebar:not(headerbar) entry:disabled:backdrop, headerbar entry:disabled:backdrop { background: rgba(99, 110, 115, 0.5); - color: rgba(161, 168, 171, 0.5); + color: rgba(228, 230, 231, 0.5); box-shadow: none; } .titlebar:not(headerbar) entry:backdrop, headerbar entry:backdrop { background: rgba(99, 110, 115, 0.8); - color: rgba(161, 168, 171, 0.5); + color: rgba(228, 230, 231, 0.5); box-shadow: none; } .titlebar:not(headerbar) entry:backdrop > image, headerbar entry:backdrop > image { - color: rgba(161, 168, 171, 0.5); } + color: rgba(228, 230, 231, 0.5); } .titlebar:not(headerbar) button, headerbar button { background-color: transparent; @@ -2909,34 +2972,69 @@ headerbar { border-radius: 0px; border: none; box-shadow: none; - text-shadow: none; -gtk-icon-shadow: none; - padding: 10px; margin: 0; - color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) button.text-button, .titlebar:not(headerbar) button.image-button, .titlebar:not(headerbar) button.flat, + padding: 10px; + text-shadow: none; } + .titlebar:not(headerbar) button.back-button, .titlebar:not(headerbar) button.suggested-action, .titlebar:not(headerbar) button.menu-button, .titlebar:not(headerbar) button.text-button, .titlebar:not(headerbar) button.image-button, .titlebar:not(headerbar) button.linked, .titlebar:not(headerbar) button.flat, + headerbar button.back-button, + headerbar button.suggested-action, + headerbar button.menu-button, headerbar button.text-button, headerbar button.image-button, + headerbar button.linked, headerbar button.flat { - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; background-color: transparent; background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) button.text-button:backdrop, .titlebar:not(headerbar) button.image-button:backdrop, .titlebar:not(headerbar) button.flat:backdrop, + .titlebar:not(headerbar) button.back-button:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop, .titlebar:not(headerbar) button.menu-button:backdrop, .titlebar:not(headerbar) button.text-button:backdrop, .titlebar:not(headerbar) button.image-button:backdrop, .titlebar:not(headerbar) button.linked:backdrop, .titlebar:not(headerbar) button.flat:backdrop, + headerbar button.back-button:backdrop, + headerbar button.suggested-action:backdrop, + headerbar button.menu-button:backdrop, headerbar button.text-button:backdrop, headerbar button.image-button:backdrop, + headerbar button.linked:backdrop, headerbar button.flat:backdrop { background-color: transparent; background-image: none; text-shadow: none; color: rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) button.linked, - headerbar button.linked { - border-radius: 0px; - margin: 0; } - .titlebar:not(headerbar) button:hover, + .titlebar:not(headerbar) button.back-button:hover, .titlebar:not(headerbar) button.suggested-action:hover, .titlebar:not(headerbar) button.menu-button:hover, .titlebar:not(headerbar) button.text-button:hover, .titlebar:not(headerbar) button.image-button:hover, .titlebar:not(headerbar) button.linked:hover, .titlebar:not(headerbar) button.flat:hover, + headerbar button.back-button:hover, + headerbar button.suggested-action:hover, + headerbar button.menu-button:hover, + headerbar button.text-button:hover, + headerbar button.image-button:hover, + headerbar button.linked:hover, + headerbar button.flat:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.8); + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) button label, + .titlebar:not(headerbar) button image, + headerbar button label, + headerbar button image { + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) button label:backdrop, .titlebar:not(headerbar) button label:disabled, + .titlebar:not(headerbar) button image:backdrop, + .titlebar:not(headerbar) button image:disabled, + headerbar button label:backdrop, + headerbar button label:disabled, + headerbar button image:backdrop, + headerbar button image:disabled { + color: rgba(255, 255, 255, 0.3); + -gtk-icon-effect: dim; } + .titlebar:not(headerbar) button:focus, .titlebar:not(headerbar) button:hover, + headerbar button:focus, headerbar button:hover { background-image: none; background-color: rgba(0, 0, 0, 0.15); @@ -2948,10 +3046,12 @@ headerbar { background-color: transparent; background-image: none; color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) button:backdrop image, + headerbar button:backdrop image { + color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, headerbar button:active, headerbar button:checked { - font: bold; border-radius: 0px; text-shadow: none; -gtk-icon-shadow: none; @@ -2966,32 +3066,40 @@ headerbar { background-image: none; color: rgba(255, 255, 255, 0.3); box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) button:disabled, - headerbar button:disabled { + .titlebar:not(headerbar) button:active:focus, .titlebar:not(headerbar) button:active:hover, .titlebar:not(headerbar) button:checked:focus, .titlebar:not(headerbar) button:checked:hover, + headerbar button:active:focus, + headerbar button:active:hover, + headerbar button:checked:focus, + headerbar button:checked:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.8); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button:disabled:backdrop, + headerbar button:disabled, + headerbar button:disabled:backdrop { color: rgba(255, 255, 255, 0.3); background-color: transparent; background-image: none; } - .titlebar:not(headerbar) button:disabled:backdrop, - headerbar button:disabled:backdrop { - color: rgba(255, 255, 255, 0.3); - background-color: transparent; - background-image: none; } - .titlebar:not(headerbar) button:disabled:backdrop image, - headerbar button:disabled:backdrop image { - -gtk-icon-effect: dim; } + .titlebar:not(headerbar) button:disabled image, .titlebar:not(headerbar) button:disabled:backdrop image, + headerbar button:disabled image, + headerbar button:disabled:backdrop image { + -gtk-icon-effect: dim; } .titlebar:not(headerbar) button.titlebutton, headerbar button.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius: 50%; background-color: transparent; + background-image: none; + border-radius: 50%; + border: none; box-shadow: none; + -gtk-icon-shadow: none; + margin: 0; + padding: 1px; text-shadow: none; - -gtk-icon-shadow: none; } + color: rgba(255, 255, 255, 0.8); } .titlebar:not(headerbar) button.titlebutton:hover, headerbar button.titlebutton:hover { - background-color: transparent; + background-color: rgba(255, 255, 255, 0); color: rgba(255, 255, 255, 0.8); } .titlebar:not(headerbar) button.titlebutton:backdrop, headerbar button.titlebutton:backdrop { @@ -3003,30 +3111,72 @@ headerbar { color: #3B4245; border-radius: 50%; box-shadow: none; } - .titlebar:not(headerbar) button.menu-button, .titlebar:not(headerbar) button.title-menu-button, - headerbar button.menu-button, - headerbar button.title-menu-button { - padding: 1px; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .titlebar:not(headerbar) button.menu-button:hover, .titlebar:not(headerbar) button.title-menu-button:hover, - headerbar button.menu-button:hover, - headerbar button.title-menu-button:hover { + .titlebar:not(headerbar) button.titlebutton:active image, + headerbar button.titlebutton:active image { + color: #3B4245; } + .titlebar:not(headerbar) button.menu-button .menu .menuitem label, + headerbar button.menu-button .menu .menuitem label { + color: #e4e6e7; } + .titlebar:not(headerbar) button.menu-button .menu .menuitem label:disabled, + headerbar button.menu-button .menu .menuitem label:disabled { + color: #9a9fa2; } + .titlebar:not(headerbar) button.menu-button .menu .menuitem .separator, + headerbar button.menu-button .menu .menuitem .separator { + color: #33393b; } + .titlebar:not(headerbar) button.menu-button .menu .menuitem:hover label, + headerbar button.menu-button .menu .menuitem:hover label { + color: #ffffff; } + .titlebar:not(headerbar) button.suggested-action, + headerbar button.suggested-action { + font-weight: bold; + padding: 0; + padding: 5px 10px; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.8); + color: #667f8c; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .titlebar:not(headerbar) button.suggested-action label, + headerbar button.suggested-action label { + color: #667f8c; } + .titlebar:not(headerbar) button.suggested-action:hover, + headerbar button.suggested-action:hover { + background-color: rgba(255, 255, 255, 0.8); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .titlebar:not(headerbar) button.suggested-action:hover label, + headerbar button.suggested-action:hover label { + color: #667f8c; } + .titlebar:not(headerbar) button.suggested-action:hover:backdrop, + headerbar button.suggested-action:hover:backdrop { + background-color: rgba(255, 255, 255, 0.6); + box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action:hover:backdrop label, + headerbar button.suggested-action:hover:backdrop label { + color: rgba(102, 127, 140, 0.8); } + .titlebar:not(headerbar) button.suggested-action:disabled, + headerbar button.suggested-action:disabled { background-color: rgba(0, 0, 0, 0.1); - color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) button.menu-button:backdrop, .titlebar:not(headerbar) button.title-menu-button:backdrop, - headerbar button.menu-button:backdrop, - headerbar button.title-menu-button:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) button.menu-button:active, .titlebar:not(headerbar) button.title-menu-button:active, - headerbar button.menu-button:active, - headerbar button.title-menu-button:active { - background-color: #23282a; - color: rgba(255, 255, 255, 0.8); box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) button.suggested-action:disabled:backdrop, + headerbar button.suggested-action:disabled:backdrop { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action:disabled:backdrop label, + headerbar button.suggested-action:disabled:backdrop label { + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + background-color: rgba(255, 255, 255, 0); + box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action:backdrop label, + headerbar button.suggested-action:backdrop label { + color: rgba(102, 127, 140, 0.2); } + .titlebar:not(headerbar) button.linked:first-child, .titlebar:not(headerbar) button.linked:last-child, + headerbar button.linked:first-child, + headerbar button.linked:last-child { + border-radius: 0; } .titlebar:not(headerbar) .separator, headerbar .separator { color: transparent; @@ -3036,7 +3186,7 @@ headerbar { border-top-left-radius: 4px; border-top-right-radius: 4px; } -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { +.separator:first-child + headerbar, .separator:first-child + headerbar:backdrop, separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { border-top-left-radius: 4px; } headerbar:last-child, headerbar:last-child:backdrop { border-top-right-radius: 4px; } @@ -3057,7 +3207,7 @@ window.csd > .titlebar:not(headerbar) { .info, .warning, .question, .error, infobar { text-shadow: none; - color: #A1A8AB; + color: #e4e6e7; background-color: #4F585C; border-bottom: 1px solid #373e41; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } @@ -3074,31 +3224,31 @@ infobar { border-radius: 2px; border: none; background: rgba(99, 110, 115, 0.95); - color: #A1A8AB; + color: #e4e6e7; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } .info button .label, .warning button .label, .question button .label, .error button .label { - color: #A1A8AB; } + color: #e4e6e7; } .info button:active, .warning button:active, .question button:active, .error button:active { background: #636E73; - color: #A1A8AB; + color: #e4e6e7; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { background: rgba(99, 110, 115, 0.8); - color: rgba(161, 168, 171, 0.5); + color: rgba(228, 230, 231, 0.5); box-shadow: none; } .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { background: rgba(99, 110, 115, 0.6); - color: rgba(161, 168, 171, 0.5); + color: rgba(228, 230, 231, 0.5); box-shadow: none; } .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { background: rgba(99, 110, 115, 0.5); - color: rgba(161, 168, 171, 0.5); + color: rgba(228, 230, 231, 0.5); box-shadow: none; } .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { background: rgba(99, 110, 115, 0.8); - color: rgba(161, 168, 171, 0.5); + color: rgba(228, 230, 231, 0.5); box-shadow: none; } .info { @@ -3196,14 +3346,14 @@ levelbar { levelbar block.empty, levelbar block.level-empty { background-color: transparent; - border: 1px solid rgba(161, 168, 171, 0.1); + border: 1px solid rgba(228, 230, 231, 0.1); box-shadow: none; } levelbar.vertical .empty.fill-block:backdrop, levelbar.vertical block.empty:backdrop, levelbar.vertical .level-empty.fill-block:backdrop, levelbar.vertical block.level-empty:backdrop, levelbar block.empty:backdrop, levelbar block.level-empty:backdrop { - border-color: rgba(120, 128, 132, 0.15); } + border-color: rgba(154, 159, 162, 0.15); } levelbar.vertical { -GtkLevelBar-min-block-width: 8; -GtkLevelBar-min-block-height: 32; } @@ -3267,7 +3417,7 @@ button:visited { * Lists * *********/ list { - color: #A1A8AB; + color: #e4e6e7; background-color: #636E73; border-color: #33393b; } list:backdrop { @@ -3284,7 +3434,7 @@ row { row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(161, 168, 171, 0.05); } + background-color: rgba(228, 230, 231, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { @@ -3292,7 +3442,7 @@ row { row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { - background-color: #6c838f; } + background-color: #738995; } row.activatable:selected:backdrop { background-color: #667f8c; } @@ -3314,7 +3464,7 @@ menubar { box-shadow: inset 0 -3px #667f8c; color: rgba(255, 255, 255, 0.8); } menubar > menuitem:disabled { - color: #788084; + color: #9a9fa2; box-shadow: none; } menu { @@ -3336,11 +3486,11 @@ menu { color: #ffffff; background-color: #667f8c; } menu menuitem:disabled { - color: #788084; } + color: #9a9fa2; } menu menuitem:disabled:backdrop { color: #727f85; } menu menuitem:backdrop, menu menuitem:backdrop:hover { - color: #788084; + color: #9a9fa2; background-color: transparent; } menu menuitem arrow { min-height: 16px; @@ -3365,14 +3515,14 @@ menu { border-radius: 0; } menu > arrow.top { margin-top: -6px; - border-bottom: 1px solid #697479; + border-bottom: 1px solid #707a7f; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom { margin-bottom: -6px; - border-top: 1px solid #697479; + border-top: 1px solid #707a7f; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover { - background-color: #697479; } + background-color: #707a7f; } menu > arrow:backdrop { background-color: #616c71; } menu > arrow:disabled { @@ -3407,7 +3557,7 @@ menuitem radio { border-style: none; border-radius: 5px; } .scale-popup button:hover { - background-color: rgba(161, 168, 171, 0.1); + background-color: rgba(228, 230, 231, 0.1); border-radius: 5px; } separator { @@ -3433,7 +3583,7 @@ assistant { padding: 6px 12px; } assistant .sidebar GtkLabel.highlight, assistant .sidebar label.highlight { - background-color: #5f686c; } + background-color: #6d7478; } /************* * Notebooks * @@ -3520,29 +3670,29 @@ notebook > header { min-width: 30px; padding: 3px 12px; outline-offset: -5px; - color: #788084; + color: #9a9fa2; font-weight: bold; border-width: 1px; border-color: transparent; } notebook > header tab:hover { - color: #8d9498; } + color: #bfc3c5; } notebook > header tab:hover.reorderable-page { border-color: rgba(51, 57, 59, 0.3); background-color: rgba(79, 88, 92, 0.2); } notebook > header tab:backdrop { - color: #687074; } + color: #7c8386; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { - color: #A1A8AB; } + color: #e4e6e7; } notebook > header tab:checked.reorderable-page { border-color: rgba(51, 57, 59, 0.5); background-color: rgba(79, 88, 92, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(79, 88, 92, 0.7); } notebook > header tab:backdrop:checked { - color: #788084; } + color: #9a9fa2; } notebook > header tab:backdrop:checked.reorderable-page { border-color: #363c3e; background-color: #4F585C; } @@ -3833,12 +3983,12 @@ popover.background { * Print dialog * *****************/ printdialog paper { - color: #A1A8AB; + color: #e4e6e7; border: 1px solid #33393b; background: white; padding: 0; } printdialog paper:backdrop { - color: #788084; + color: #9a9fa2; border-color: #363c3e; } printdialog .dialog-action-box { margin: 12px; } @@ -3850,7 +4000,7 @@ GtkProgressBar, .progressbar, progressbar { font-size: smaller; - color: rgba(161, 168, 171, 0.4); } + color: rgba(228, 230, 231, 0.4); } GtkProgressBar.horizontal trough, GtkProgressBar.horizontal .trough, GtkProgressBar.horizontal progress, @@ -3975,10 +4125,11 @@ levelbar trough, levelbar.horizontal trough, levelbar.horizontal .trough, levelbar.vertical trough, levelbar.vertical .trough, GtkProgressBar, .progressbar, -progressbar, scale trough, scale.fine-tune trough, scale fill { +progressbar, scale trough, scale fill { border: none; background-color: #636E73; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.1); + box-shadow: 0px 1px rgba(255, 255, 255, 0.1); + border: 1px solid #33393b; padding: 0; margin: 0; } levelbar trough:disabled, @@ -3986,7 +4137,8 @@ progressbar, scale trough, scale.fine-tune trough, scale fill { levelbar.vertical .trough:disabled, GtkProgressBar:disabled, .progressbar:disabled, progressbar:disabled, scale trough:disabled, scale fill:disabled { - background-color: #576165; } + background-color: #576165; + box-shadow: none; } levelbar trough:backdrop, levelbar.horizontal .trough:backdrop, levelbar.vertical .trough:backdrop, GtkProgressBar:backdrop, @@ -4032,7 +4184,7 @@ progressbar, scale trough, scale.fine-tune trough, scale fill { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); box-shadow: none; - outline-color: rgba(161, 168, 171, 0.2); } + outline-color: rgba(228, 230, 231, 0.2); } .osd levelbar trough:disabled, levelbar .osd trough:disabled, .osd levelbar.horizontal .trough:disabled, levelbar.horizontal .osd .trough:disabled, @@ -4040,30 +4192,26 @@ progressbar, scale trough, scale.fine-tune trough, scale fill { levelbar.vertical .osd .trough:disabled, .osd GtkProgressBar:disabled, .osd .progressbar:disabled, .osd progressbar:disabled, .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled { - background-color: rgba(45, 50, 51, 0.5); } + background-color: rgba(52, 56, 57, 0.5); } GtkProgressBar .progressbar, GtkProgressBar progress, .progressbar .progressbar, .progressbar progress, progressbar .progressbar, -progressbar progress, scale fill, -scale highlight, scale.fine-tune fill, -scale.fine-tune highlight { +progressbar progress, scale highlight { border: 1px solid #262f33; background-color: #667f8c; - box-shadow: 0px 1px rgba(255, 255, 255, 0.1); - border-radius: 4px; - min-height: 8px; } + box-shadow: inset 0px 1px rgba(255, 255, 255, 0.1); + border-radius: 4px; } GtkProgressBar .progressbar:disabled, GtkProgressBar progress:disabled, .progressbar .progressbar:disabled, .progressbar progress:disabled, progressbar .progressbar:disabled, - progressbar progress:disabled, scale fill:disabled, - scale highlight:disabled { - border: 1px solid #0f1112; - background-color: #202425; } + progressbar progress:disabled, scale highlight:disabled { + border: 1px solid #33393b; + background-color: rgba(0, 0, 0, 0.1); } GtkProgressBar .progressbar:backdrop, GtkProgressBar progress:backdrop, .progressbar .progressbar:backdrop, @@ -4073,8 +4221,7 @@ scale.fine-tune highlight { .progressbar:backdrop .progressbar, progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress, .progressbar:backdrop progress, - progressbar:backdrop progress, scale fill:backdrop, - scale highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, + progressbar:backdrop progress, scale highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, GtkProgressBar progress:active:backdrop, .progressbar .progressbar:active:backdrop, .progressbar progress:active:backdrop, @@ -4083,9 +4230,8 @@ scale.fine-tune highlight { .progressbar:backdrop .progressbar:active, progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active, .progressbar:backdrop progress:active, - progressbar:backdrop progress:active, scale fill:active:backdrop, - scale highlight:active:backdrop { - border-color: #262f33; + progressbar:backdrop progress:active, scale highlight:active:backdrop { + border-color: #8298a3; background-color: #8298a3; } GtkProgressBar .progressbar:backdrop:disabled, GtkProgressBar progress:backdrop:disabled, @@ -4096,8 +4242,7 @@ scale.fine-tune highlight { .progressbar:backdrop .progressbar:disabled, progressbar:backdrop .progressbar:disabled, GtkProgressBar:backdrop progress:disabled, .progressbar:backdrop progress:disabled, - progressbar:backdrop progress:disabled, scale fill:backdrop:disabled, - scale highlight:backdrop:disabled, GtkProgressBar .progressbar:active:backdrop:disabled, + progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, GtkProgressBar .progressbar:active:backdrop:disabled, GtkProgressBar progress:active:backdrop:disabled, .progressbar .progressbar:active:backdrop:disabled, .progressbar progress:active:backdrop:disabled, @@ -4106,36 +4251,9 @@ scale.fine-tune highlight { .progressbar:backdrop .progressbar:active:disabled, progressbar:backdrop .progressbar:active:disabled, GtkProgressBar:backdrop progress:active:disabled, .progressbar:backdrop progress:active:disabled, - progressbar:backdrop progress:active:disabled, scale fill:active:backdrop:disabled, - scale highlight:active:backdrop:disabled { + progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { background-color: transparent; border-color: transparent; } - .list-row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar .list-row:selected .progressbar:disabled, - .list-row:selected GtkProgressBar progress:disabled, - GtkProgressBar .list-row:selected progress:disabled, - .list-row:selected .progressbar .progressbar:disabled, - .progressbar .list-row:selected .progressbar:disabled, - .list-row:selected .progressbar progress:disabled, - .progressbar .list-row:selected progress:disabled, - .list-row:selected progressbar .progressbar:disabled, - progressbar .list-row:selected .progressbar:disabled, - .list-row:selected progressbar progress:disabled, - progressbar .list-row:selected progress:disabled, .list-row:selected scale fill:disabled, scale .list-row:selected fill:disabled, - .list-row:selected scale highlight:disabled, - scale .list-row:selected highlight:disabled, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar, - .list-row:selected GtkProgressBar progress, - GtkProgressBar .list-row:selected progress, - .list-row:selected .progressbar .progressbar, - .progressbar .list-row:selected .progressbar, - .list-row:selected .progressbar progress, - .progressbar .list-row:selected progress, - .list-row:selected progressbar .progressbar, - progressbar .list-row:selected .progressbar, - .list-row:selected progressbar progress, - progressbar .list-row:selected progress, .list-row:selected scale fill, scale .list-row:selected fill, - .list-row:selected scale highlight, - scale .list-row:selected highlight { - border-color: #262f33; } row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar row:selected .progressbar:disabled, row:selected GtkProgressBar progress:disabled, GtkProgressBar row:selected progress:disabled, @@ -4146,9 +4264,7 @@ scale.fine-tune highlight { row:selected progressbar .progressbar:disabled, progressbar row:selected .progressbar:disabled, row:selected progressbar progress:disabled, - progressbar row:selected progress:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, - row:selected scale highlight:disabled, - scale row:selected highlight:disabled, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, + progressbar row:selected progress:disabled, row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, row:selected GtkProgressBar progress, GtkProgressBar row:selected progress, row:selected .progressbar .progressbar, @@ -4158,9 +4274,7 @@ scale.fine-tune highlight { row:selected progressbar .progressbar, progressbar row:selected .progressbar, row:selected progressbar progress, - progressbar row:selected progress, row:selected scale fill, scale row:selected fill, - row:selected scale highlight, - scale row:selected highlight { + progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #262f33; } .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar, .osd GtkProgressBar progress, @@ -4172,9 +4286,7 @@ scale.fine-tune highlight { .osd progressbar .progressbar, progressbar .osd .progressbar, .osd progressbar progress, - progressbar .osd progress, .osd scale fill, scale .osd fill, - .osd scale highlight, - scale .osd highlight { + progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: rgba(0, 0, 0, 0.7); } .osd GtkProgressBar .progressbar:disabled, GtkProgressBar .osd .progressbar:disabled, .osd GtkProgressBar progress:disabled, @@ -4186,9 +4298,7 @@ scale.fine-tune highlight { .osd progressbar .progressbar:disabled, progressbar .osd .progressbar:disabled, .osd progressbar progress:disabled, - progressbar .osd progress:disabled, .osd scale fill:disabled, scale .osd fill:disabled, - .osd scale highlight:disabled, - scale .osd highlight:disabled { + progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } scale { @@ -4199,36 +4309,103 @@ scale { scale highlight { margin: -1px; } scale slider { - min-height: 16px; - min-width: 16px; - margin: 2px; + min-height: 18px; + min-width: 18px; + margin: -9px 0; background-color: #636E73; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); - border: 1px solid rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); + border: 1px solid #33393b; border-radius: 12px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } + scale slider.horizontal { + margin: 0 -9px; } scale slider:active { - box-shadow: 0 1px 1px 0 rgba(102, 127, 140, 0.5); + box-shadow: 0 1px 2px 0 rgba(102, 127, 140, 0.5); border: 1px solid #667f8c; } scale slider:active:disabled { box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.2); } - scale slider:disabled { - box-shadow: none; } - .list-row:selected scale slider, .list-row:selected scale slider:disabled { + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + margin: -6px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 5px; } + scale fill, scale fill:backdrop { + background-color: #33393b; + box-shadow: none; } + scale fill:disabled, scale fill:disabled:backdrop { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(87, 88, 88, 0.775); } + .osd scale fill:disabled, .osd scale fill:disabled:backdrop { + border-color: transparent; + background-color: transparent; } + scale slider { + border: 1px solid #2c3133; + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { border-color: #262f33; } + scale slider:disabled { + border-color: #33393b; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + scale slider:disabled GtkLabel, scale slider:disabled { + color: #9a9fa2; } + scale slider:disabled label, scale slider:disabled { + color: #9a9fa2; } + scale slider:backdrop { + transition: 200ms ease-out; + border-color: #363c3e; + background-image: linear-gradient(to bottom, #4F585C); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + scale slider:backdrop GtkLabel, scale slider:backdrop { + color: #9a9fa2; } + scale slider:backdrop label, scale slider:backdrop { + color: #9a9fa2; } + scale slider:backdrop:disabled { + border-color: #363c3e; + background-image: none; + background-color: #576165; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + scale slider:backdrop:disabled GtkLabel, scale slider:backdrop:disabled { + color: #727f85; } + scale slider:backdrop:disabled label, scale slider:backdrop:disabled { + color: #727f85; } row:selected scale slider, row:selected scale slider:disabled { border-color: #262f33; } .osd scale slider { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #202526; } .osd scale slider:hover { @@ -4239,7 +4416,7 @@ scale { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -4248,62 +4425,23 @@ scale { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd scale slider:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd scale slider:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - scale trough { - border-radius: 2px; - margin: 6px; - outline-offset: 2px; - -gtk-outline-radius: 5px; } - scale.fine-tune.horizontal { - padding-top: 9px; - padding-bottom: 9px; - min-height: 16px; } - scale.fine-tune.vertical { - padding-left: 9px; - padding-right: 9px; - min-width: 16px; } - scale.fine-tune slider { - min-height: 16px; - min-width: 16px; - background-color: #636E73; - border-color: #636E73; - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 12px; - box-shadow: none; } - scale.fine-tune trough { - border-radius: 6px; - outline-offset: 2px; - -gtk-outline-radius: 5px; - margin: 2px; } - scale fill { - border-radius: 2px; } - scale fill, scale fill:backdrop { - background-color: #33393b; - box-shadow: none; } - scale fill:disabled, scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - .osd scale fill { - background-color: rgba(62, 64, 65, 0.775); } - .osd scale fill:disabled, .osd scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } scale value { color: alpha(currentColor,0.4); } scale marks { @@ -4342,12 +4480,7 @@ scale { min-width: 6px; } scale.vertical.fine-tune indicator { min-width: 3px; } - scale.color.horizontal .slider:hover, scale.color.horizontal .slider:backdrop, scale.color.horizontal .slider:disabled, scale.color.horizontal .slider:backdrop:disabled, scale.color.horizontal .slider, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:backdrop, - scale.color.horizontal slider:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal slider, + scale.color.horizontal slider:hover, scale.color.horizontal slider:backdrop, scale.color.horizontal slider:disabled, scale.color.horizontal slider:backdrop:disabled, scale.color.horizontal slider, scale.horizontal contents:last-child:not(:only-child) > trough > slider { margin: -10px; border-style: none; @@ -4359,13 +4492,10 @@ scale { background-position: top; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.horizontal .slider, scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-top: -11px; } - scale.color.horizontal .slider:hover, scale.color.horizontal .slider:hover:backdrop:disabled, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:hover:backdrop:disabled, + scale.color.horizontal slider:hover, scale.color.horizontal slider:hover:backdrop:disabled, scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover { margin: -10px; border-style: none; @@ -4377,13 +4507,10 @@ scale { background-position: top; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.horizontal .slider, scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-top: -11px; } - scale.color.horizontal .slider:active:backdrop:disabled, scale.color.horizontal .slider:active, - scale.color.horizontal slider:active:backdrop:disabled, - scale.color.horizontal slider:active, + scale.color.horizontal slider:active:backdrop:disabled, scale.color.horizontal slider:active, scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { margin: -10px; border-style: none; @@ -4395,11 +4522,9 @@ scale { background-position: top; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.horizontal .slider, scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-top: -11px; } - scale.color.horizontal .slider:disabled, scale.color.horizontal slider:disabled, scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { margin: -10px; @@ -4412,11 +4537,9 @@ scale { background-position: top; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.horizontal .slider, scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-top: -11px; } - scale.color.horizontal .slider:backdrop, scale.color.horizontal slider:backdrop, scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop { margin: -10px; @@ -4429,11 +4552,9 @@ scale { background-position: top; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.horizontal .slider, scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-top: -11px; } - scale.color.horizontal .slider:backdrop:disabled, scale.color.horizontal slider:backdrop:disabled, scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { margin: -10px; @@ -4446,7 +4567,6 @@ scale { background-position: top; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.horizontal .slider, scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-top: -11px; } @@ -4534,12 +4654,7 @@ scale { scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { margin: -7px; margin-bottom: -11px; } - scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:backdrop, scale.color.vertical:dir(rtl) .slider:disabled, scale.color.vertical:dir(rtl) .slider:backdrop:disabled, scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider, + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider, scale.vertical contents:last-child:not(:only-child) > trough > slider { margin: -10px; border-style: none; @@ -4551,13 +4666,10 @@ scale { background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(rtl) .slider, scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-left: -11px; } - scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, scale.vertical contents:last-child:not(:only-child) > trough > slider:hover { margin: -10px; border-style: none; @@ -4569,13 +4681,10 @@ scale { background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(rtl) .slider, scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-left: -11px; } - scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled, scale.color.vertical:dir(rtl) .slider:active, - scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:active, + scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, scale.color.vertical:dir(rtl) slider:active, scale.vertical contents:last-child:not(:only-child) > trough > slider:active { margin: -10px; border-style: none; @@ -4587,11 +4696,9 @@ scale { background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(rtl) .slider, scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-left: -11px; } - scale.color.vertical:dir(rtl) .slider:disabled, scale.color.vertical:dir(rtl) slider:disabled, scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { margin: -10px; @@ -4604,11 +4711,9 @@ scale { background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(rtl) .slider, scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-left: -11px; } - scale.color.vertical:dir(rtl) .slider:backdrop, scale.color.vertical:dir(rtl) slider:backdrop, scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop { margin: -10px; @@ -4621,11 +4726,9 @@ scale { background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(rtl) .slider, scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-left: -11px; } - scale.color.vertical:dir(rtl) .slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { margin: -10px; @@ -4638,16 +4741,10 @@ scale { background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(rtl) .slider, scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-left: -11px; } - scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:backdrop, scale.color.vertical:dir(ltr) .slider:disabled, scale.color.vertical:dir(ltr) .slider:backdrop:disabled, scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider, + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider, scale.vertical contents:first-child:not(:only-child) > trough > slider { margin: -10px; border-style: none; @@ -4659,13 +4756,10 @@ scale { background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(ltr) .slider, scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { margin: -7px; margin-right: -11px; } - scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, scale.vertical contents:first-child:not(:only-child) > trough > slider:hover { margin: -10px; border-style: none; @@ -4677,13 +4771,10 @@ scale { background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(ltr) .slider, scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { margin: -7px; margin-right: -11px; } - scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled, scale.color.vertical:dir(ltr) .slider:active, - scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:active, + scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, scale.color.vertical:dir(ltr) slider:active, scale.vertical contents:first-child:not(:only-child) > trough > slider:active { margin: -10px; border-style: none; @@ -4695,11 +4786,9 @@ scale { background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(ltr) .slider, scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { margin: -7px; margin-right: -11px; } - scale.color.vertical:dir(ltr) .slider:disabled, scale.color.vertical:dir(ltr) slider:disabled, scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { margin: -10px; @@ -4712,11 +4801,9 @@ scale { background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(ltr) .slider, scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { margin: -7px; margin-right: -11px; } - scale.color.vertical:dir(ltr) .slider:backdrop, scale.color.vertical:dir(ltr) slider:backdrop, scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop { margin: -10px; @@ -4729,11 +4816,9 @@ scale { background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(ltr) .slider, scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { margin: -7px; margin-right: -11px; } - scale.color.vertical:dir(ltr) .slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { margin: -10px; @@ -4746,92 +4831,66 @@ scale { background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(ltr) .slider, scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { margin: -7px; margin-right: -11px; } scale.color { min-height: 0; min-width: 0; } - scale.color .trough, scale.color trough { background-image: linear-gradient(to top, #33393b); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } - scale.color.horizontal .trough, scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } - scale.color.horizontal .slider:hover, scale.color.horizontal .slider:backdrop, scale.color.horizontal .slider:disabled, scale.color.horizontal .slider:backdrop:disabled, scale.color.horizontal .slider, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:backdrop, - scale.color.horizontal slider:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal slider { + scale.color.horizontal slider:hover, scale.color.horizontal slider:backdrop, scale.color.horizontal slider:disabled, scale.color.horizontal slider:backdrop:disabled, scale.color.horizontal slider { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } - scale.color.vertical:dir(ltr) .trough, scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } - scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:backdrop, scale.color.vertical:dir(ltr) .slider:disabled, scale.color.vertical:dir(ltr) .slider:backdrop:disabled, scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider { + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } - scale.color.vertical:dir(rtl) .trough, scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } - scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:backdrop, scale.color.vertical:dir(rtl) .slider:disabled, scale.color.vertical:dir(rtl) .slider:backdrop:disabled, scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider { + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } scale.color.fine-tune.horizontal { padding: 0 0 12px 0; } - scale.color.fine-tune.horizontal .trough, scale.color.fine-tune.horizontal trough { padding-bottom: 7px; background-position: 0 -6px; } - scale.color.fine-tune.horizontal .slider, scale.color.fine-tune.horizontal slider { margin-bottom: -15px; margin-top: 6px; } scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } - scale.color.fine-tune.vertical:dir(ltr) .trough, scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } - scale.color.fine-tune.vertical:dir(ltr) .slider, scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } - scale.color.fine-tune.vertical:dir(rtl) .trough, scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } - scale.color.fine-tune.vertical:dir(rtl) .slider, scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } @@ -4871,16 +4930,16 @@ scrollbar { border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; - background-color: #80888b; } + background-color: #a8adaf; } .scrollbar slider:hover, scrollbar slider:hover { - background-color: #91989b; } + background-color: #c6cacb; } .scrollbar slider:hover:active, scrollbar slider:hover:active { background-color: #8298a3; } .scrollbar slider:backdrop, scrollbar slider:backdrop { - background-color: #5f686c; } + background-color: #6d7478; } .scrollbar slider:disabled, scrollbar slider:disabled { background-color: transparent; } @@ -4908,7 +4967,7 @@ scrollbar { margin: 0; min-width: 3px; min-height: 3px; - background-color: #A1A8AB; + background-color: #e4e6e7; border: 1px solid black; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, @@ -4916,7 +4975,7 @@ scrollbar { scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; - background-color: #A1A8AB; + background-color: #e4e6e7; background-clip: padding-box; border-radius: 100%; border: 1px solid black; @@ -4971,7 +5030,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #80888b; } + color: #a8adaf; } .scrollbar .button:hover, .scrollbar button:hover, scrollbar .button:hover, @@ -4982,7 +5041,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #91989b; } + color: #c6cacb; } .scrollbar .button:active, .scrollbar .button:checked, .scrollbar button:active, .scrollbar button:checked, @@ -5007,7 +5066,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(128, 136, 139, 0.2); } + color: rgba(168, 173, 175, 0.2); } .scrollbar .button:backdrop, .scrollbar button:backdrop, scrollbar .button:backdrop, @@ -5018,7 +5077,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #5f686c; } + color: #6d7478; } .scrollbar .button:backdrop:disabled, .scrollbar button:backdrop:disabled, scrollbar .button:backdrop:disabled, @@ -5029,7 +5088,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(95, 104, 108, 0.2); } + color: rgba(109, 116, 120, 0.2); } .scrollbar.vertical .button.down, .scrollbar.vertical button.down, scrollbar.vertical .button.down, @@ -5125,7 +5184,7 @@ spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding: 6px; - color: #9ba2a5; + color: #d7dadb; background-image: none; border-style: none none none solid; border-color: rgba(51, 57, 59, 0.3); @@ -5134,15 +5193,15 @@ spinbutton:not(.vertical) button { spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { - color: #A1A8AB; - background-color: rgba(161, 168, 171, 0.05); } + color: #e4e6e7; + background-color: rgba(228, 230, 231, 0.05); } spinbutton:not(.vertical) button:disabled { - color: rgba(120, 128, 132, 0.3); } + color: rgba(154, 159, 162, 0.3); } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) button:backdrop { - color: #767f83; + color: #959a9e; background-color: transparent; border-color: rgba(54, 60, 62, 0.3); transition: 200ms ease-out; } @@ -5159,7 +5218,7 @@ spinbutton:not(.vertical) button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; @@ -5173,9 +5232,9 @@ spinbutton:not(.vertical) button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(161, 168, 171, 0.1); + background-color: rgba(228, 230, 231, 0.1); box-shadow: none; } .osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; @@ -5184,7 +5243,7 @@ spinbutton:not(.vertical) button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .osd spinbutton:not(.vertical) button:disabled { @@ -5194,7 +5253,7 @@ spinbutton:not(.vertical) button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .osd spinbutton:not(.vertical) button:last-child { @@ -5202,7 +5261,7 @@ spinbutton:not(.vertical) button { .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } spinbutton.vertical:disabled { - color: #788084; } + color: #9a9fa2; } spinbutton.vertical:backdrop:disabled { color: #727f85; } spinbutton.vertical:drop(active) { @@ -5222,7 +5281,7 @@ spinbutton.vertical button { border: none; background: none; box-shadow: none; - color: #A1A8AB; } + color: #e4e6e7; } spinbutton.vertical .button:hover, spinbutton.vertical button:hover { background-color: #667f8c; @@ -5231,7 +5290,7 @@ spinbutton.vertical button { spinbutton.vertical .button:active, spinbutton.vertical button:active { background-color: transparent; - color: #A1A8AB; } + color: #e4e6e7; } spinbutton.vertical .button.up, spinbutton.vertical button.up { border-radius: 3px 3px 0 0; @@ -5241,14 +5300,14 @@ spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } .osd spinbutton.vertical button:first-child { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -5257,7 +5316,7 @@ spinbutton.vertical button.down { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -5266,17 +5325,17 @@ spinbutton.vertical button.down { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd spinbutton.vertical button:first-child:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton.vertical button:first-child:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -5382,34 +5441,94 @@ toolbar { box-shadow: none; background-color: transparent; } toolbar button { - border: none; - background: none; - text-shadow: none; background-color: transparent; - color: rgba(255, 255, 255, 0.8); + background-image: none; border-radius: 0px; - padding: 10px; } - toolbar button:focus, toolbar button:active { - color: rgba(255, 255, 255, 0.8); + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; } + toolbar button.suggested-action, toolbar button.text-button, toolbar button.menu-button, toolbar button.image-button, toolbar button.linked, toolbar button.flat { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; text-shadow: none; - box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); - background-color: rgba(255, 255, 255, 0.1); } - toolbar button:focus:backdrop, toolbar button:active:backdrop { + color: rgba(255, 255, 255, 0.8); } + toolbar button.suggested-action:backdrop, toolbar button.text-button:backdrop, toolbar button.menu-button:backdrop, toolbar button.image-button:backdrop, toolbar button.linked:backdrop, toolbar button.flat:backdrop { background-color: transparent; + background-image: none; + text-shadow: none; color: rgba(255, 255, 255, 0.3); } - toolbar button:hover { - background-color: rgba(255, 255, 255, 0.1); - text-shadow: none; + toolbar button.suggested-action:hover, toolbar button.text-button:hover, toolbar button.menu-button:hover, toolbar button.image-button:hover, toolbar button.linked:hover, toolbar button.flat:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.8); + box-shadow: none; + text-shadow: none; } + toolbar button.suggested-action:disabled, toolbar button.text-button:disabled, toolbar button.menu-button:disabled, toolbar button.image-button:disabled, toolbar button.linked:disabled, toolbar button.flat:disabled { + color: rgba(255, 255, 255, 0.3); + -gtk-image-effect: dim; } + toolbar button label, + toolbar button image { + color: rgba(255, 255, 255, 0.8); } + toolbar button label:disabled, toolbar button label:backdrop, + toolbar button image:disabled, + toolbar button image:backdrop { + color: rgba(255, 255, 255, 0.3); + -gtk-image-effect: dim; } + toolbar button:focus, toolbar button:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); - box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); } - toolbar button:disabled { - background: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } + box-shadow: none; + text-shadow: none; } toolbar button:backdrop { - background: none; background-color: transparent; + background-image: none; color: rgba(255, 255, 255, 0.3); } + toolbar button:backdrop image { + color: rgba(255, 255, 255, 0.3); } + toolbar button:active, toolbar button:checked { + border-radius: 0px; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.8); } + toolbar button:active:backdrop, toolbar button:checked:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.3); } + toolbar button:active:focus, toolbar button:active:hover, toolbar button:checked:focus, toolbar button:checked:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.8); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); } + toolbar button:disabled, toolbar button:disabled:backdrop { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + background-image: none; } + toolbar button:disabled image, + toolbar button:disabled image, toolbar button:disabled:backdrop image, + toolbar button:disabled:backdrop image { + -gtk-image-effect: dim; } + toolbar button.menu-button .menu .menuitem label { + color: #e4e6e7; } + toolbar button.menu-button .menu .menuitem label:disabled { + color: #9a9fa2; } + toolbar button.menu-button .menu .menuitem .separator { + color: #33393b; } + toolbar button.menu-button .menu .menuitem:hover label { + color: #ffffff; } toolbar .separator { color: transparent; background-color: transparent; } @@ -5431,8 +5550,9 @@ toolbar.vertical separator { searchbar, .search-bar, .location-bar, .inline-toolbar { + -GtkWidget-window-dragging: true; background-color: #4a5357; - color: #A1A8AB; + color: #e4e6e7; border: 1px solid #33393b; border-top-width: 0; border-radius: 0 0 5px 5px; @@ -5445,21 +5565,43 @@ searchbar, searchbar button, .search-bar button, .location-bar button, .inline-toolbar button { - border: none; - background: none; - text-shadow: none; - box-shadow: none; background-color: transparent; - color: #A1A8AB; + background-image: none; border-radius: 0px; - padding: 10px; } + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; } + searchbar button.suggested-action, + .search-bar button.suggested-action, .location-bar button.suggested-action, searchbar button.text-button, + .search-bar button.text-button, .location-bar button.text-button, searchbar button.menu-button, + .search-bar button.menu-button, .location-bar button.menu-button, searchbar button.image-button, + .search-bar button.image-button, .location-bar button.image-button, searchbar button.linked, + .search-bar button.linked, .location-bar button.linked, searchbar button.flat, + .search-bar button.flat, .location-bar button.flat, + .inline-toolbar button.suggested-action, + .inline-toolbar button.text-button, + .inline-toolbar button.menu-button, + .inline-toolbar button.image-button, + .inline-toolbar button.linked, + .inline-toolbar button.flat { + border: none; + background: none; + text-shadow: none; + box-shadow: none; + background-color: transparent; + color: #e4e6e7; + border-radius: 0px; + padding: 10px; } searchbar button:focus, .search-bar button:focus, .location-bar button:focus, searchbar button:active, .search-bar button:active, .location-bar button:active, .inline-toolbar button:focus, .inline-toolbar button:active { font: bold; - color: #A1A8AB; + color: #e4e6e7; text-shadow: none; box-shadow: none; background-color: rgba(0, 0, 0, 0.05); } @@ -5470,49 +5612,92 @@ searchbar, .inline-toolbar button:active:backdrop { border: none; background-color: transparent; - color: #788084; } + color: #9a9fa2; } searchbar button:hover, .search-bar button:hover, .location-bar button:hover, .inline-toolbar button:hover { background-color: rgba(0, 0, 0, 0.05); text-shadow: none; - color: #A1A8AB; + color: #e4e6e7; box-shadow: none; } searchbar button:disabled, .search-bar button:disabled, .location-bar button:disabled, .inline-toolbar button:disabled { background: none; background-color: transparent; - color: rgba(161, 168, 171, 0.5); } + color: rgba(228, 230, 231, 0.5); } searchbar button:backdrop, .search-bar button:backdrop, .location-bar button:backdrop, .inline-toolbar button:backdrop { border: none; background: none; background-color: transparent; - color: #788084; } + color: #9a9fa2; } + searchbar button label, + .search-bar button label, .location-bar button label, + searchbar button image, + .search-bar button image, + .location-bar button image, + .inline-toolbar button label, + .inline-toolbar button image { + color: #e4e6e7; } + searchbar button label:disabled, + .search-bar button label:disabled, .location-bar button label:disabled, searchbar button label:backdrop, + .search-bar button label:backdrop, .location-bar button label:backdrop, + searchbar button image:disabled, + .search-bar button image:disabled, + .location-bar button image:disabled, + searchbar button image:backdrop, + .search-bar button image:backdrop, + .location-bar button image:backdrop, + .inline-toolbar button label:disabled, + .inline-toolbar button label:backdrop, + .inline-toolbar button image:disabled, + .inline-toolbar button image:backdrop { + color: #9a9fa2; + -gtk-image-effect: dim; } + searchbar .entry, + .search-bar .entry, .location-bar .entry, searchbar entry, - .search-bar entry, .location-bar entry, + .search-bar entry, + .location-bar entry, + .inline-toolbar .entry, .inline-toolbar entry { background: none; - color: #A1A8AB; + color: #e4e6e7; border-radius: 0px; border: none; box-shadow: none; } + searchbar .entry.image, + .search-bar .entry.image, .location-bar .entry.image, searchbar entry.image, - .search-bar entry.image, .location-bar entry.image, + .search-bar entry.image, + .location-bar entry.image, + .inline-toolbar .entry.image, .inline-toolbar entry.image { - color: #A1A8AB; } + color: #e4e6e7; } + searchbar .entry.image.left, + .search-bar .entry.image.left, .location-bar .entry.image.left, searchbar entry.image.left, - .search-bar entry.image.left, .location-bar entry.image.left, + .search-bar entry.image.left, + .location-bar entry.image.left, + .inline-toolbar .entry.image.left, .inline-toolbar entry.image.left { padding-right: 6px; } + searchbar .entry:backdrop, + .search-bar .entry:backdrop, .location-bar .entry:backdrop, searchbar entry:backdrop, - .search-bar entry:backdrop, .location-bar entry:backdrop, + .search-bar entry:backdrop, + .location-bar entry:backdrop, + .inline-toolbar .entry:backdrop, .inline-toolbar entry:backdrop { - color: #788084; } + color: #9a9fa2; } + searchbar .entry:selected, + .search-bar .entry:selected, .location-bar .entry:selected, searchbar entry:selected, - .search-bar entry:selected, .location-bar entry:selected, + .search-bar entry:selected, + .location-bar entry:selected, + .inline-toolbar .entry:selected, .inline-toolbar entry:selected { color: #636E73; background-color: #667f8c; } @@ -5549,7 +5734,7 @@ tooltip, border: none; border-radius: 3px; background-color: #636E73; - color: #A1A8AB; + color: #e4e6e7; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } tooltip.background, .tooltip.background, @@ -5565,7 +5750,7 @@ tooltip, .overlay-bar * { padding: 2px; background-color: transparent; - color: #A1A8AB; } + color: #e4e6e7; } /********************** * Touch Copy & Paste * @@ -5618,7 +5803,7 @@ button.circular { padding-bottom: 3px; padding-left: 6px; padding-right: 6px; - color: #A1A8AB; + color: #e4e6e7; background-color: #636E73; border: 1px solid; border-color: #33393b; @@ -5627,7 +5812,7 @@ button.circular { font-size: smaller; } .keycap:backdrop { background-color: #657176; - color: #788084; + color: #9a9fa2; transition: 200ms ease-out; } *:drop(active):focus, @@ -5654,7 +5839,7 @@ treeview.view { -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; - border-left-color: #828b8f; + border-left-color: #a4aaad; border-top-color: #4F585C; } GtkTreeView.view:selected:focus, GtkTreeView.view:selected, treeview.view:selected:focus, @@ -5664,10 +5849,10 @@ treeview.view { treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #b3bfc6; - border-top-color: rgba(161, 168, 171, 0.1); } + border-top-color: rgba(228, 230, 231, 0.1); } GtkTreeView.view:disabled, treeview.view:disabled { - color: #788084; } + color: #9a9fa2; } GtkTreeView.view:disabled:selected, treeview.view:disabled:selected { color: #a3b2ba; } @@ -5686,7 +5871,7 @@ treeview.view { color: rgba(79, 88, 92, 0.1); } GtkTreeView.view:backdrop, treeview.view:backdrop { - border-left-color: #646c70; + border-left-color: #757c7f; border-top: #4F585C; } GtkTreeView.view:drop(active), treeview.view:drop(active) { @@ -5702,13 +5887,13 @@ treeview.view { GtkTreeView.view.expander, treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #8e979a; } + color: #bdc2c4; } GtkTreeView.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover, treeview.view.expander:hover { - color: #A1A8AB; } + color: #e4e6e7; } GtkTreeView.view.expander:selected, treeview.view.expander:selected { color: #d1d9dd; } @@ -5723,7 +5908,7 @@ treeview.view { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.expander:backdrop, treeview.view.expander:backdrop { - color: #727c80; } + color: #8a9195; } GtkTreeView.view.progressbar, treeview.view.progressbar { border: 1px solid #262f33; @@ -5749,7 +5934,7 @@ treeview.view { box-shadow: none; } GtkTreeView.view.trough, treeview.view.trough { - background-color: rgba(161, 168, 171, 0.1); + background-color: rgba(228, 230, 231, 0.1); border-radius: 4px; } GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, treeview.view.trough:selected:focus, @@ -5764,7 +5949,7 @@ treeview.view { treeview.view column-header button, treeview.view header .button, treeview.view header button { - color: #828b8f; + color: #a4aaad; background-color: #636E73; font-weight: bold; text-shadow: none; @@ -5777,7 +5962,7 @@ treeview.view { treeview.view column-header button:hover, treeview.view header .button:hover, treeview.view header button:hover { - color: #929a9d; + color: #c4c8ca; box-shadow: none; transition: none; } GtkTreeView.view column-header .button:active, @@ -5788,7 +5973,7 @@ treeview.view { treeview.view column-header button:active, treeview.view header .button:active, treeview.view header button:active { - color: #A1A8AB; + color: #e4e6e7; transition: none; } GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, GtkTreeView.view header button:last-child:backdrop, @@ -5885,7 +6070,7 @@ treeview.view header button:active { treeview.view header button:backdrop { border-color: #4F585C; border-style: none solid solid none; - color: #646c70; + color: #757c7f; background-image: none; background-color: #657176; } GtkTreeView.view column-header .button:backdrop:disabled, @@ -5902,145 +6087,30 @@ treeview.view header button:active { /********************** * Window Decorations * *********************/ -.window-frame, decoration { border-radius: 4px; border-width: 0px; box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5); margin: 10px; } - .window-frame:backdrop, decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3); transition: 200ms ease-out; } - .fullscreen .window-frame, .tiled .window-frame, .fullscreen - decoration, .tiled - decoration { + .fullscreen decoration, .tiled decoration { border-radius: 0; } - .popup .window-frame, .popup - decoration { + .popup decoration { box-shadow: none; } - .ssd .window-frame, .ssd - decoration { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } - .csd.popup .window-frame, .csd.popup - decoration { + .ssd decoration { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } + .csd.popup decoration { border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } - .tooltip.csd .window-frame, tooltip.csd .window-frame, .tooltip.csd - decoration, tooltip.csd - decoration { - border-radius: 5px; - box-shadow: none; } - GtkMessageDialog.csd .window-frame, messagedialog.csd .window-frame, GtkMessageDialog.csd - decoration, messagedialog.csd - decoration { - border-radius: 5px; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3); } - .solid-csd .window-frame, .solid-csd - decoration { + .solid-csd decoration { border-radius: 0; margin: 4px; background-color: #4F585C; border: 0px solid #363c3e; box-shadow: none; } -.view:selected:focus, GtkIconView:selected:focus, -iconview:selected:focus, .view:selected, GtkIconView:selected, -iconview:selected, -GtkTextView text:selected:focus, -textview text:selected:focus, -GtkTextView text:selected, -textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, -textview text selection:focus, -textview text selection, GtkFlow flowboxchild:selected, -flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, -popover.background radiobutton:selected, -.menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), -entry:selected:focus, -entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, -entry selection:focus, -entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, -treeview.view:selected:focus, -treeview.view:selected { - background-color: #667f8c; } - .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .list-row:selected - label, row:selected - label, - label:selected, .view:selected:focus, GtkIconView:selected:focus, - iconview:selected:focus, .view:selected, GtkIconView:selected, - iconview:selected, - GtkTextView text:selected:focus, - textview text:selected:focus, - GtkTextView text:selected, - textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, - textview text selection:focus, - textview text selection, GtkFlow flowboxchild:selected, - flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, - popover.background radiobutton:selected, - .menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), - entry:selected:focus, - entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, - entry selection:focus, - entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, - treeview.view:selected:focus, - treeview.view:selected { - color: #ffffff; } - .list-row:selected GtkLabel:disabled, row:selected GtkLabel:disabled, GtkLabel:disabled:selected, .list-row:selected - label:disabled, row:selected - label:disabled, - label:disabled:selected, GtkIconView:disabled:selected:focus, - iconview:disabled:selected:focus, .view:disabled:selected, GtkIconView:disabled:selected, - iconview:disabled:selected, - GtkTextView text:disabled:selected:focus, - textview text:disabled:selected:focus, - GtkTextView text:disabled:selected, - textview text:disabled:selected, GtkTextView text selection:disabled, - textview text selection:disabled, GtkFlow flowboxchild:disabled:selected, - flowbox flowboxchild:disabled:selected, GtkLabel:disabled selection, - label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, - popover.background radiobutton:disabled:selected, - .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:disabled:selected:not(.vertical), - entry:disabled:selected, spinbutton:not(.vertical) selection:disabled, - entry selection:disabled, row:disabled:selected { - color: #b3bfc6; } - .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, .list-row:selected - label:backdrop, row:selected - label:backdrop, - label:backdrop:selected, GtkIconView:backdrop:selected:focus, - iconview:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, - iconview:backdrop:selected, - GtkTextView text:backdrop:selected:focus, - textview text:backdrop:selected:focus, - GtkTextView text:backdrop:selected, - textview text:backdrop:selected, GtkTextView text selection:backdrop, - textview text selection:backdrop, GtkFlow flowboxchild:backdrop:selected, - flowbox flowboxchild:backdrop:selected, GtkLabel:backdrop selection, - label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, - popover.background radiobutton:backdrop:selected, - .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:backdrop:selected:not(.vertical), - entry:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, - entry selection:backdrop, row:backdrop:selected { - color: rgba(255, 255, 255, 0.5); } - .list-row:selected GtkLabel:backdrop:disabled, row:selected GtkLabel:backdrop:disabled, GtkLabel:backdrop:disabled:selected, .list-row:selected - label:backdrop:disabled, row:selected - label:backdrop:disabled, - label:backdrop:disabled:selected, .view:backdrop:disabled:selected, GtkIconView:backdrop:disabled:selected, - iconview:backdrop:disabled:selected, - GtkTextView text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, GtkTextView text selection:backdrop:disabled, - textview text selection:backdrop:disabled, GtkFlow flowboxchild:backdrop:disabled:selected, - flowbox flowboxchild:backdrop:disabled:selected, GtkLabel:disabled selection:backdrop, - label:disabled selection:backdrop, GtkLabel:backdrop selection:disabled, - label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, - popover.background radiobutton:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:backdrop:disabled:selected:not(.vertical), - entry:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, - entry selection:backdrop:disabled, row:backdrop:disabled:selected { - color: rgba(121, 143, 154, 0.85); } - -.monospace { - font: Monospace; } - /********************** * DE-Specific Styles * **********************/ @@ -6130,11 +6200,6 @@ CheeseThumbView { /************ * Terminal * ************/ -TerminalScreen, -VteTerminal { - background-color: rgba(0, 43, 54, 0.9); - color: #839495; } - TerminalWindow .titlebar, TerminalWindow .header-bar { background-color: #636E73; } @@ -6167,16 +6232,16 @@ NautilusCanvasView { border-color: #a5a5a5; } .nautilus-desktop { - color: #A1A8AB; } + color: #e4e6e7; } .nautilus-desktop .nautilus-canvas-item { border-radius: 5px; color: #ffffff; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop .nautilus-canvas-item:active { - color: #A1A8AB; + color: #e4e6e7; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:hover { - color: #A1A8AB; + color: #e4e6e7; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:selected { color: #ffffff; @@ -6474,7 +6539,7 @@ YelpWindow .header-bar { background-color: #636E73; } .gala-notification .title, .gala-notification .label { - color: #A1A8AB; } + color: #e4e6e7; } .gala-button { padding: 3px; @@ -6499,7 +6564,7 @@ YelpWindow .header-bar { ***************/ .category-label { font-weight: bold; - color: #A1A8AB; } + color: #e4e6e7; } /************* * Slingshot * @@ -6520,7 +6585,7 @@ YelpWindow .header-bar { .search-item { border-radius: 0; border: none; - color: #A1A8AB; + color: #e4e6e7; background: none; } .search-item:hover, .search-item:focus { border-radius: 0; @@ -6539,7 +6604,7 @@ YelpWindow .header-bar { .search-category-header { font-weight: bold; - color: #A1A8AB; } + color: #e4e6e7; } /********* * Panel * @@ -6681,7 +6746,7 @@ LibraryWindow .the-button-in-the-combobox { background-position: 0 0, 12px 12px; } .checkboard-layout .item { - background-color: #A1A8AB; } + background-color: #e4e6e7; } /******** * Unity * @@ -6794,7 +6859,7 @@ UnityPanelWidget:backdrop, .unity-panel.menubar:backdrop, .unity-panel .menubar *:backdrop { - color: #788084; } + color: #9a9fa2; } .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem { @@ -6902,7 +6967,7 @@ ConversationListView { font: normal; border-style: none; background-color: transparent; - color: #A1A8AB; } + color: #e4e6e7; } #content_frame { padding-bottom: 14px; @@ -6913,8 +6978,8 @@ ConversationListView { border-width: 1px 1px 0 1px; } #content_frame button { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); + color: #e4e6e7; + outline-color: rgba(228, 230, 231, 0.3); border-color: #33393b; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.73176); @@ -6922,16 +6987,16 @@ ConversationListView { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } #content_frame button:hover { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); + color: #e4e6e7; + outline-color: rgba(228, 230, 231, 0.3); border-color: #33393b; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.68376); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } #content_frame button:active, #content_frame button:checked { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); + color: #e4e6e7; + outline-color: rgba(228, 230, 231, 0.3); border-color: #33393b; background-image: linear-gradient(to bottom, #3f4649, #4a5357); text-shadow: 0 1px rgba(0, 0, 0, 0.81176); @@ -6946,9 +7011,9 @@ ConversationListView { box-shadow: none; -gtk-icon-shadow: none; } #content_frame button:disabled GtkLabel, #content_frame button:disabled { - color: #788084; } + color: #9a9fa2; } #content_frame button:disabled label, #content_frame button:disabled { - color: #788084; } + color: #9a9fa2; } #buttonbox_frame { padding-top: 20px; @@ -6961,14 +7026,14 @@ ConversationListView { border-width: 0 1px 1px 1px; } #buttonbox_frame button { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -6977,7 +7042,7 @@ ConversationListView { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -6986,18 +7051,18 @@ ConversationListView { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } #login_window #user_combobox { - color: #A1A8AB; + color: #e4e6e7; font: 13px; } #login_window #user_combobox .menu, #login_window #user_combobox menu { diff --git a/Paper/gtk-3.20/gtk.css b/Paper/gtk-3.20/gtk.css index 5f28c8e..1168167 100644 --- a/Paper/gtk-3.20/gtk.css +++ b/Paper/gtk-3.20/gtk.css @@ -269,11 +269,11 @@ headerbar .subtitle { .app-notification, .app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd { - color: #A1A8AB; + color: #e4e6e7; border: none; background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, @@ -281,6 +281,104 @@ headerbar .subtitle { text-shadow: none; -gtk-icon-shadow: none; } +.view:selected:focus, GtkIconView:selected:focus, +iconview:selected:focus, .view:selected, GtkIconView:selected, +iconview:selected, +GtkTextView text:selected:focus, +textview text:selected:focus, +GtkTextView text:selected, +textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, +textview text selection:focus, +textview text selection, GtkFlow flowboxchild:selected, +flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, +popover.background radiobutton:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), +entry:selected:focus, +entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: #449ac2; } + .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .list-row:selected + label, row:selected + label, + label:selected, .view:selected:focus, GtkIconView:selected:focus, + iconview:selected:focus, .view:selected, GtkIconView:selected, + iconview:selected, + GtkTextView text:selected:focus, + textview text:selected:focus, + GtkTextView text:selected, + textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, + textview text selection:focus, + textview text selection, GtkFlow flowboxchild:selected, + flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, + popover.background radiobutton:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), + entry:selected:focus, + entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + entry selection:focus, + entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + .list-row:selected GtkLabel:disabled, row:selected GtkLabel:disabled, GtkLabel:disabled:selected, .list-row:selected + label:disabled, row:selected + label:disabled, + label:disabled:selected, GtkIconView:disabled:selected:focus, + iconview:disabled:selected:focus, .view:disabled:selected, GtkIconView:disabled:selected, + iconview:disabled:selected, + GtkTextView text:disabled:selected:focus, + textview text:disabled:selected:focus, + GtkTextView text:disabled:selected, + textview text:disabled:selected, GtkTextView text selection:disabled, + textview text selection:disabled, GtkFlow flowboxchild:disabled:selected, + flowbox flowboxchild:disabled:selected, GtkLabel:disabled selection, + label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, + popover.background radiobutton:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:disabled:selected:not(.vertical), + entry:disabled:selected, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected { + color: #a2cde1; } + .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, .list-row:selected + label:backdrop, row:selected + label:backdrop, + label:backdrop:selected, GtkIconView:backdrop:selected:focus, + iconview:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, + iconview:backdrop:selected, + GtkTextView text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + GtkTextView text:backdrop:selected, + textview text:backdrop:selected, GtkTextView text selection:backdrop, + textview text selection:backdrop, GtkFlow flowboxchild:backdrop:selected, + flowbox flowboxchild:backdrop:selected, GtkLabel:backdrop selection, + label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, + popover.background radiobutton:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:backdrop:selected:not(.vertical), + entry:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(255, 255, 255, 0.5); } + .list-row:selected GtkLabel:backdrop:disabled, row:selected GtkLabel:backdrop:disabled, GtkLabel:backdrop:disabled:selected, .list-row:selected + label:backdrop:disabled, row:selected + label:backdrop:disabled, + label:backdrop:disabled:selected, .view:backdrop:disabled:selected, GtkIconView:backdrop:disabled:selected, + iconview:backdrop:disabled:selected, + GtkTextView text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, GtkTextView text selection:backdrop:disabled, + textview text selection:backdrop:disabled, GtkFlow flowboxchild:backdrop:disabled:selected, + flowbox flowboxchild:backdrop:disabled:selected, GtkLabel:disabled selection:backdrop, + label:disabled selection:backdrop, GtkLabel:backdrop selection:disabled, + label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, + popover.background radiobutton:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:backdrop:disabled:selected:not(.vertical), + entry:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(91, 167, 202, 0.85); } + +.monospace { + font: Monospace; } + /*********** * Buttons * ***********/ @@ -512,17 +610,17 @@ button { button.osd { min-width: 24px; min-height: 32px; - color: #A1A8AB; + color: #e4e6e7; border-radius: 5px; - outline-color: rgba(161, 168, 171, 0.3); - color: #A1A8AB; + outline-color: rgba(228, 230, 231, 0.3); + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } button.osd.image-button { @@ -535,7 +633,7 @@ button.osd { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } button.osd:active, @@ -547,21 +645,21 @@ button.osd { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } button.osd:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -573,14 +671,14 @@ button.osd { .app-notification.frame .button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:hover, .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; @@ -590,7 +688,7 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd @@ -603,20 +701,20 @@ button { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification .button:disabled, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification .button:backdrop, .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -643,12 +741,12 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .app-notification .flat.button:disabled, .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -674,7 +772,7 @@ button { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -825,14 +923,14 @@ button.suggested-action { color: #b8d9e8; } .osd button.suggested-action { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd button.suggested-action:hover { color: white; @@ -842,7 +940,7 @@ button.suggested-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd @@ -855,20 +953,20 @@ button.suggested-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.suggested-action:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5)); background-clip: padding-box; @@ -1025,14 +1123,14 @@ button.destructive-action { color: #fbb5b1; } .osd button.destructive-action { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd button.destructive-action:hover { color: white; @@ -1042,7 +1140,7 @@ button.destructive-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd @@ -1055,20 +1153,20 @@ button.destructive-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.destructive-action:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); background-clip: padding-box; @@ -1536,147 +1634,147 @@ radio:indeterminate:disabled:backdrop { check:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked.png"), url("../assets/selected-checkbox-unchecked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } check:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked.png"), url("../assets/selected-checkbox-unchecked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } check:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked.png"), url("../assets/selected-checkbox-unchecked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } check:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked.png"), url("../assets/selected-checkbox-unchecked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:insensitive:selected { +check:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked.png"), url("../assets/selected-checkbox-unchecked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:insensitive:selected { +radio:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:insensitive:backdrop:selected { +check:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked.png"), url("../assets/selected-checkbox-unchecked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:insensitive:backdrop:selected { +radio:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } check:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked.png"), url("../assets/selected-checkbox-checked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } check:checked:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked.png"), url("../assets/selected-checkbox-checked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:checked:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } check:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked.png"), url("../assets/selected-checkbox-checked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } check:checked:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked.png"), url("../assets/selected-checkbox-checked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } radio:checked:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:checked:insensitive:selected { +check:checked:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked.png"), url("../assets/selected-checkbox-checked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:checked:insensitive:selected { +radio:checked:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:checked:insensitive:backdrop:selected { +check:checked:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked.png"), url("../assets/selected-checkbox-checked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:checked:insensitive:backdrop:selected { +radio:checked:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:inconsistent:selected { +check:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:inconsistent:selected { +radio:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:inconsistent:hover:selected { +check:indeterminate:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:inconsistent:hover:selected { +radio:indeterminate:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:inconsistent:active:selected { +check:indeterminate:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:inconsistent:active:selected { +radio:indeterminate:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:inconsistent:backdrop:selected { +check:indeterminate:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:inconsistent:backdrop:selected { +radio:indeterminate:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:inconsistent:insensitive:selected { +check:indeterminate:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:inconsistent:insensitive:selected { +radio:indeterminate:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -check:inconsistent:insensitive:backdrop:selected { +check:indeterminate:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } -radio:inconsistent:insensitive:backdrop:selected { +radio:indeterminate:disabled:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); - icon-shadow: none; } + -gtk-icon-shadow: none; } .view.content-view check, GtkIconView.content-view check, iconview.content-view check, @@ -2243,9 +2341,9 @@ entry { -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2745,7 +2843,6 @@ GraniteWidgetsWelcome { ***************/ .titlebar:not(headerbar), headerbar { - min-height: 40px; padding: 0 8px; border: none; border-radius: 4px 4px 0 0; @@ -2814,52 +2911,19 @@ headerbar { .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { padding: 6px; - min-height: 28px; background-color: #636E73; color: #ffffff; } .default-decoration.titlebar:not(headerbar) .maximized, headerbar.default-decoration .maximized { - padding: 6px; } + padding: 6px; + border-radius: 0; } .default-decoration.titlebar:backdrop:not(headerbar), headerbar.default-decoration:backdrop { background-color: #576165; color: rgba(255, 255, 255, 0.5); } - .default-decoration.titlebar:not(headerbar) .button.titlebutton, - .default-decoration.titlebar:not(headerbar) button.titlebutton, - headerbar.default-decoration .button.titlebutton, - headerbar.default-decoration button.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius: 50%; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:hover, - .default-decoration.titlebar:not(headerbar) button.titlebutton:hover, - headerbar.default-decoration .button.titlebutton:hover, - headerbar.default-decoration button.titlebutton:hover { - background-color: transparent; - color: white; } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:backdrop, - .default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop, - headerbar.default-decoration .button.titlebutton:backdrop, - headerbar.default-decoration button.titlebutton:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:active, - .default-decoration.titlebar:not(headerbar) button.titlebutton:active, - headerbar.default-decoration .button.titlebutton:active, - headerbar.default-decoration button.titlebutton:active { - background-color: #ffffff; - color: #636E73; - border-radius: 50%; - box-shadow: none; } .titlebar:not(headerbar) entry, headerbar entry { margin: 6px 0; - min-height: 16px; border-radius: 2px; padding: 4px; border: none; @@ -2917,34 +2981,69 @@ headerbar { border-radius: 0px; border: none; box-shadow: none; - text-shadow: none; -gtk-icon-shadow: none; - padding: 10px; margin: 0; - color: #ffffff; } - .titlebar:not(headerbar) button.text-button, .titlebar:not(headerbar) button.image-button, .titlebar:not(headerbar) button.flat, + padding: 10px; + text-shadow: none; } + .titlebar:not(headerbar) button.back-button, .titlebar:not(headerbar) button.suggested-action, .titlebar:not(headerbar) button.menu-button, .titlebar:not(headerbar) button.text-button, .titlebar:not(headerbar) button.image-button, .titlebar:not(headerbar) button.linked, .titlebar:not(headerbar) button.flat, + headerbar button.back-button, + headerbar button.suggested-action, + headerbar button.menu-button, headerbar button.text-button, headerbar button.image-button, + headerbar button.linked, headerbar button.flat { - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; background-color: transparent; background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; color: #ffffff; } - .titlebar:not(headerbar) button.text-button:backdrop, .titlebar:not(headerbar) button.image-button:backdrop, .titlebar:not(headerbar) button.flat:backdrop, + .titlebar:not(headerbar) button.back-button:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop, .titlebar:not(headerbar) button.menu-button:backdrop, .titlebar:not(headerbar) button.text-button:backdrop, .titlebar:not(headerbar) button.image-button:backdrop, .titlebar:not(headerbar) button.linked:backdrop, .titlebar:not(headerbar) button.flat:backdrop, + headerbar button.back-button:backdrop, + headerbar button.suggested-action:backdrop, + headerbar button.menu-button:backdrop, headerbar button.text-button:backdrop, headerbar button.image-button:backdrop, + headerbar button.linked:backdrop, headerbar button.flat:backdrop { background-color: transparent; background-image: none; text-shadow: none; color: rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) button.linked, - headerbar button.linked { - border-radius: 0px; - margin: 0; } - .titlebar:not(headerbar) button:hover, + .titlebar:not(headerbar) button.back-button:hover, .titlebar:not(headerbar) button.suggested-action:hover, .titlebar:not(headerbar) button.menu-button:hover, .titlebar:not(headerbar) button.text-button:hover, .titlebar:not(headerbar) button.image-button:hover, .titlebar:not(headerbar) button.linked:hover, .titlebar:not(headerbar) button.flat:hover, + headerbar button.back-button:hover, + headerbar button.suggested-action:hover, + headerbar button.menu-button:hover, + headerbar button.text-button:hover, + headerbar button.image-button:hover, + headerbar button.linked:hover, + headerbar button.flat:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: white; + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) button label, + .titlebar:not(headerbar) button image, + headerbar button label, + headerbar button image { + color: #ffffff; } + .titlebar:not(headerbar) button label:backdrop, .titlebar:not(headerbar) button label:disabled, + .titlebar:not(headerbar) button image:backdrop, + .titlebar:not(headerbar) button image:disabled, + headerbar button label:backdrop, + headerbar button label:disabled, + headerbar button image:backdrop, + headerbar button image:disabled { + color: rgba(255, 255, 255, 0.5); + -gtk-icon-effect: dim; } + .titlebar:not(headerbar) button:focus, .titlebar:not(headerbar) button:hover, + headerbar button:focus, headerbar button:hover { background-image: none; background-color: rgba(0, 0, 0, 0.15); @@ -2956,10 +3055,12 @@ headerbar { background-color: transparent; background-image: none; color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button:backdrop image, + headerbar button:backdrop image { + color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, headerbar button:active, headerbar button:checked { - font: bold; border-radius: 0px; text-shadow: none; -gtk-icon-shadow: none; @@ -2974,32 +3075,40 @@ headerbar { background-image: none; color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) button:disabled, - headerbar button:disabled { + .titlebar:not(headerbar) button:active:focus, .titlebar:not(headerbar) button:active:hover, .titlebar:not(headerbar) button:checked:focus, .titlebar:not(headerbar) button:checked:hover, + headerbar button:active:focus, + headerbar button:active:hover, + headerbar button:checked:focus, + headerbar button:checked:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: white; + box-shadow: inset 0 -2px 0 0 #ffffff; } + .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button:disabled:backdrop, + headerbar button:disabled, + headerbar button:disabled:backdrop { color: rgba(255, 255, 255, 0.5); background-color: transparent; background-image: none; } - .titlebar:not(headerbar) button:disabled:backdrop, - headerbar button:disabled:backdrop { - color: rgba(255, 255, 255, 0.5); - background-color: transparent; - background-image: none; } - .titlebar:not(headerbar) button:disabled:backdrop image, - headerbar button:disabled:backdrop image { - -gtk-icon-effect: dim; } + .titlebar:not(headerbar) button:disabled image, .titlebar:not(headerbar) button:disabled:backdrop image, + headerbar button:disabled image, + headerbar button:disabled:backdrop image { + -gtk-icon-effect: dim; } .titlebar:not(headerbar) button.titlebutton, headerbar button.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius: 50%; background-color: transparent; + background-image: none; + border-radius: 50%; + border: none; box-shadow: none; + -gtk-icon-shadow: none; + margin: 0; + padding: 1px; text-shadow: none; - -gtk-icon-shadow: none; } + color: #ffffff; } .titlebar:not(headerbar) button.titlebutton:hover, headerbar button.titlebutton:hover { - background-color: transparent; + background-color: rgba(255, 255, 255, 0.1); color: white; } .titlebar:not(headerbar) button.titlebutton:backdrop, headerbar button.titlebutton:backdrop { @@ -3011,30 +3120,72 @@ headerbar { color: #636E73; border-radius: 50%; box-shadow: none; } - .titlebar:not(headerbar) button.menu-button, .titlebar:not(headerbar) button.title-menu-button, - headerbar button.menu-button, - headerbar button.title-menu-button { - padding: 1px; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .titlebar:not(headerbar) button.menu-button:hover, .titlebar:not(headerbar) button.title-menu-button:hover, - headerbar button.menu-button:hover, - headerbar button.title-menu-button:hover { + .titlebar:not(headerbar) button.titlebutton:active image, + headerbar button.titlebutton:active image { + color: #636E73; } + .titlebar:not(headerbar) button.menu-button .menu .menuitem label, + headerbar button.menu-button .menu .menuitem label { + color: #444; } + .titlebar:not(headerbar) button.menu-button .menu .menuitem label:disabled, + headerbar button.menu-button .menu .menuitem label:disabled { + color: #9e9e9e; } + .titlebar:not(headerbar) button.menu-button .menu .menuitem .separator, + headerbar button.menu-button .menu .menuitem .separator { + color: #c4c4c4; } + .titlebar:not(headerbar) button.menu-button .menu .menuitem:hover label, + headerbar button.menu-button .menu .menuitem:hover label { + color: #ffffff; } + .titlebar:not(headerbar) button.suggested-action, + headerbar button.suggested-action { + font-weight: bold; + padding: 0; + padding: 5px 10px; + border-radius: 2px; + background-color: #ffffff; + color: #449ac2; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .titlebar:not(headerbar) button.suggested-action label, + headerbar button.suggested-action label { + color: #449ac2; } + .titlebar:not(headerbar) button.suggested-action:hover, + headerbar button.suggested-action:hover { + background-color: #ffffff; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .titlebar:not(headerbar) button.suggested-action:hover label, + headerbar button.suggested-action:hover label { + color: #449ac2; } + .titlebar:not(headerbar) button.suggested-action:hover:backdrop, + headerbar button.suggested-action:hover:backdrop { + background-color: rgba(255, 255, 255, 0.8); + box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action:hover:backdrop label, + headerbar button.suggested-action:hover:backdrop label { + color: rgba(68, 154, 194, 0.8); } + .titlebar:not(headerbar) button.suggested-action:disabled, + headerbar button.suggested-action:disabled { background-color: rgba(0, 0, 0, 0.1); - color: white; } - .titlebar:not(headerbar) button.menu-button:backdrop, .titlebar:not(headerbar) button.title-menu-button:backdrop, - headerbar button.menu-button:backdrop, - headerbar button.title-menu-button:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) button.menu-button:active, .titlebar:not(headerbar) button.title-menu-button:active, - headerbar button.menu-button:active, - headerbar button.title-menu-button:active { - background-color: #4b5458; - color: #ffffff; box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.suggested-action:disabled:backdrop, + headerbar button.suggested-action:disabled:backdrop { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action:disabled:backdrop label, + headerbar button.suggested-action:disabled:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + background-color: rgba(255, 255, 255, 0.1); + box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action:backdrop label, + headerbar button.suggested-action:backdrop label { + color: rgba(68, 154, 194, 0.2); } + .titlebar:not(headerbar) button.linked:first-child, .titlebar:not(headerbar) button.linked:last-child, + headerbar button.linked:first-child, + headerbar button.linked:last-child { + border-radius: 0; } .titlebar:not(headerbar) .separator, headerbar .separator { color: transparent; @@ -3044,7 +3195,7 @@ headerbar { border-top-left-radius: 4px; border-top-right-radius: 4px; } -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { +.separator:first-child + headerbar, .separator:first-child + headerbar:backdrop, separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { border-top-left-radius: 4px; } headerbar:last-child, headerbar:last-child:backdrop { border-top-right-radius: 4px; } @@ -3983,10 +4134,11 @@ levelbar trough, levelbar.horizontal trough, levelbar.horizontal .trough, levelbar.vertical trough, levelbar.vertical .trough, GtkProgressBar, .progressbar, -progressbar, scale trough, scale.fine-tune trough, scale fill { +progressbar, scale trough, scale fill { border: none; background-color: #ffffff; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.8); + box-shadow: 0px 1px rgba(255, 255, 255, 0.8); + border: 1px solid #c4c4c4; padding: 0; margin: 0; } levelbar trough:disabled, @@ -3994,7 +4146,8 @@ progressbar, scale trough, scale.fine-tune trough, scale fill { levelbar.vertical .trough:disabled, GtkProgressBar:disabled, .progressbar:disabled, progressbar:disabled, scale trough:disabled, scale fill:disabled { - background-color: #fafafa; } + background-color: #fafafa; + box-shadow: none; } levelbar trough:backdrop, levelbar.horizontal .trough:backdrop, levelbar.vertical .trough:backdrop, GtkProgressBar:backdrop, @@ -4040,7 +4193,7 @@ progressbar, scale trough, scale.fine-tune trough, scale fill { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); box-shadow: none; - outline-color: rgba(161, 168, 171, 0.2); } + outline-color: rgba(228, 230, 231, 0.2); } .osd levelbar trough:disabled, levelbar .osd trough:disabled, .osd levelbar.horizontal .trough:disabled, levelbar.horizontal .osd .trough:disabled, @@ -4048,30 +4201,26 @@ progressbar, scale trough, scale.fine-tune trough, scale fill { levelbar.vertical .osd .trough:disabled, .osd GtkProgressBar:disabled, .osd .progressbar:disabled, .osd progressbar:disabled, .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled { - background-color: rgba(45, 50, 51, 0.5); } + background-color: rgba(52, 56, 57, 0.5); } GtkProgressBar .progressbar, GtkProgressBar progress, .progressbar .progressbar, .progressbar progress, progressbar .progressbar, -progressbar progress, scale fill, -scale highlight, scale.fine-tune fill, -scale.fine-tune highlight { +progressbar progress, scale highlight { border: 1px solid #347d9f; background-color: #449ac2; - box-shadow: 0px 1px rgba(255, 255, 255, 0.8); - border-radius: 4px; - min-height: 8px; } + box-shadow: inset 0px 1px rgba(255, 255, 255, 0.2); + border-radius: 4px; } GtkProgressBar .progressbar:disabled, GtkProgressBar progress:disabled, .progressbar .progressbar:disabled, .progressbar progress:disabled, progressbar .progressbar:disabled, - progressbar progress:disabled, scale fill:disabled, - scale highlight:disabled { - border: 1px solid #9e9e9e; - background-color: #c4c4c4; } + progressbar progress:disabled, scale highlight:disabled { + border: 1px solid #c4c4c4; + background-color: rgba(0, 0, 0, 0.1); } GtkProgressBar .progressbar:backdrop, GtkProgressBar progress:backdrop, .progressbar .progressbar:backdrop, @@ -4081,8 +4230,7 @@ scale.fine-tune highlight { .progressbar:backdrop .progressbar, progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress, .progressbar:backdrop progress, - progressbar:backdrop progress, scale fill:backdrop, - scale highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, + progressbar:backdrop progress, scale highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, GtkProgressBar progress:active:backdrop, .progressbar .progressbar:active:backdrop, .progressbar progress:active:backdrop, @@ -4091,9 +4239,8 @@ scale.fine-tune highlight { .progressbar:backdrop .progressbar:active, progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active, .progressbar:backdrop progress:active, - progressbar:backdrop progress:active, scale fill:active:backdrop, - scale highlight:active:backdrop { - border-color: #449ac2; + progressbar:backdrop progress:active, scale highlight:active:backdrop { + border-color: #6bafce; background-color: #6bafce; } GtkProgressBar .progressbar:backdrop:disabled, GtkProgressBar progress:backdrop:disabled, @@ -4104,8 +4251,7 @@ scale.fine-tune highlight { .progressbar:backdrop .progressbar:disabled, progressbar:backdrop .progressbar:disabled, GtkProgressBar:backdrop progress:disabled, .progressbar:backdrop progress:disabled, - progressbar:backdrop progress:disabled, scale fill:backdrop:disabled, - scale highlight:backdrop:disabled, GtkProgressBar .progressbar:active:backdrop:disabled, + progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, GtkProgressBar .progressbar:active:backdrop:disabled, GtkProgressBar progress:active:backdrop:disabled, .progressbar .progressbar:active:backdrop:disabled, .progressbar progress:active:backdrop:disabled, @@ -4114,36 +4260,9 @@ scale.fine-tune highlight { .progressbar:backdrop .progressbar:active:disabled, progressbar:backdrop .progressbar:active:disabled, GtkProgressBar:backdrop progress:active:disabled, .progressbar:backdrop progress:active:disabled, - progressbar:backdrop progress:active:disabled, scale fill:active:backdrop:disabled, - scale highlight:active:backdrop:disabled { + progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { background-color: transparent; border-color: transparent; } - .list-row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar .list-row:selected .progressbar:disabled, - .list-row:selected GtkProgressBar progress:disabled, - GtkProgressBar .list-row:selected progress:disabled, - .list-row:selected .progressbar .progressbar:disabled, - .progressbar .list-row:selected .progressbar:disabled, - .list-row:selected .progressbar progress:disabled, - .progressbar .list-row:selected progress:disabled, - .list-row:selected progressbar .progressbar:disabled, - progressbar .list-row:selected .progressbar:disabled, - .list-row:selected progressbar progress:disabled, - progressbar .list-row:selected progress:disabled, .list-row:selected scale fill:disabled, scale .list-row:selected fill:disabled, - .list-row:selected scale highlight:disabled, - scale .list-row:selected highlight:disabled, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar, - .list-row:selected GtkProgressBar progress, - GtkProgressBar .list-row:selected progress, - .list-row:selected .progressbar .progressbar, - .progressbar .list-row:selected .progressbar, - .list-row:selected .progressbar progress, - .progressbar .list-row:selected progress, - .list-row:selected progressbar .progressbar, - progressbar .list-row:selected .progressbar, - .list-row:selected progressbar progress, - progressbar .list-row:selected progress, .list-row:selected scale fill, scale .list-row:selected fill, - .list-row:selected scale highlight, - scale .list-row:selected highlight { - border-color: #347d9f; } row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar row:selected .progressbar:disabled, row:selected GtkProgressBar progress:disabled, GtkProgressBar row:selected progress:disabled, @@ -4154,9 +4273,7 @@ scale.fine-tune highlight { row:selected progressbar .progressbar:disabled, progressbar row:selected .progressbar:disabled, row:selected progressbar progress:disabled, - progressbar row:selected progress:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, - row:selected scale highlight:disabled, - scale row:selected highlight:disabled, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, + progressbar row:selected progress:disabled, row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, row:selected GtkProgressBar progress, GtkProgressBar row:selected progress, row:selected .progressbar .progressbar, @@ -4166,9 +4283,7 @@ scale.fine-tune highlight { row:selected progressbar .progressbar, progressbar row:selected .progressbar, row:selected progressbar progress, - progressbar row:selected progress, row:selected scale fill, scale row:selected fill, - row:selected scale highlight, - scale row:selected highlight { + progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #347d9f; } .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar, .osd GtkProgressBar progress, @@ -4180,9 +4295,7 @@ scale.fine-tune highlight { .osd progressbar .progressbar, progressbar .osd .progressbar, .osd progressbar progress, - progressbar .osd progress, .osd scale fill, scale .osd fill, - .osd scale highlight, - scale .osd highlight { + progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: rgba(0, 0, 0, 0.7); } .osd GtkProgressBar .progressbar:disabled, GtkProgressBar .osd .progressbar:disabled, .osd GtkProgressBar progress:disabled, @@ -4194,9 +4307,7 @@ scale.fine-tune highlight { .osd progressbar .progressbar:disabled, progressbar .osd .progressbar:disabled, .osd progressbar progress:disabled, - progressbar .osd progress:disabled, .osd scale fill:disabled, scale .osd fill:disabled, - .osd scale highlight:disabled, - scale .osd highlight:disabled { + progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } scale { @@ -4207,36 +4318,103 @@ scale { scale highlight { margin: -1px; } scale slider { - min-height: 16px; - min-width: 16px; - margin: 2px; + min-height: 18px; + min-width: 18px; + margin: -9px 0; background-color: #ffffff; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); - border: 1px solid rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); + border: 1px solid #c4c4c4; border-radius: 12px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } + scale slider.horizontal { + margin: 0 -9px; } scale slider:active { - box-shadow: 0 1px 1px 0 rgba(68, 154, 194, 0.5); + box-shadow: 0 1px 2px 0 rgba(68, 154, 194, 0.5); border: 1px solid #449ac2; } scale slider:active:disabled { box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.2); } - scale slider:disabled { - box-shadow: none; } - .list-row:selected scale slider, .list-row:selected scale slider:disabled { + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + margin: -6px; } + scale.fine-tune fill, + scale.fine-tune highlight, + scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } + scale trough { + outline-offset: 2px; + -gtk-outline-radius: 5px; } + scale fill, scale fill:backdrop { + background-color: #c4c4c4; + box-shadow: none; } + scale fill:disabled, scale fill:disabled:backdrop { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(87, 88, 88, 0.775); } + .osd scale fill:disabled, .osd scale fill:disabled:backdrop { + border-color: transparent; + background-color: transparent; } + scale slider { + border: 1px solid #bcbcbc; + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { border-color: #347d9f; } + scale slider:disabled { + border-color: #c4c4c4; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + scale slider:disabled GtkLabel, scale slider:disabled { + color: #9e9e9e; } + scale slider:disabled label, scale slider:disabled { + color: #9e9e9e; } + scale slider:backdrop { + transition: 200ms ease-out; + border-color: #c9c9c9; + background-image: linear-gradient(to bottom, #f7f7f7); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + scale slider:backdrop GtkLabel, scale slider:backdrop { + color: #9e9e9e; } + scale slider:backdrop label, scale slider:backdrop { + color: #9e9e9e; } + scale slider:backdrop:disabled { + border-color: #c9c9c9; + background-image: none; + background-color: #fafafa; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + scale slider:backdrop:disabled GtkLabel, scale slider:backdrop:disabled { + color: #d1d1d1; } + scale slider:backdrop:disabled label, scale slider:backdrop:disabled { + color: #d1d1d1; } row:selected scale slider, row:selected scale slider:disabled { border-color: #347d9f; } .osd scale slider { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); + outline-color: rgba(228, 230, 231, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #202526; } .osd scale slider:hover { @@ -4247,7 +4425,7 @@ scale { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -4256,62 +4434,23 @@ scale { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd scale slider:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd scale slider:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - scale trough { - border-radius: 2px; - margin: 6px; - outline-offset: 2px; - -gtk-outline-radius: 5px; } - scale.fine-tune.horizontal { - padding-top: 9px; - padding-bottom: 9px; - min-height: 16px; } - scale.fine-tune.vertical { - padding-left: 9px; - padding-right: 9px; - min-width: 16px; } - scale.fine-tune slider { - min-height: 16px; - min-width: 16px; - background-color: #ffffff; - border-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 12px; - box-shadow: none; } - scale.fine-tune trough { - border-radius: 6px; - outline-offset: 2px; - -gtk-outline-radius: 5px; - margin: 2px; } - scale fill { - border-radius: 2px; } - scale fill, scale fill:backdrop { - background-color: #c4c4c4; - box-shadow: none; } - scale fill:disabled, scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - .osd scale fill { - background-color: rgba(62, 64, 65, 0.775); } - .osd scale fill:disabled, .osd scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } scale value { color: alpha(currentColor,0.4); } scale marks { @@ -4350,12 +4489,7 @@ scale { min-width: 6px; } scale.vertical.fine-tune indicator { min-width: 3px; } - scale.color.horizontal .slider:hover, scale.color.horizontal .slider:backdrop, scale.color.horizontal .slider:disabled, scale.color.horizontal .slider:backdrop:disabled, scale.color.horizontal .slider, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:backdrop, - scale.color.horizontal slider:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal slider, + scale.color.horizontal slider:hover, scale.color.horizontal slider:backdrop, scale.color.horizontal slider:disabled, scale.color.horizontal slider:backdrop:disabled, scale.color.horizontal slider, scale.horizontal contents:last-child:not(:only-child) > trough > slider { margin: -10px; border-style: none; @@ -4367,13 +4501,10 @@ scale { background-position: top; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.horizontal .slider, scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-top: -11px; } - scale.color.horizontal .slider:hover, scale.color.horizontal .slider:hover:backdrop:disabled, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:hover:backdrop:disabled, + scale.color.horizontal slider:hover, scale.color.horizontal slider:hover:backdrop:disabled, scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover { margin: -10px; border-style: none; @@ -4385,13 +4516,10 @@ scale { background-position: top; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.horizontal .slider, scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-top: -11px; } - scale.color.horizontal .slider:active:backdrop:disabled, scale.color.horizontal .slider:active, - scale.color.horizontal slider:active:backdrop:disabled, - scale.color.horizontal slider:active, + scale.color.horizontal slider:active:backdrop:disabled, scale.color.horizontal slider:active, scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { margin: -10px; border-style: none; @@ -4403,11 +4531,9 @@ scale { background-position: top; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.horizontal .slider, scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-top: -11px; } - scale.color.horizontal .slider:disabled, scale.color.horizontal slider:disabled, scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { margin: -10px; @@ -4420,11 +4546,9 @@ scale { background-position: top; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.horizontal .slider, scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-top: -11px; } - scale.color.horizontal .slider:backdrop, scale.color.horizontal slider:backdrop, scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop { margin: -10px; @@ -4437,11 +4561,9 @@ scale { background-position: top; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.horizontal .slider, scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-top: -11px; } - scale.color.horizontal .slider:backdrop:disabled, scale.color.horizontal slider:backdrop:disabled, scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { margin: -10px; @@ -4454,7 +4576,6 @@ scale { background-position: top; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.horizontal .slider, scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-top: -11px; } @@ -4542,12 +4663,7 @@ scale { scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { margin: -7px; margin-bottom: -11px; } - scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:backdrop, scale.color.vertical:dir(rtl) .slider:disabled, scale.color.vertical:dir(rtl) .slider:backdrop:disabled, scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider, + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider, scale.vertical contents:last-child:not(:only-child) > trough > slider { margin: -10px; border-style: none; @@ -4559,13 +4675,10 @@ scale { background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(rtl) .slider, scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-left: -11px; } - scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, scale.vertical contents:last-child:not(:only-child) > trough > slider:hover { margin: -10px; border-style: none; @@ -4577,13 +4690,10 @@ scale { background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(rtl) .slider, scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-left: -11px; } - scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled, scale.color.vertical:dir(rtl) .slider:active, - scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:active, + scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, scale.color.vertical:dir(rtl) slider:active, scale.vertical contents:last-child:not(:only-child) > trough > slider:active { margin: -10px; border-style: none; @@ -4595,11 +4705,9 @@ scale { background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(rtl) .slider, scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-left: -11px; } - scale.color.vertical:dir(rtl) .slider:disabled, scale.color.vertical:dir(rtl) slider:disabled, scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { margin: -10px; @@ -4612,11 +4720,9 @@ scale { background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(rtl) .slider, scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-left: -11px; } - scale.color.vertical:dir(rtl) .slider:backdrop, scale.color.vertical:dir(rtl) slider:backdrop, scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop { margin: -10px; @@ -4629,11 +4735,9 @@ scale { background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(rtl) .slider, scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-left: -11px; } - scale.color.vertical:dir(rtl) .slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { margin: -10px; @@ -4646,16 +4750,10 @@ scale { background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(rtl) .slider, scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { margin: -7px; margin-left: -11px; } - scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:backdrop, scale.color.vertical:dir(ltr) .slider:disabled, scale.color.vertical:dir(ltr) .slider:backdrop:disabled, scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider, + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider, scale.vertical contents:first-child:not(:only-child) > trough > slider { margin: -10px; border-style: none; @@ -4667,13 +4765,10 @@ scale { background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(ltr) .slider, scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { margin: -7px; margin-right: -11px; } - scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, scale.vertical contents:first-child:not(:only-child) > trough > slider:hover { margin: -10px; border-style: none; @@ -4685,13 +4780,10 @@ scale { background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(ltr) .slider, scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { margin: -7px; margin-right: -11px; } - scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled, scale.color.vertical:dir(ltr) .slider:active, - scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:active, + scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, scale.color.vertical:dir(ltr) slider:active, scale.vertical contents:first-child:not(:only-child) > trough > slider:active { margin: -10px; border-style: none; @@ -4703,11 +4795,9 @@ scale { background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(ltr) .slider, scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { margin: -7px; margin-right: -11px; } - scale.color.vertical:dir(ltr) .slider:disabled, scale.color.vertical:dir(ltr) slider:disabled, scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { margin: -10px; @@ -4720,11 +4810,9 @@ scale { background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(ltr) .slider, scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { margin: -7px; margin-right: -11px; } - scale.color.vertical:dir(ltr) .slider:backdrop, scale.color.vertical:dir(ltr) slider:backdrop, scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop { margin: -10px; @@ -4737,11 +4825,9 @@ scale { background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(ltr) .slider, scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { margin: -7px; margin-right: -11px; } - scale.color.vertical:dir(ltr) .slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { margin: -10px; @@ -4754,92 +4840,66 @@ scale { background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } - scale.color.fine-tune.vertical:dir(ltr) .slider, scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { margin: -7px; margin-right: -11px; } scale.color { min-height: 0; min-width: 0; } - scale.color .trough, scale.color trough { background-image: linear-gradient(to top, #c4c4c4); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } - scale.color.horizontal .trough, scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } - scale.color.horizontal .slider:hover, scale.color.horizontal .slider:backdrop, scale.color.horizontal .slider:disabled, scale.color.horizontal .slider:backdrop:disabled, scale.color.horizontal .slider, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:backdrop, - scale.color.horizontal slider:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal slider { + scale.color.horizontal slider:hover, scale.color.horizontal slider:backdrop, scale.color.horizontal slider:disabled, scale.color.horizontal slider:backdrop:disabled, scale.color.horizontal slider { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } - scale.color.vertical:dir(ltr) .trough, scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } - scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:backdrop, scale.color.vertical:dir(ltr) .slider:disabled, scale.color.vertical:dir(ltr) .slider:backdrop:disabled, scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider { + scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } - scale.color.vertical:dir(rtl) .trough, scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } - scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:backdrop, scale.color.vertical:dir(rtl) .slider:disabled, scale.color.vertical:dir(rtl) .slider:backdrop:disabled, scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider { + scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } scale.color.fine-tune.horizontal { padding: 0 0 12px 0; } - scale.color.fine-tune.horizontal .trough, scale.color.fine-tune.horizontal trough { padding-bottom: 7px; background-position: 0 -6px; } - scale.color.fine-tune.horizontal .slider, scale.color.fine-tune.horizontal slider { margin-bottom: -15px; margin-top: 6px; } scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } - scale.color.fine-tune.vertical:dir(ltr) .trough, scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; } - scale.color.fine-tune.vertical:dir(ltr) .slider, scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; } scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } - scale.color.fine-tune.vertical:dir(rtl) .trough, scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; } - scale.color.fine-tune.vertical:dir(rtl) .slider, scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; } @@ -5167,7 +5227,7 @@ spinbutton:not(.vertical) button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; @@ -5181,9 +5241,9 @@ spinbutton:not(.vertical) button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(161, 168, 171, 0.1); + background-color: rgba(228, 230, 231, 0.1); box-shadow: none; } .osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; @@ -5192,7 +5252,7 @@ spinbutton:not(.vertical) button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .osd spinbutton:not(.vertical) button:disabled { @@ -5202,7 +5262,7 @@ spinbutton:not(.vertical) button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .osd spinbutton:not(.vertical) button:last-child { @@ -5249,14 +5309,14 @@ spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } .osd spinbutton.vertical button:first-child { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -5265,7 +5325,7 @@ spinbutton.vertical button.down { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -5274,17 +5334,17 @@ spinbutton.vertical button.down { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } .osd spinbutton.vertical button:first-child:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton.vertical button:first-child:backdrop { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; @@ -5401,34 +5461,94 @@ toolbar { box-shadow: none; background-color: transparent; } toolbar button { - border: none; - background: none; - text-shadow: none; background-color: transparent; - color: #ffffff; + background-image: none; border-radius: 0px; - padding: 10px; } - toolbar button:focus, toolbar button:active { - color: #ffffff; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; } + toolbar button.suggested-action, toolbar button.text-button, toolbar button.menu-button, toolbar button.image-button, toolbar button.linked, toolbar button.flat { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; text-shadow: none; - box-shadow: inset 0 -2px 0 0 #ffffff; - background-color: rgba(255, 255, 255, 0.1); } - toolbar button:focus:backdrop, toolbar button:active:backdrop { + color: #ffffff; } + toolbar button.suggested-action:backdrop, toolbar button.text-button:backdrop, toolbar button.menu-button:backdrop, toolbar button.image-button:backdrop, toolbar button.linked:backdrop, toolbar button.flat:backdrop { background-color: transparent; + background-image: none; + text-shadow: none; color: rgba(255, 255, 255, 0.5); } - toolbar button:hover { - background-color: rgba(255, 255, 255, 0.1); - text-shadow: none; - color: #ffffff; - box-shadow: inset 0 -2px 0 0 #ffffff; } - toolbar button:disabled { - background: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } + toolbar button.suggested-action:hover, toolbar button.text-button:hover, toolbar button.menu-button:hover, toolbar button.image-button:hover, toolbar button.linked:hover, toolbar button.flat:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: white; + box-shadow: none; + text-shadow: none; } + toolbar button.suggested-action:disabled, toolbar button.text-button:disabled, toolbar button.menu-button:disabled, toolbar button.image-button:disabled, toolbar button.linked:disabled, toolbar button.flat:disabled { + color: rgba(255, 255, 255, 0.5); + -gtk-image-effect: dim; } + toolbar button label, + toolbar button image { + color: #ffffff; } + toolbar button label:disabled, toolbar button label:backdrop, + toolbar button image:disabled, + toolbar button image:backdrop { + color: rgba(255, 255, 255, 0.5); + -gtk-image-effect: dim; } + toolbar button:focus, toolbar button:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: white; + box-shadow: none; + text-shadow: none; } toolbar button:backdrop { - background: none; background-color: transparent; + background-image: none; color: rgba(255, 255, 255, 0.5); } + toolbar button:backdrop image { + color: rgba(255, 255, 255, 0.5); } + toolbar button:active, toolbar button:checked { + border-radius: 0px; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 -2px 0 0 #ffffff; + background-color: transparent; + background-image: none; + color: #ffffff; } + toolbar button:active:backdrop, toolbar button:checked:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.5); } + toolbar button:active:focus, toolbar button:active:hover, toolbar button:checked:focus, toolbar button:checked:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: white; + box-shadow: inset 0 -2px 0 0 #ffffff; } + toolbar button:disabled, toolbar button:disabled:backdrop { + color: rgba(255, 255, 255, 0.5); + background-color: transparent; + background-image: none; } + toolbar button:disabled image, + toolbar button:disabled image, toolbar button:disabled:backdrop image, + toolbar button:disabled:backdrop image { + -gtk-image-effect: dim; } + toolbar button.menu-button .menu .menuitem label { + color: #444; } + toolbar button.menu-button .menu .menuitem label:disabled { + color: #9e9e9e; } + toolbar button.menu-button .menu .menuitem .separator { + color: #c4c4c4; } + toolbar button.menu-button .menu .menuitem:hover label { + color: #ffffff; } toolbar .separator { color: transparent; background-color: transparent; } @@ -5450,6 +5570,7 @@ toolbar.vertical separator { searchbar, .search-bar, .location-bar, .inline-toolbar { + -GtkWidget-window-dragging: true; background-color: #f2f2f2; color: #444; border: 1px solid #c4c4c4; @@ -5464,14 +5585,36 @@ searchbar, searchbar button, .search-bar button, .location-bar button, .inline-toolbar button { - border: none; - background: none; - text-shadow: none; - box-shadow: none; background-color: transparent; - color: #444; + background-image: none; border-radius: 0px; - padding: 10px; } + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; } + searchbar button.suggested-action, + .search-bar button.suggested-action, .location-bar button.suggested-action, searchbar button.text-button, + .search-bar button.text-button, .location-bar button.text-button, searchbar button.menu-button, + .search-bar button.menu-button, .location-bar button.menu-button, searchbar button.image-button, + .search-bar button.image-button, .location-bar button.image-button, searchbar button.linked, + .search-bar button.linked, .location-bar button.linked, searchbar button.flat, + .search-bar button.flat, .location-bar button.flat, + .inline-toolbar button.suggested-action, + .inline-toolbar button.text-button, + .inline-toolbar button.menu-button, + .inline-toolbar button.image-button, + .inline-toolbar button.linked, + .inline-toolbar button.flat { + border: none; + background: none; + text-shadow: none; + box-shadow: none; + background-color: transparent; + color: #444; + border-radius: 0px; + padding: 10px; } searchbar button:focus, .search-bar button:focus, .location-bar button:focus, searchbar button:active, .search-bar button:active, .location-bar button:active, @@ -5510,28 +5653,71 @@ searchbar, background: none; background-color: transparent; color: #9e9e9e; } + searchbar button label, + .search-bar button label, .location-bar button label, + searchbar button image, + .search-bar button image, + .location-bar button image, + .inline-toolbar button label, + .inline-toolbar button image { + color: #444; } + searchbar button label:disabled, + .search-bar button label:disabled, .location-bar button label:disabled, searchbar button label:backdrop, + .search-bar button label:backdrop, .location-bar button label:backdrop, + searchbar button image:disabled, + .search-bar button image:disabled, + .location-bar button image:disabled, + searchbar button image:backdrop, + .search-bar button image:backdrop, + .location-bar button image:backdrop, + .inline-toolbar button label:disabled, + .inline-toolbar button label:backdrop, + .inline-toolbar button image:disabled, + .inline-toolbar button image:backdrop { + color: #9e9e9e; + -gtk-image-effect: dim; } + searchbar .entry, + .search-bar .entry, .location-bar .entry, searchbar entry, - .search-bar entry, .location-bar entry, + .search-bar entry, + .location-bar entry, + .inline-toolbar .entry, .inline-toolbar entry { background: none; color: #444; border-radius: 0px; border: none; box-shadow: none; } + searchbar .entry.image, + .search-bar .entry.image, .location-bar .entry.image, searchbar entry.image, - .search-bar entry.image, .location-bar entry.image, + .search-bar entry.image, + .location-bar entry.image, + .inline-toolbar .entry.image, .inline-toolbar entry.image { color: #444; } + searchbar .entry.image.left, + .search-bar .entry.image.left, .location-bar .entry.image.left, searchbar entry.image.left, - .search-bar entry.image.left, .location-bar entry.image.left, + .search-bar entry.image.left, + .location-bar entry.image.left, + .inline-toolbar .entry.image.left, .inline-toolbar entry.image.left { padding-right: 6px; } + searchbar .entry:backdrop, + .search-bar .entry:backdrop, .location-bar .entry:backdrop, searchbar entry:backdrop, - .search-bar entry:backdrop, .location-bar entry:backdrop, + .search-bar entry:backdrop, + .location-bar entry:backdrop, + .inline-toolbar .entry:backdrop, .inline-toolbar entry:backdrop { color: #9e9e9e; } + searchbar .entry:selected, + .search-bar .entry:selected, .location-bar .entry:selected, searchbar entry:selected, - .search-bar entry:selected, .location-bar entry:selected, + .search-bar entry:selected, + .location-bar entry:selected, + .inline-toolbar .entry:selected, .inline-toolbar entry:selected { color: #ffffff; background-color: #449ac2; } @@ -5927,146 +6113,30 @@ treeview.view header button:active { /********************** * Window Decorations * *********************/ -.window-frame, decoration { border-radius: 4px; border-width: 0px; box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5); margin: 10px; } - .window-frame:backdrop, decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3); transition: 200ms ease-out; } - .fullscreen .window-frame, .tiled .window-frame, .fullscreen - decoration, .tiled - decoration { + .fullscreen decoration, .tiled decoration { border-radius: 0; } - .popup .window-frame, .popup - decoration { + .popup decoration { box-shadow: none; } - .ssd .window-frame, .ssd - decoration { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } - .csd.popup .window-frame, .csd.popup - decoration { + .ssd decoration { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } + .csd.popup decoration { border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } - .tooltip.csd .window-frame, tooltip.csd .window-frame, .tooltip.csd - decoration, tooltip.csd - decoration { - border-radius: 5px; - box-shadow: none; } - GtkMessageDialog.csd .window-frame, messagedialog.csd .window-frame, GtkMessageDialog.csd - decoration, messagedialog.csd - decoration { - border-radius: 5px; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3); } - .solid-csd .window-frame, .solid-csd - decoration { + .solid-csd decoration { border-radius: 0; margin: 4px; background-color: #f7f7f7; border: 0px solid #c9c9c9; box-shadow: none; } -.view:selected:focus, GtkIconView:selected:focus, -iconview:selected:focus, .view:selected, GtkIconView:selected, -iconview:selected, -GtkTextView text:selected:focus, -textview text:selected:focus, -GtkTextView text:selected, -textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, -textview text selection:focus, -textview text selection, GtkFlow flowboxchild:selected, -flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, -popover.background radiobutton:selected, -.menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), -entry:selected:focus, -entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, -entry selection:focus, -entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, -treeview.view:selected:focus, -treeview.view:selected { - background-color: #449ac2; } - .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .list-row:selected - label, row:selected - label, - label:selected, .view:selected:focus, GtkIconView:selected:focus, - iconview:selected:focus, .view:selected, GtkIconView:selected, - iconview:selected, - GtkTextView text:selected:focus, - textview text:selected:focus, - GtkTextView text:selected, - textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, - textview text selection:focus, - textview text selection, GtkFlow flowboxchild:selected, - flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, - popover.background radiobutton:selected, - .menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), - entry:selected:focus, - entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, - entry selection:focus, - entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, - treeview.view:selected:focus, - treeview.view:selected { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); } - .list-row:selected GtkLabel:disabled, row:selected GtkLabel:disabled, GtkLabel:disabled:selected, .list-row:selected - label:disabled, row:selected - label:disabled, - label:disabled:selected, GtkIconView:disabled:selected:focus, - iconview:disabled:selected:focus, .view:disabled:selected, GtkIconView:disabled:selected, - iconview:disabled:selected, - GtkTextView text:disabled:selected:focus, - textview text:disabled:selected:focus, - GtkTextView text:disabled:selected, - textview text:disabled:selected, GtkTextView text selection:disabled, - textview text selection:disabled, GtkFlow flowboxchild:disabled:selected, - flowbox flowboxchild:disabled:selected, GtkLabel:disabled selection, - label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, - popover.background radiobutton:disabled:selected, - .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:disabled:selected:not(.vertical), - entry:disabled:selected, spinbutton:not(.vertical) selection:disabled, - entry selection:disabled, row:disabled:selected { - color: #a2cde1; } - .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, .list-row:selected - label:backdrop, row:selected - label:backdrop, - label:backdrop:selected, GtkIconView:backdrop:selected:focus, - iconview:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, - iconview:backdrop:selected, - GtkTextView text:backdrop:selected:focus, - textview text:backdrop:selected:focus, - GtkTextView text:backdrop:selected, - textview text:backdrop:selected, GtkTextView text selection:backdrop, - textview text selection:backdrop, GtkFlow flowboxchild:backdrop:selected, - flowbox flowboxchild:backdrop:selected, GtkLabel:backdrop selection, - label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, - popover.background radiobutton:backdrop:selected, - .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:backdrop:selected:not(.vertical), - entry:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, - entry selection:backdrop, row:backdrop:selected { - color: rgba(255, 255, 255, 0.5); } - .list-row:selected GtkLabel:backdrop:disabled, row:selected GtkLabel:backdrop:disabled, GtkLabel:backdrop:disabled:selected, .list-row:selected - label:backdrop:disabled, row:selected - label:backdrop:disabled, - label:backdrop:disabled:selected, .view:backdrop:disabled:selected, GtkIconView:backdrop:disabled:selected, - iconview:backdrop:disabled:selected, - GtkTextView text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, GtkTextView text selection:backdrop:disabled, - textview text selection:backdrop:disabled, GtkFlow flowboxchild:backdrop:disabled:selected, - flowbox flowboxchild:backdrop:disabled:selected, GtkLabel:disabled selection:backdrop, - label:disabled selection:backdrop, GtkLabel:backdrop selection:disabled, - label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, - popover.background radiobutton:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:backdrop:disabled:selected:not(.vertical), - entry:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, - entry selection:backdrop:disabled, row:backdrop:disabled:selected { - color: rgba(91, 167, 202, 0.85); } - -.monospace { - font: Monospace; } - /********************** * DE-Specific Styles * **********************/ @@ -6156,11 +6226,6 @@ CheeseThumbView { /************ * Terminal * ************/ -TerminalScreen, -VteTerminal { - background-color: rgba(0, 43, 54, 0.9); - color: #839495; } - TerminalWindow .titlebar, TerminalWindow .header-bar { background-color: #636E73; } @@ -6987,14 +7052,14 @@ ConversationListView { border-width: 0 1px 1px 1px; } #buttonbox_frame button { - color: #A1A8AB; + color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -7003,7 +7068,7 @@ ConversationListView { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -7012,11 +7077,11 @@ ConversationListView { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } + outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:disabled { - color: #616769; + color: #828687; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; diff --git a/Paper/gtk-3.20/widgets/_base-states.scss b/Paper/gtk-3.20/widgets/_base-states.scss index 5174a19..c963d1e 100644 --- a/Paper/gtk-3.20/widgets/_base-states.scss +++ b/Paper/gtk-3.20/widgets/_base-states.scss @@ -191,3 +191,23 @@ label { -gtk-icon-shadow: none; } } + +%selected_items { + background-color: $selected_bg_color; + + @at-root %nobg_selected_items, & { + color: $selected_fg_color; + + @if $variant == 'light' { outline-color: transparentize($selected_fg_color, 0.7); } + + &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } + + &:backdrop { + color: $backdrop_selected_fg_color; + + &:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + } +} + +.monospace { font: Monospace; } diff --git a/Paper/gtk-3.20/widgets/_checks-radios.scss b/Paper/gtk-3.20/widgets/_checks-radios.scss index fffce2d..9ce339b 100644 --- a/Paper/gtk-3.20/widgets/_checks-radios.scss +++ b/Paper/gtk-3.20/widgets/_checks-radios.scss @@ -61,15 +61,15 @@ (':hover:selected', '-unchecked'), (':active:selected', '-unchecked'), (':backdrop:selected', '-unchecked'), - (':insensitive:selected', '-unchecked'), - (':insensitive:backdrop:selected', '-unchecked') { + (':disabled:selected', '-unchecked'), + (':disabled:backdrop:selected', '-unchecked') { check#{$s}{ -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$un}.png"),url("../assets/selected-checkbox#{$un}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$un}-dark.png"),url("../assets/selected-checkbox#{$un}-dark@2.png"))); - icon-shadow: none; + -gtk-icon-shadow: none; } radio#{$s}{ -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$un}.png"),url("../assets/selected-radio#{$un}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$un}-dark.png"),url("../assets/selected-radio#{$un}-dark@2.png"))); - icon-shadow: none; + -gtk-icon-shadow: none; } } @@ -78,33 +78,33 @@ (':checked:hover:selected', '-checked'), (':checked:active:selected', '-checked'), (':checked:backdrop:selected', '-checked'), - (':checked:insensitive:selected', '-checked'), - (':checked:insensitive:backdrop:selected', '-checked') { + (':checked:disabled:selected', '-checked'), + (':checked:disabled:backdrop:selected', '-checked') { check#{$s}{ -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$ch}.png"),url("../assets/selected-checkbox#{$ch}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$ch}-dark.png"),url("../assets/selected-checkbox#{$ch}-dark@2.png"))); - icon-shadow: none; + -gtk-icon-shadow: none; } radio#{$s}{ -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$ch}.png"),url("../assets/selected-radio#{$ch}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$ch}-dark.png"),url("../assets/selected-radio#{$ch}-dark@2.png"))); - icon-shadow: none; + -gtk-icon-shadow: none; } } // mixed:selected -@each $s,$mx in (':inconsistent:selected', '-mixed'), - (':inconsistent:hover:selected', '-mixed'), - (':inconsistent:active:selected', '-mixed'), - (':inconsistent:backdrop:selected', '-mixed'), - (':inconsistent:insensitive:selected', '-mixed'), - (':inconsistent:insensitive:backdrop:selected', '-mixed') { +@each $s,$mx in (':indeterminate:selected', '-mixed'), + (':indeterminate:hover:selected', '-mixed'), + (':indeterminate:active:selected', '-mixed'), + (':indeterminate:backdrop:selected', '-mixed'), + (':indeterminate:disabled:selected', '-mixed'), + (':indeterminate:disabled:backdrop:selected', '-mixed') { check#{$s}{ -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$mx}.png"),url("../assets/selected-checkbox#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$mx}-dark.png"),url("../assets/selected-checkbox#{$mx}-dark@2.png"))); - icon-shadow: none; + -gtk-icon-shadow: none; } radio#{$s}{ -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$mx}.png"),url("../assets/selected-radio#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$mx}-dark.png"),url("../assets/selected-radio#{$mx}-dark@2.png"))); - icon-shadow: none; + -gtk-icon-shadow: none; } } diff --git a/Paper/gtk-3.20/widgets/_header-bars.scss b/Paper/gtk-3.20/widgets/_header-bars.scss index ae00072..2accda2 100644 --- a/Paper/gtk-3.20/widgets/_header-bars.scss +++ b/Paper/gtk-3.20/widgets/_header-bars.scss @@ -2,9 +2,8 @@ * Header Bars * ***************/ -%titlebar, +%headerbar, headerbar { - min-height: 40px; padding:0 8px; border: none; border-radius: 4px 4px 0 0; @@ -44,7 +43,6 @@ headerbar { } // selection mode - &.selection-mode { border-radius: 4px 4px 0 0; @@ -89,50 +87,18 @@ headerbar { &.default-decoration { padding: 6px; - min-height: 28px; background-color: $headerbar_bg_color; color: $headerbar_fg_color; .maximized { - padding: 6px; + padding: 6px; + border-radius:0; } &:backdrop { background-color: $backdrop_headerbar_bg_color; color: $backdrop_headerbar_fg_color; } - - .button, - button { - - &.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius:50%; - background-color:transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - - &:hover { - background-color:transparent; - color:lighten($headerbar_fg_color, 10%); - } - - &:backdrop { - background-color:transparent; - color:$backdrop_headerbar_fg_color; - } - - &:active { - background-color:$headerbar_fg_color; - color:$headerbar_bg_color; - border-radius:50%; - box-shadow:none; - } - } - } } // Entries @@ -140,7 +106,6 @@ headerbar { entry { margin:6px 0; - min-height: 16px; border-radius: 2px; padding: 4px; @@ -211,20 +176,27 @@ headerbar { border-radius: 0px; border: none; box-shadow: none; - text-shadow: none; -gtk-icon-shadow: none; - padding: 10px; margin: 0; - color: $headerbar_fg_color; + padding: 10px; + text-shadow: none; + &.back-button, + &.suggested-action, + &.menu-button, &.text-button, &.image-button, + &.linked, &.flat { - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; background-color: transparent; background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; color: $headerbar_fg_color; &:backdrop { @@ -233,13 +205,28 @@ headerbar { text-shadow: none; color: $backdrop_headerbar_fg_color; } + + &:hover { + background-image:none; + background-color: transparentize(black, 0.85); + color:lighten($headerbar_fg_color, 10%); + box-shadow:none; + text-shadow:none; + } } - &.linked { - border-radius: 0px; - margin: 0; + label, + image { + color: $headerbar_fg_color; + + &:backdrop, + &:disabled { + color: $backdrop_headerbar_fg_color; + -gtk-icon-effect: dim; + } } + &:focus, &:hover { background-image:none; background-color: transparentize(black, 0.85); @@ -252,11 +239,14 @@ headerbar { background-color: transparent; background-image: none; color: $backdrop_headerbar_fg_color; + + image { + color: $backdrop_headerbar_fg_color; + } } &:active, &:checked { - font:bold; border-radius: 0px; text-shadow: none; @@ -275,38 +265,42 @@ headerbar { box-shadow: inset 0 -2px 0 0 $backdrop_headerbar_fg_color; } + + &:focus, + &:hover { + background-image:none; + background-color: transparentize(black, 0.85); + color:lighten($headerbar_fg_color, 10%); + box-shadow: inset 0 -2px 0 0 $headerbar_fg_color; + } } - &:disabled { + &:disabled, + &:disabled:backdrop { color: $backdrop_headerbar_fg_color; background-color: transparent; background-image: none; - &:backdrop { - color: $backdrop_headerbar_fg_color; - background-color: transparent; - background-image: none; - - image { - -gtk-icon-effect: dim; - } + image { + -gtk-icon-effect: dim; } } - // Title Button &.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius:50%; background-color:transparent; + background-image: none; + border-radius:50%; + border: none; box-shadow: none; - text-shadow: none; -gtk-icon-shadow: none; + margin: 0; + padding: 1px; + text-shadow: none; + color:$headerbar_fg_color; &:hover { - background-color:transparent; + background-color:transparentize($headerbar_fg_color, 0.9); color:lighten($headerbar_fg_color, 10%); } @@ -320,57 +314,81 @@ headerbar { color:$headerbar_bg_color; border-radius:50%; box-shadow:none; + + image { + color:$headerbar_bg_color; + } } } // Menu Button - &.menu-button, - &.title-menu-button { - padding: 1px; - background-color:transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - - &:hover { - background-color: transparentize(black, 0.9); - color:lighten($headerbar_fg_color, 10%); - } - - &:backdrop { - background-color:transparent; - color:$backdrop_headerbar_fg_color; - } - - &:active { - background-color:darken($headerbar_bg_color,10%); - color:$headerbar_fg_color; - box-shadow:none; + &.menu-button { + .menu { + .menuitem { + label { + color: $fg_color; + &:disabled { color: $insensitive_fg_color; } + } + .separator { color: $borders_color;} + &:hover { label {color: $selected_fg_color;}} + } } } - // Suggested Action Butotn + // Suggested Button &.suggested-action { + font-weight: bold; + padding:0; + padding: 5px 10px; + border-radius: 2px; + + background-color: $headerbar_fg_color; + color: $selected_bg_color; + box-shadow: 0 1px 0 0 transparentize(black, 0.8); + + label { color: $selected_bg_color;} &:hover { - } + background-color: $headerbar_fg_color; + box-shadow: 0 1px 2px 0 transparentize(black, 0.6); + label {color: $selected_bg_color;} - &:active { + &:backdrop { + background-color: transparentize($headerbar_fg_color, 0.2); + box-shadow:none; + label { color:transparentize($selected_bg_color, 0.2);} + } } &:disabled { + background-color: transparentize(black, 0.9); + box-shadow:none; + label { color:transparentize($headerbar_fg_color, 0.5);} + + &:backdrop { + background-color: transparentize(black, 0.9); + box-shadow:none; + label { color:transparentize($headerbar_fg_color, 0.5);} + } } &:backdrop { + background-color: transparentize($headerbar_fg_color, 0.9); + box-shadow: none; + label {color:transparentize($selected_bg_color, 0.8);} } + } - &:backdrop:disabled { + // Linked button + &.linked { + &:first-child, + &:last-child { + border-radius:0; } } } // Separator - .separator { color: transparent; background-color: transparent; @@ -378,7 +396,6 @@ headerbar { } .titlebar { - &, &:backdrop { border-top-left-radius: 4px; border-top-right-radius: 4px; @@ -386,6 +403,7 @@ headerbar { } headerbar { + .separator:first-child + &, separator:first-child + &, // tackles the paned container case &:first-child { &, &:backdrop { border-top-left-radius: 4px; }} @@ -407,5 +425,5 @@ headerbar { } } - @extend %titlebar; + @extend %headerbar; } diff --git a/Paper/gtk-3.20/widgets/_scales.scss b/Paper/gtk-3.20/widgets/_scales.scss index 9771fc3..36d34ad 100644 --- a/Paper/gtk-3.20/widgets/_scales.scss +++ b/Paper/gtk-3.20/widgets/_scales.scss @@ -1,17 +1,18 @@ /************ * GtkScale * ************/ - %scale_trough { border:none; background-color: $base_color; - box-shadow: inset 0 0 0 1px transparentize(black, 0.8), 0px 1px $bottom_highlight; + box-shadow: 0px 1px $bottom_highlight; + border:1px solid $borders_color; padding:0; margin: 0; &:disabled { background-color: $insensitive_bg_color; + box-shadow: none; } &:backdrop { @@ -21,7 +22,7 @@ &:disabled { background-color: $insensitive_bg_color; } } - // on selected list rows + // ...on selected list rows row:selected & { box-shadow: none; @@ -43,20 +44,19 @@ border: 1px solid $selected_borders_color; background-color: $selected_bg_color; - box-shadow: 0px 1px $bottom_highlight; + box-shadow: inset 0px 1px $top_highlight; border-radius: 4px; - min-height: 8px; - &:disabled { - border: 1px solid darken($borders_color, 15%); - background-color: darken($bg_color, 20%); + border: 1px solid $borders_color; + background-color: transparentize(black, 0.9); } &:backdrop, &:active:backdrop { - border-color: if($variant=='light', $selected_bg_color, $selected_borders_color); + + border-color: lighten($selected_bg_color, 10%); background-color: lighten($selected_bg_color, 10%); &:disabled { background-color: transparent; @@ -64,8 +64,7 @@ } } - // on selected list rows - .list-row:selected & { &:disabled, & { border-color: $selected_borders_color; } } + // ...on selected list rows row:selected & { &:disabled, & { border-color: $selected_borders_color; } } // OSD @@ -76,12 +75,10 @@ } } - -// Scale scale { // sizing - $_marks_length: 6px; + $_marks_lenght: 6px; $_marks_distance: 6px; min-height: 10px; @@ -92,15 +89,19 @@ scale { fill, highlight { margin: -1px; } - // Slider, the scale handle + // the slider is inside the trough, so to have make it bigger there's a negative margin slider { - min-height: 16px; - min-width: 16px; - margin: 2px; + min-height: 18px; + min-width: 18px; + margin: -9px 0; + + &.horizontal { + margin: 0 -9px; + } background-color:$base_color; - box-shadow:0 1px 1px 0 transparentize(black, 0.8); - border: 1px solid transparentize(black, 0.7); + box-shadow:0 1px 2px 0 transparentize(black, 0.7); + border: 1px solid $borders_color; border-radius: 12px; transition: $button_transition; @@ -108,7 +109,7 @@ scale { &:hover {} &:active { - box-shadow:0 1px 1px 0 transparentize($selected_bg_color, 0.5); + box-shadow:0 1px 2px 0 transparentize($selected_bg_color, 0.5); border: 1px solid $selected_bg_color; &:disabled { @@ -116,63 +117,10 @@ scale { border: 1px solid transparentize(black, 0.8); } } - - &:disabled { - box-shadow:none; - } - - &:backdrop {} - - .list-row:selected & { &, &:disabled { border-color: $selected_borders_color; } } - row:selected & { &, &:disabled { border-color: $selected_borders_color; } } - - // OSD - .osd & { - @include button(osd); - border-color: darken($osd_borders_color, 3%); - background-color: opacify($osd_bg_color, 1); // solid background needed here - - &:hover { @include button(osd-hover); } - - &:active { @include button(osd-active); } - - &:disabled { @include button(osd-insensitive); } - - &:backdrop { - @include button(osd-backdrop); - - &:disabled { @include button(osd-backdrop-insensitive); } - } - } } - // Trough - trough { - @extend %scale_trough; - border-radius: 2px; - margin: 6px; - - outline-offset: 2px; - -gtk-outline-radius: 5px; - - &.horizontal { - } - - &.vertical { - } - } - - - // The coloured part of the Trough - fill, - highlight { - @extend %scale_highlight; - } - - // Fine-tune mode - // when you click-and-hold the slider + // click-and-hold the slider to activate &.fine-tune { - &.horizontal { padding-top: 9px; padding-bottom: 9px; @@ -186,39 +134,31 @@ scale { } // to make the trough grow in fine-tune mode - slider { - min-height: 16px; - min-width: 16px; - - background-color:$base_color; - border-color:$base_color; - border: 1px solid transparentize(black, 0.7); - border-radius: 12px; - box-shadow:none; - } - - trough { - @extend %scale_trough; - - border-radius:6px; - - outline-offset: 2px; - -gtk-outline-radius: 5px; - - margin: 2px; - } + slider { margin: -6px; } fill, - highlight { - @extend %scale_highlight; + highlight, + trough { + border-radius: 5px; + -gtk-outline-radius: 7px; } } + // the backing bit + trough { + @extend %scale_trough; + + outline-offset: 2px; + -gtk-outline-radius: 5px; + } + + // the colored part of the backing bit + highlight { @extend %scale_highlight; } + // this is another differently styled part of the backing bit, the most relevant use case is for example // in media player to indicate how much video stream as been cached fill { @extend %scale_trough; - border-radius: 2px; &, &:backdrop { background-color: $borders_color; @@ -245,6 +185,51 @@ scale { } } + slider { + @include button(normal-alt, $edge: $shadow_color); + + border: 1px solid darken($borders_color, 3%); + border-radius: 100%; + transition: $button_transition; + transition-property: background, border, box-shadow; + + &:hover { @include button(hover-alt, $edge: $shadow_color); } + + &:active { border-color: $selected_borders_color; } + + &:disabled { @include button (insensitive); } + + &:backdrop { + transition: $backdrop_transition; + + @include button(backdrop); + + &:disabled { @include button(backdrop-insensitive); } + } + + // ...on selected list rows + row:selected & { &, &:disabled { border-color: $selected_borders_color; } } + + // OSD + .osd & { + @include button(osd); + border-color: darken($osd_borders_color, 3%); + background-color: opacify($osd_bg_color, 1); // solid background needed here + + &:hover { @include button(osd-hover); } + + &:active { @include button(osd-active); } + + &:disabled { @include button(osd-insensitive); } + + &:backdrop { + @include button(osd-backdrop); + + &:disabled { @include button(osd-backdrop-insensitive); } + } + } + } + value { color: gtkalpha(currentColor, 0.4); } marks { @@ -256,7 +241,7 @@ scale { (bottom, right, left) { &.#{$marks_class} { margin-#{$marks_margin}: $_marks_distance; - margin-#{$marks_pos}: -($_marks_distance + $_marks_length); + margin-#{$marks_pos}: -($_marks_distance + $_marks_lenght); } } } @@ -268,25 +253,25 @@ scale { (bottom, right, left) { &.#{$marks_class} { margin-#{$marks_margin}: $_marks_distance; - margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 3px); + margin-#{$marks_pos}: -($_marks_distance + $_marks_lenght - 3px); } } } &.horizontal { indicator { - min-height: $_marks_length; + min-height: $_marks_lenght; min-width: 1px; } - &.fine-tune indicator { min-height: ($_marks_length - 3px); } + &.fine-tune indicator { min-height: ($_marks_lenght - 3px); } } &.vertical { indicator { min-height: 1px; - min-width: $_marks_length; + min-width: $_marks_lenght; } - &.fine-tune indicator { min-width: ($_marks_length - 3px); } + &.fine-tune indicator { min-width: ($_marks_lenght - 3px); } } // *WARNING* scale with marks madness following @@ -379,7 +364,6 @@ scale { min-height: 0; min-width: 0; - .trough, trough { background-image: linear-gradient(to top, $borders_color); background-repeat: no-repeat; @@ -388,7 +372,6 @@ scale { &.horizontal { padding: 0 0 15px 0; - .trough, trough { padding-bottom: 4px; background-position: 0 -3px; @@ -396,7 +379,6 @@ scale { border-top-right-radius: 0; } - .slider, slider { &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { @extend %scale-has-marks-above-horz; @@ -411,7 +393,6 @@ scale { &:dir(ltr) { padding: 0 0 0 15px; - .trough, trough { padding-left: 4px; background-position: 3px 0; @@ -419,7 +400,6 @@ scale { border-top-right-radius: 0; } - .slider, slider { &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { @extend %scale-has-marks-below-vert; @@ -433,7 +413,6 @@ scale { &:dir(rtl) { padding: 0 15px 0 0; - .trough, trough { padding-right: 4px; background-position: -3px 0; @@ -441,7 +420,6 @@ scale { border-top-left-radius: 0; } - .slider, slider { &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { @extend %scale-has-marks-above-vert; @@ -457,13 +435,11 @@ scale { &.horizontal { padding: 0 0 12px 0; - .trough, trough { padding-bottom: 7px; background-position: 0 -6px; } - .slider, slider { @extend %scale-has-marks-above-horz-fine-tune; @@ -476,13 +452,11 @@ scale { &:dir(ltr) { padding: 0 0 0 12px; - .trough, trough { padding-left: 7px; background-position: 6px 0; } - .slider, slider { @extend %scale-has-marks-below-vert-fine-tune; @@ -494,13 +468,11 @@ scale { &:dir(rtl) { padding: 0 12px 0 0; - .trough, trough { padding-right: 7px; background-position: -6px 0; } - .slider, slider { @extend %scale-has-marks-above-vert-fine-tune; diff --git a/Paper/gtk-3.20/widgets/_toolbars.scss b/Paper/gtk-3.20/widgets/_toolbars.scss index 555f2ac..4742718 100644 --- a/Paper/gtk-3.20/widgets/_toolbars.scss +++ b/Paper/gtk-3.20/widgets/_toolbars.scss @@ -17,47 +17,142 @@ toolbar { // on OSD .osd & { box-shadow:none; background-color: transparent; } - - // buttons + + // Buttons button { - border: none; - background: none; - text-shadow: none; background-color: transparent; - color: $headerbar_fg_color; + background-image: none; border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; padding: 10px; + text-shadow: none; - &:focus, - &:active { - color: $headerbar_fg_color; + &.suggested-action, + &.text-button, + &.menu-button, + &.image-button, + &.linked, + &.flat { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; text-shadow: none; - box-shadow: inset 0 -2px 0 0 $headerbar_fg_color; - background-color: transparentize(white, 0.9); + color: $headerbar_fg_color; &:backdrop { background-color: transparent; + background-image: none; + text-shadow: none; + color: $backdrop_headerbar_fg_color; + } + + &:hover { + background-image:none; + background-color: transparentize(black, 0.85); + color:lighten($headerbar_fg_color, 10%); + box-shadow:none; + text-shadow:none; + } + + &:disabled { + color: $backdrop_headerbar_fg_color; + -gtk-image-effect: dim; + } + } + + label, + image { + color: $headerbar_fg_color; + + &:disabled, + &:backdrop { + color: $backdrop_headerbar_fg_color; + -gtk-image-effect: dim; + } + } + + &:focus, + &:hover { + background-image:none; + background-color: transparentize(black, 0.85); + color:lighten($headerbar_fg_color, 10%); + box-shadow:none; + text-shadow:none; + } + + &:backdrop { + background-color: transparent; + background-image: none; + color: $backdrop_headerbar_fg_color; + + image { color: $backdrop_headerbar_fg_color; } } - &:hover { - background-color: transparentize(white, 0.9); + &:active, + &:checked { + border-radius: 0px; + text-shadow: none; - color: $headerbar_fg_color; + icon-shadow: none; + box-shadow: inset 0 -2px 0 0 $headerbar_fg_color; + + background-color: transparent; + background-image: none; + color: $headerbar_fg_color; + + &:backdrop { + background-color: transparent; + background-image: none; + color: $backdrop_headerbar_fg_color; + + box-shadow: inset 0 -2px 0 0 $backdrop_headerbar_fg_color; + } + + &:focus, + &:hover { + background-image:none; + background-color: transparentize(black, 0.85); + color:lighten($headerbar_fg_color, 10%); + box-shadow: inset 0 -2px 0 0 $headerbar_fg_color; + } } - &:disabled { - background:none; - background-color: transparent; - color: transparentize($headerbar_fg_color,0.5); - } - - &:backdrop { - background:none; - background-color: transparent; + &:disabled, + &:disabled:backdrop { color: $backdrop_headerbar_fg_color; + background-color: transparent; + background-image: none; + + image, + image { + -gtk-image-effect: dim; + } + } + + + // Menu Button + &.menu-button { + .menu { + .menuitem { + label { + color: $fg_color; + &:disabled { color: $insensitive_fg_color; } + } + .separator { color: $borders_color;} + &:hover { label {color: $selected_fg_color;}} + } + } } } @@ -92,6 +187,7 @@ toolbar { %inline-toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; background-color: darken($bg_color, 2%); color: $fg_color; @@ -110,14 +206,31 @@ toolbar { // buttons button { - border: none; - background: none; - text-shadow: none; - box-shadow: none; background-color: transparent; - color: $fg_color; + background-image: none; border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; padding: 10px; + text-shadow: none; + + &.suggested-action, + &.text-button, + &.menu-button, + &.image-button, + &.linked, + &.flat { + border: none; + background: none; + text-shadow: none; + box-shadow: none; + background-color: transparent; + color: $fg_color; + border-radius: 0px; + padding: 10px; + } &:focus, &:active { @@ -152,9 +265,21 @@ toolbar { background:none; background-color: transparent; color: $backdrop_fg_color; + } + + label, + image { + color: $fg_color; + + &:disabled, + &:backdrop { + color: $backdrop_fg_color; + -gtk-image-effect: dim; + } } } + .entry, entry { background: none; color: $fg_color; diff --git a/Paper/gtk-3.20/widgets/_windows.scss b/Paper/gtk-3.20/widgets/_windows.scss index 7434bac..4bfef4f 100644 --- a/Paper/gtk-3.20/widgets/_windows.scss +++ b/Paper/gtk-3.20/widgets/_windows.scss @@ -2,7 +2,6 @@ * Window Decorations * *********************/ -.window-frame, decoration { border-radius: 4px; @@ -24,27 +23,14 @@ decoration { .popup & { box-shadow: none; } - // server-side decorations as used by mutter - .ssd & { box-shadow: 0 0 0 1px transparentize(black,0.5);} + // server-side decorations + .ssd & { box-shadow: 0 0 0 1px transparentize(black,0.9);} .csd.popup & { border-radius: 0; box-shadow: 0 1px 2px transparentize(black, 0.8); } - .tooltip.csd &, - tooltip.csd & { - border-radius: 5px; - box-shadow: none; - } - - GtkMessageDialog.csd &, - messagedialog.csd & { - border-radius: 5px; - box-shadow: 0 3px 6px transparentize(black, 0.8), - 0 1px 3px transparentize(black,0.7); - } - .solid-csd & { border-radius: 0; margin: 4px; @@ -52,53 +38,4 @@ decoration { border: 0px solid $backdrop_borders_color; box-shadow: none; } -} - -// // Window Close button -// .button.titlebutton, -// button.titlebutton { -// @extend %button_basic; - -// @extend %button_basic.flat; - -// @include _button_text_shadow; - -// .selection-mode & { -// @extend %button.flat.suggested-action; - -// @extend %nobg_selected_items; -// } - -// &:backdrop { -gtk-icon-shadow: none; } -// } - -// .header-bar.selection-mode button.titlebutton, -// headerbar.selection-mode button.titlebutton, -// .titlebar.selection-mode button.titlebutton { -// @include _button_text_shadow(white, $selected_bg_color); - -// &:backdrop { -gtk-icon-shadow: none; } -// } - - -// catch all extend :) - -%selected_items { - background-color: $selected_bg_color; - - @at-root %nobg_selected_items, & { - color: $selected_fg_color; - - @if $variant == 'light' { outline-color: transparentize($selected_fg_color, 0.7); } - - &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } - - &:backdrop { - color: $backdrop_selected_fg_color; - - &:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } - } - } -} - -.monospace { font: Monospace; } \ No newline at end of file +} \ No newline at end of file