diff --git a/gtk-4.0/_drawing.scss b/gtk-4.0/_drawing.scss index 81a6a74..cd289ad 100755 --- a/gtk-4.0/_drawing.scss +++ b/gtk-4.0/_drawing.scss @@ -597,7 +597,7 @@ box-shadow: none; } @mixin scale-highlight($dir) { - background: linear-gradient(to $dir, #00f17d, #00f7d2); + background: linear-gradient(to $dir, #ff005d, #ff8b26); } @mixin selected-tab($dir) { @@ -605,7 +605,7 @@ box-shadow: none; linear-gradient(to $dir, $selected-tab-gradient-start, $selected-tab-gradient-end) left bottom - lighten(mix($base_color, $headerbar_color, 30%), 2%) + lighten(mix($base_color, darken($headerbar_color, 8%), 30%), 4%) no-repeat; @if $dir==right { background-size: 100% 2px; } @else if $dir==bottom { background-size: 2px 100%; } diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css index d567828..889fc44 100755 --- a/gtk-4.0/gtk-dark.css +++ b/gtk-4.0/gtk-dark.css @@ -3,75 +3,75 @@ ---------------- use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #C3C7D1; +@define-color theme_fg_color #76777A; /* text color for entries, views and content in general */ -@define-color theme_text_color #C3C7D1; +@define-color theme_text_color #76777A; /* widget base background color */ -@define-color theme_bg_color #161925; +@define-color theme_bg_color #1A1E21; /* text widgets and the like base background color */ -@define-color theme_base_color #181b28; +@define-color theme_base_color #1c2124; /* base background color of selections */ -@define-color theme_selected_bg_color #c50ed2; +@define-color theme_selected_bg_color #F67E7D; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #fefefe; +@define-color theme_selected_fg_color #f7f7f7; /* base background color of disabled widgets */ -@define-color insensitive_bg_color #171a26; +@define-color insensitive_bg_color #1b1f22; /* text foreground color of disabled widgets */ -@define-color insensitive_fg_color #6d707b; +@define-color insensitive_fg_color #484b4e; /* disabled text widgets and the like base background color */ -@define-color insensitive_base_color #181b28; +@define-color insensitive_base_color #1c2124; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #6d707b; +@define-color theme_unfocused_fg_color #484b4e; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #C3C7D1; +@define-color theme_unfocused_text_color #76777A; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #161925; +@define-color theme_unfocused_bg_color #1A1E21; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #1a1d2b; +@define-color theme_unfocused_base_color #1e2327; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #c50ed2; +@define-color theme_unfocused_selected_bg_color #F67E7D; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #fefefe; +@define-color theme_unfocused_selected_fg_color #f7f7f7; /* widgets main borders color */ @define-color borders rgba(12, 14, 21, 0.8); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(13, 16, 23, 0.82); +@define-color unfocused_borders rgba(14, 16, 23, 0.82); /* these are pretty self explicative */ -@define-color warning_color #cc5500; -@define-color error_color #e6133e; +@define-color warning_color #f47d49; +@define-color error_color #f46665; @define-color success_color #0096b1; -@define-color fg_color #C3C7D1; -@define-color text_color #C3C7D1; -@define-color bg_color #161925; -@define-color base_color #181b28; -@define-color selected_bg_color #c50ed2; -@define-color selected_fg_color #fefefe; -@define-color unfocused_fg_color #6d707b; -@define-color unfocused_text_color #C3C7D1; -@define-color unfocused_bg_color #161925; -@define-color unfocused_base_color #1a1d2b; -@define-color unfocused_selected_bg_color #c50ed2; -@define-color unfocused_selected_fg_color #fefefe; +@define-color fg_color #76777A; +@define-color text_color #76777A; +@define-color bg_color #1A1E21; +@define-color base_color #1c2124; +@define-color selected_bg_color #F67E7D; +@define-color selected_fg_color #f7f7f7; +@define-color unfocused_fg_color #484b4e; +@define-color unfocused_text_color #76777A; +@define-color unfocused_bg_color #1A1E21; +@define-color unfocused_base_color #1e2327; +@define-color unfocused_selected_bg_color #F67E7D; +@define-color unfocused_selected_fg_color #f7f7f7; /* 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(#C3C7D1, 1.8); -@define-color wm_unfocused_title #6d707b; +@define-color wm_title shade(#76777A, 1.8); +@define-color wm_unfocused_title #484b4e; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(255, 255, 255, 0.1); -@define-color wm_bg_a shade(#161925, 1.2); -@define-color wm_bg_b #161925; +@define-color wm_bg_a shade(#1A1E21, 1.2); +@define-color wm_bg_b #1A1E21; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#161925, 1.3); -@define-color wm_button_hover_color_b #161925; -@define-color wm_button_active_color_a shade(#161925, 0.85); -@define-color wm_button_active_color_b shade(#161925, 0.89); -@define-color wm_button_active_color_c shade(#161925, 0.9); -@define-color content_view_bg #181b28; -@define-color text_view_bg #181b28; -@define-color budgie_tasklist_indicator_color #c50ed2; -@define-color budgie_tasklist_indicator_color_active #c50ed2; -@define-color placeholder_text_color #a1a5b0; +@define-color wm_button_hover_color_a shade(#1A1E21, 1.3); +@define-color wm_button_hover_color_b #1A1E21; +@define-color wm_button_active_color_a shade(#1A1E21, 0.85); +@define-color wm_button_active_color_b shade(#1A1E21, 0.89); +@define-color wm_button_active_color_c shade(#1A1E21, 0.9); +@define-color content_view_bg #1c2124; +@define-color text_view_bg #1c2124; +@define-color budgie_tasklist_indicator_color #F67E7D; +@define-color budgie_tasklist_indicator_color_active #F67E7D; +@define-color placeholder_text_color #646669; @define-color STRAWBERRY_100 #ff8c82; @define-color STRAWBERRY_300 #ed5353; @define-color STRAWBERRY_500 #c6262e; @@ -140,11 +140,11 @@ read if you used those and something break with a version upgrade you're on your *********/ * { padding: 0; - outline-color: rgba(195, 199, 209, 0.3); + outline-color: rgba(118, 119, 122, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 0px; - -gtk-secondary-caret-color: #c50ed2; } + -gtk-secondary-caret-color: #F67E7D; } /*********** * Widgets * @@ -153,13 +153,13 @@ read if you used those and something break with a version upgrade you're on your * Action bars * ***************/ .action-bar { - background-color: #030305; + background-color: #040404; border: solid rgba(12, 14, 21, 0.8); border-width: 1px 0 0 0; - color: #C3C7D1; + color: #76777A; box-shadow: none; } .action-bar:backdrop { - background-color: #030305; + background-color: #040404; box-shadow: none; } .action-bar:first-child { border-radius: 6px 6px 0px 0px; @@ -175,7 +175,7 @@ read if you used those and something break with a version upgrade you're on your .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; - background-color: rgba(16, 19, 27, 0.98); + background-color: rgba(19, 22, 24, 0.98); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, @@ -190,11 +190,11 @@ read if you used those and something break with a version upgrade you're on your * Base States * ***************/ .background { - color: #C3C7D1; - background-color: #161925; } + color: #76777A; + background-color: #1A1E21; } .background:backdrop { - color: #6d707b; - background-color: #161925; + color: #484b4e; + background-color: #1A1E21; text-shadow: none; -gtk-icon-shadow: none; } @@ -205,33 +205,33 @@ read if you used those and something break with a version upgrade you're on your Everytime a wildcard is used a kitten dies, painfully. */ .gtkstyle-fallback { - color: #C3C7D1; - background-color: #161925; } + color: #76777A; + background-color: #1A1E21; } .gtkstyle-fallback:hover { - color: #C3C7D1; - background-color: #292f45; } + color: #76777A; + background-color: #30383e; } .gtkstyle-fallback:active { - color: #C3C7D1; - background-color: #030305; } + color: #76777A; + background-color: #040404; } .gtkstyle-fallback:disabled { - color: #6d707b; - background-color: #171a26; } + color: #484b4e; + background-color: #1b1f22; } .gtkstyle-fallback:selected { - color: #fefefe; - background-color: #c50ed2; } + color: #f7f7f7; + background-color: #F67E7D; } .view, iconview, .view text, iconview text, textview text { - color: #C3C7D1; - background-color: #181b28; } + color: #76777A; + background-color: #1c2124; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { - color: #a1a5b0; - background-color: #1a1d2b; } + color: #646669; + background-color: #1e2327; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, @@ -242,15 +242,15 @@ textview text { border-radius: 3px; } textview border { - background-color: #171a27; } + background-color: #1b2023; } .rubberband, rubberband, flowbox rubberband, .content-view rubberband, treeview.view rubberband { - border: 1px solid #980ba2; - background-color: rgba(152, 11, 162, 0.2); } + border: 1px solid #f34f4d; + background-color: rgba(243, 79, 77, 0.2); } flowbox flowboxchild { padding: 3px; @@ -261,18 +261,18 @@ flowbox flowboxchild { label { caret-color: currentColor; } label.separator { - color: #C3C7D1; } + color: #76777A; } label.separator:backdrop { - color: #6d707b; } + color: #484b4e; } label selection { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } label:disabled { - color: #6d707b; } + color: #484b4e; } label:disabled:backdrop { - color: #333955; } + color: #3c454c; } label:backdrop { - color: #6d707b; } + color: #484b4e; } .dim-label, label.separator, .titlebar .subtitle, headerbar .subtitle { @@ -280,17 +280,17 @@ headerbar .subtitle { text-shadow: none; } assistant .sidebar { - background-color: #181b28; + background-color: #1c2124; border-top: 1px solid rgba(12, 14, 21, 0.8); } assistant .sidebar:backdrop { - background-color: #1a1d2b; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1e2327; + border-color: rgba(14, 16, 23, 0.82); } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { - background-color: #393c47; } + background-color: #2c3033; } .app-notification, .app-notification.frame, .osd .scale-popup, .osd popover.background > arrow, @@ -299,7 +299,7 @@ popover.background.touch-selection > contents, popover.background.magnifier > ar popover.background.magnifier > contents, .osd { color: #fefefe; border: 1px solid #171e27; - background-color: rgba(16, 19, 27, 0.98); + background-color: rgba(19, 22, 24, 0.98); background-clip: padding-box; outline-color: rgba(254, 254, 254, 0.3); text-shadow: 0 1px black; @@ -312,17 +312,17 @@ popover.background.magnifier > contents, .osd { -gtk-icon-shadow: none; } *:selected { - background: #c50ed2; - color: #fefefe; } + background: #F67E7D; + color: #f7f7f7; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { - background-image: radial-gradient(farthest-side, #e63bf2 0%, rgba(230, 59, 242, 0) 0%); } + background-image: radial-gradient(farthest-side, #fbc5c5 0%, rgba(251, 197, 197, 0) 0%); } to { - background-image: radial-gradient(farthest-side, #e63bf2 95%, rgba(230, 59, 242, 0)); } } + background-image: radial-gradient(farthest-side, #fbc5c5 95%, rgba(251, 197, 197, 0)); } } notebook > header > tabs > arrow, button { min-height: 20px; @@ -332,8 +332,8 @@ button { border-radius: 4px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: normal; - color: #C3C7D1; - background-color: #181b28; + color: #76777A; + background-color: #1c2124; text-shadow: none; } notebook > header > tabs > arrow, button.flat { @@ -348,34 +348,34 @@ button { button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; - color: #fefefe; - outline-color: rgba(254, 254, 254, 0.3); - background-color: #c50ed2; + color: #f7f7f7; + outline-color: rgba(247, 247, 247, 0.3); + background-color: #F67E7D; text-shadow: none; } notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { - color: #fefefe; - outline-color: rgba(254, 254, 254, 0.3); - background-color: #c50ed2; + color: #f7f7f7; + outline-color: rgba(247, 247, 247, 0.3); + background-color: #F67E7D; text-shadow: none; -gtk-icon-filter: brightness(1.2); } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { - color: #fefefe; - outline-color: rgba(254, 254, 254, 0.3); - background-color: #af0cba; + color: #f7f7f7; + outline-color: rgba(247, 247, 247, 0.3); + background-color: #f46665; text-shadow: none; transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #1a1d2b; + color: #646669; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #1e2327; text-shadow: none; transition: 200ms ease-out; -gtk-icon-filter: none; } @@ -384,31 +384,31 @@ button { button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { - color: rgba(254, 254, 254, 0.7); - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: rgba(247, 247, 247, 0.7); + outline-color: rgba(118, 119, 122, 0.3); + background-color: #F67E7D; text-shadow: none; } notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, button:backdrop.flat:active label, button:backdrop.flat:checked label, button:backdrop:active label, button:backdrop:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #171a26; + color: #646669; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #1b1f22; text-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { - color: rgba(254, 254, 254, 0.7); - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: rgba(247, 247, 247, 0.7); + outline-color: rgba(118, 119, 122, 0.3); + background-color: #F67E7D; text-shadow: none; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop, @@ -422,21 +422,21 @@ button { -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #171a26; + color: #646669; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #1b1f22; text-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { - color: rgba(254, 254, 254, 0.7); - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: rgba(247, 247, 247, 0.7); + outline-color: rgba(118, 119, 122, 0.3); + background-color: #F67E7D; text-shadow: none; } notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, button:disabled:active label, button:disabled:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; @@ -450,11 +450,11 @@ button { box-shadow: none; } notebook > header > tabs > arrow.image-button.sidebar-button, button.image-button.sidebar-button { - background-color: #252a3e; + background-color: #272d31; color: #fff; } notebook > header > tabs > arrow.image-button.sidebar-button:hover, button.image-button.sidebar-button:hover { - background-color: #c50ed2; } + background-color: #F67E7D; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; @@ -470,14 +470,14 @@ button { padding-right: 8px; } combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { - color: #71f79f; - border-color: #71f79f; - box-shadow: inset 0 0 0 1px #71f79f; } + color: #CAE7B9; + border-color: #CAE7B9; + box-shadow: inset 0 0 0 1px #CAE7B9; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: #fefefe; + color: #f7f7f7; border-color: transparent; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #6d707b; } + color: #484b4e; } button.osd { min-width: 24px; min-height: 20px; @@ -486,7 +486,7 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(16, 19, 27, 0.98); + background-color: rgba(19, 22, 24, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -499,7 +499,7 @@ button.osd { button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98)); + background-image: linear-gradient(to bottom, rgba(46, 53, 59, 0.98), rgba(46, 53, 59, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -511,7 +511,7 @@ button.osd { button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98)); + background-image: linear-gradient(to bottom, rgba(33, 38, 42, 0.98), rgba(33, 38, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; @@ -521,9 +521,9 @@ button.osd { box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -532,7 +532,7 @@ button.osd { button.osd:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98)); + background-image: linear-gradient(to bottom, rgba(19, 22, 24, 0.98), rgba(19, 22, 24, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -543,7 +543,7 @@ button.osd { .osd button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(16, 19, 27, 0.98); + background-color: rgba(19, 22, 24, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -553,7 +553,7 @@ button.osd { .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98)); + background-image: linear-gradient(to bottom, rgba(46, 53, 59, 0.98), rgba(46, 53, 59, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -566,7 +566,7 @@ button.osd { .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98)); + background-image: linear-gradient(to bottom, rgba(33, 38, 42, 0.98), rgba(33, 38, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; @@ -575,9 +575,9 @@ button.osd { .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -586,7 +586,7 @@ button.osd { .osd button:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98)); + background-image: linear-gradient(to bottom, rgba(19, 22, 24, 0.98), rgba(19, 22, 24, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -606,7 +606,7 @@ button.osd { .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98)); + background-image: linear-gradient(to bottom, rgba(46, 53, 59, 0.98), rgba(46, 53, 59, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -614,9 +614,9 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -637,7 +637,7 @@ button.osd { .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98)); + background-image: linear-gradient(to bottom, rgba(33, 38, 42, 0.98), rgba(33, 38, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; @@ -648,12 +648,12 @@ button.suggested-action { box-shadow: none; color: white; border-radius: 100px; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } .selection-mode windowcontrols button, button.suggested-action.flat { box-shadow: none; color: white; border-radius: 100px; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -672,12 +672,12 @@ button.suggested-action { .selection-mode windowcontrols button:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } .selection-mode windowcontrols button:backdrop:active, .selection-mode windowcontrols button:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } .selection-mode windowcontrols button:backdrop:active label, .selection-mode windowcontrols button:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -686,9 +686,9 @@ button.suggested-action { .selection-mode windowcontrols button:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } .selection-mode windowcontrols button:backdrop:disabled:active, .selection-mode windowcontrols button:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { background-color: transparent; @@ -704,12 +704,12 @@ button.suggested-action { background-color: #00c1e4; text-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .osd button.suggested-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); @@ -738,9 +738,9 @@ button.suggested-action { -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -758,47 +758,47 @@ button.destructive-action { box-shadow: none; color: white; border-radius: 100px; - background: linear-gradient(to right, #FF416C, #FF4B2B); } + background: linear-gradient(to right, #F67E7D, #F79F79); } button.destructive-action.flat { box-shadow: none; color: white; border-radius: 100px; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { background-color: transparent; @@ -807,23 +807,23 @@ button.destructive-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(206, 17, 56, 0.8); } + color: rgba(243, 79, 77, 0.8); } button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .osd button.destructive-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(206, 17, 56, 0.5); + background-color: rgba(243, 79, 77, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -832,7 +832,7 @@ button.destructive-action { .osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.7), rgba(206, 17, 56, 0.7)); + background-image: linear-gradient(to bottom, rgba(243, 79, 77, 0.7), rgba(243, 79, 77, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -841,16 +841,16 @@ button.destructive-action { .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #ce1138, #ce1138); + background-image: linear-gradient(to bottom, #f34f4d, #f34f4d); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -858,7 +858,7 @@ button.destructive-action { .osd button.destructive-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.5), rgba(206, 17, 56, 0.5)); + background-image: linear-gradient(to bottom, rgba(243, 79, 77, 0.5), rgba(243, 79, 77, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -890,15 +890,15 @@ button.destructive-action { .primary-toolbar button, .primary-toolbar .raised button { -gtk-icon-shadow: none; } .primary-toolbar button:hover, .primary-toolbar button:focus, .primary-toolbar .raised button:hover, .primary-toolbar .raised button:focus { - color: #fefefe; - outline-color: rgba(254, 254, 254, 0.3); - background-color: #c50ed2; + color: #f7f7f7; + outline-color: rgba(247, 247, 247, 0.3); + background-color: #F67E7D; text-shadow: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; - background-image: radial-gradient(farthest-side, #e63bf2 96%, rgba(230, 59, 242, 0)); + background-image: radial-gradient(farthest-side, #fbc5c5 96%, rgba(251, 197, 197, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } @@ -911,13 +911,13 @@ button.destructive-action { toolbar button:hover { font-weight: normal; - color: #C3C7D1; - background-color: #181b28; + color: #76777A; + background-color: #1c2124; text-shadow: none; } toolbar button:active { font-weight: normal; - color: #C3C7D1; - background-color: #181b28; + color: #76777A; + background-color: #1c2124; text-shadow: none; } .inline-toolbar toolbutton > button { @@ -928,21 +928,21 @@ toolbar button:active { text-shadow: none; -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:hover { - color: #fefefe; } + color: #f7f7f7; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #af0cba; } + color: #f46665; } .inline-toolbar toolbutton > button:disabled { - color: #a1a5b0; } + color: #646669; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(175, 12, 186, 0.3); } + color: rgba(244, 102, 101, 0.3); } .inline-toolbar toolbutton > button:backdrop { - color: #a1a5b0; } + color: #646669; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - color: #af0cba; } + color: #f46665; } .inline-toolbar toolbutton > button:backdrop:disabled { - color: #a1a5b0; } + color: #646669; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - color: rgba(175, 12, 186, 0.3); } + color: rgba(244, 102, 101, 0.3); } toolbar.inline-toolbar toolbutton > button.flat:backdrop, toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { @@ -1014,7 +1014,7 @@ modelbutton.flat, outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { - background-color: #202435; } + background-color: #252b2f; } modelbutton.flat check:last-child, modelbutton.flat radio:last-child, .menuitem.button.flat check:last-child, @@ -1051,7 +1051,7 @@ notebook .linked > button, list .linked > button, .view .linked > button, iconvi * Calendar * ***********/ calendar { - color: #C3C7D1; + color: #76777A; border: 1px solid rgba(12, 14, 21, 0.8); } calendar:selected { border-radius: 3px; } @@ -1061,21 +1061,21 @@ calendar { calendar.header:backdrop { border-color: rgba(0, 0, 0, 0.1); } calendar.button { - color: rgba(195, 199, 209, 0.45); } + color: rgba(118, 119, 122, 0.45); } calendar.button:hover { - color: #C3C7D1; } + color: #76777A; } calendar.button:backdrop { - color: rgba(109, 112, 123, 0.45); } + color: rgba(72, 75, 78, 0.45); } calendar.button:disabled { - color: rgba(109, 112, 123, 0.45); } + color: rgba(72, 75, 78, 0.45); } calendar:indeterminate, calendar:indeterminate:backdrop { color: alpha(currentColor,0.55); } calendar.highlight, calendar.highlight:backdrop { font-size: smaller; - color: #C3C7D1; } + color: #76777A; } calendar:backdrop { - color: #a1a5b0; - border-color: rgba(13, 16, 23, 0.82); } + color: #646669; + border-color: rgba(14, 16, 23, 0.82); } /************************* * Check and Radio Items * @@ -1501,25 +1501,25 @@ colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.dark overlay { - color: #fefefe; } + color: #f7f7f7; } colorswatch.dark overlay:hover { border-color: rgba(12, 14, 21, 0.8); } colorswatch.dark overlay:backdrop { - color: rgba(254, 254, 254, 0.5); } + color: rgba(247, 247, 247, 0.5); } colorswatch.light overlay { - color: #C3C7D1; } + color: #76777A; } colorswatch.light overlay:hover { border-color: rgba(12, 14, 21, 0.8); } colorswatch.light overlay:backdrop { - color: #a1a5b0; } + color: #646669; } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { - border-color: #71f79f; - box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #71f79f; } + border-color: #CAE7B9; + box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #CAE7B9; } colorswatch:drop(active).dark overlay { - border-color: #71f79f; - box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #71f79f; } + border-color: #CAE7B9; + box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #CAE7B9; } colorswatch overlay { box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); border: 1px solid rgba(12, 14, 21, 0.8); } @@ -1534,18 +1534,18 @@ colorswatch#add-color-button { border-radius: 5px; } colorswatch#add-color-button overlay { font-weight: normal; - color: #C3C7D1; - background-color: #181b28; + color: #76777A; + background-color: #1c2124; text-shadow: none; } colorswatch#add-color-button overlay:hover { - color: #C3C7D1; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #181b28; + color: #76777A; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #1c2124; text-shadow: none; } colorswatch#add-color-button overlay:backdrop { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #1a1d2b; + color: #646669; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #1e2327; text-shadow: none; } colorswatch:disabled { opacity: 0.5; } @@ -1553,7 +1553,7 @@ colorswatch:disabled { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } row:selected colorswatch { - box-shadow: 0 0 0 2px #fefefe; } + box-shadow: 0 0 0 2px #f7f7f7; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { @@ -1576,17 +1576,17 @@ combobox:drop(active) { * Dialogs * ***********/ messagedialog .titlebar:not(headerbar) { - background-color: rgba(22, 25, 37, 0.95); } + background-color: rgba(26, 30, 33, 0.95); } messagedialog .titlebar { min-height: 20px; background-image: none; - background-color: rgba(22, 25, 37, 0.95); + background-color: rgba(26, 30, 33, 0.95); border-style: none; border-top-left-radius: 4px; border-top-right-radius: 4px; } messagedialog.csd.background { - background-color: rgba(22, 25, 37, 0.95); - color: #C3C7D1; + background-color: rgba(26, 30, 33, 0.95); + color: #76777A; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } messagedialog.csd .dialog-action-area button { @@ -1596,10 +1596,10 @@ messagedialog.csd .dialog-action-area button { border-right-style: none; border-bottom-style: none; background-color: transparent; - color: #C3C7D1; + color: #76777A; box-shadow: none; } messagedialog.csd .dialog-action-area button:hover { - background-color: rgba(197, 14, 210, 0.9); + background-color: rgba(246, 126, 125, 0.9); color: white; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; @@ -1612,9 +1612,9 @@ messagedialog.csd .dialog-action-area button { filechooser .dialog-action-box { border-top: 1px solid rgba(12, 14, 21, 0.8); } filechooser .dialog-action-box:backdrop { - border-top-color: rgba(13, 16, 23, 0.82); } + border-top-color: rgba(14, 16, 23, 0.82); } filechooser #pathbarbox { - border-bottom: 1px solid #161925; } + border-bottom: 1px solid #1A1E21; } filechooserbutton:drop(active) { box-shadow: none; @@ -1630,9 +1630,9 @@ spinbutton:not(.vertical), entry { border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #C3C7D1; + color: #76777A; border-color: rgba(12, 14, 21, 0.8); - background-color: #181b28; } + background-color: #1c2124; } spinbutton:not(.vertical) image.left, entry image.left { padding-left: 0; @@ -1674,71 +1674,71 @@ spinbutton:not(.vertical), entry { border-radius: 0; } spinbutton:focus-within:not(.vertical), entry:focus-within { - border-color: #980ba2; } + border-color: #f34f4d; } spinbutton:disabled:not(.vertical), entry:disabled { - color: #6d707b; + color: #484b4e; border-color: rgba(12, 14, 21, 0.8); - background-color: #171a26; + background-color: #1b1f22; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { - color: #a1a5b0; - border-color: rgba(13, 16, 23, 0.82); - background-color: #1a1d2b; + color: #646669; + border-color: rgba(14, 16, 23, 0.82); + background-color: #1e2327; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { - color: #333955; - border-color: rgba(13, 16, 23, 0.82); - background-color: #171a26; + color: #3c454c; + border-color: rgba(14, 16, 23, 0.82); + background-color: #1b1f22; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { - color: #C3C7D1; + color: #76777A; border-color: rgba(12, 14, 21, 0.8); - background-color: #181b28; - color: #e6133e; - border-color: #410512; } + background-color: #1c2124; + color: #f46665; + border-color: #9c0c0b; } spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { - border-color: #410512; } + border-color: #9c0c0b; } spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), entry.error:selected:focus, entry.error:selected { - background-color: #e6133e; } + background-color: #f46665; } spinbutton.warning:not(.vertical), entry.warning { - color: #C3C7D1; + color: #76777A; border-color: rgba(12, 14, 21, 0.8); - background-color: #181b28; - color: #cc5500; - border-color: #1a0b00; } + background-color: #1c2124; + color: #f47d49; + border-color: #832d08; } spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { - border-color: #1a0b00; } + border-color: #832d08; } spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), entry.warning:selected:focus, entry.warning:selected { - background-color: #cc5500; } + background-color: #f47d49; } spinbutton:not(.vertical) image, entry image { - color: #a1a5af; } + color: #646669; } spinbutton:not(.vertical) image:hover, entry image:hover { - color: #C3C7D1; } + color: #76777A; } spinbutton:not(.vertical) image:active, entry image:active { - color: #c50ed2; } + color: #F67E7D; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { - color: #5c5f6b; } + color: #404346; } spinbutton:drop(active):focus-within:not(.vertical), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { - border-color: #71f79f; - box-shadow: inset 0 0 0 1px #71f79f; } + border-color: #CAE7B9; + box-shadow: inset 0 0 0 1px #CAE7B9; } .osd spinbutton:not(.vertical), .osd entry { color: white; @@ -1750,7 +1750,7 @@ spinbutton:not(.vertical), entry { .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: white; - border-color: #c50ed2; + border-color: #F67E7D; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; text-shadow: 0 1px black; @@ -1766,9 +1766,9 @@ spinbutton:not(.vertical), entry { -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(40, 43, 50, 0.5); + background-color: rgba(43, 45, 47, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1780,7 +1780,7 @@ entry progress { background-image: none; border-radius: 0; border-width: 0 0 2px; - border-color: #c50ed2; + border-color: #F67E7D; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, @@ -1793,10 +1793,10 @@ entry:focus-within + combobox > box > button.combo, .linked:not(.vertical) > spi entry, .linked:not(.vertical) > entry:focus-within + entry { - border-left-color: #980ba2; } + border-left-color: #f34f4d; } .linked:not(.vertical) > spinbutton:focus-within:not(.vertical), .linked:not(.vertical) > entry:focus-within { - border-color: #980ba2; } + border-color: #f34f4d; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > @@ -1804,33 +1804,33 @@ entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spi entry, .linked:not(.vertical) > entry:drop(active) + entry { - border-left-color: #71f79f; } + border-left-color: #CAE7B9; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: rgba(21, 24, 36, 0.94); - background-image: linear-gradient(to bottom, #181b28, #181b28); } + border-top-color: rgba(24, 29, 33, 0.94); + background-image: linear-gradient(to bottom, #1c2124, #1c2124); } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: rgba(23, 26, 38, 0.946); - background-image: linear-gradient(to bottom, #1a1d2b, #1a1d2b); } + border-top-color: rgba(26, 31, 35, 0.946); + background-image: linear-gradient(to bottom, #1e2327, #1e2327); } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: rgba(21, 24, 36, 0.94); } + border-top-color: rgba(24, 29, 33, 0.94); } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { - border-top-color: #980ba2; } + border-top-color: #f34f4d; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { - border-top-color: #71f79f; } + border-top-color: #CAE7B9; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, @@ -1842,7 +1842,7 @@ entry:focus:not(:only-child) + entry, entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: #980ba2; } + border-top-color: #f34f4d; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, @@ -1854,17 +1854,17 @@ entry:drop(active):not(:only-child) + entry, entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: #71f79f; } + border-top-color: #CAE7B9; } treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { - background-color: #181b28; + background-color: #1c2124; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; - background-color: #181b28; } + background-color: #1c2124; } treeview entry.flat:focus-within, treeview entry:focus-within { - border-color: #c50ed2; } + border-color: #F67E7D; } /************* * Expanders * @@ -1876,7 +1876,7 @@ expander arrow { expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander arrow:hover { - color: white; } + color: #c4c4c5; } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -1884,7 +1884,7 @@ expander arrow { * Floating Bar * ****************/ .floating-bar { - background-color: #161925; + background-color: #1A1E21; border-width: 1px; border-style: solid solid none; border-color: rgba(12, 14, 21, 0.8); @@ -1899,8 +1899,8 @@ expander arrow { .floating-bar > button { padding: 4px; } .floating-bar:backdrop { - background-color: #161925; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1A1E21; + border-color: rgba(14, 16, 23, 0.82); } /********** * Frames * @@ -1917,18 +1917,18 @@ frame > border, border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: rgba(13, 16, 23, 0.82); } + border-color: rgba(14, 16, 23, 0.82); } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(12, 14, 21, 0.8); } actionbar > revealer > box:backdrop { - border-color: rgba(13, 16, 23, 0.82); } + border-color: rgba(14, 16, 23, 0.82); } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { - background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at top, #C3C7D1, rgba(195, 199, 209, 0)); + background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at top, #76777A, rgba(118, 119, 122, 0)); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; @@ -1936,7 +1936,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: radial-gradient(farthest-side at top, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0)); + background-image: radial-gradient(farthest-side at top, rgba(14, 16, 23, 0.82) 85%, rgba(14, 16, 23, 0)); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; @@ -1944,7 +1944,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.bottom { - background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at bottom, #C3C7D1, rgba(195, 199, 209, 0)); + background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at bottom, #76777A, rgba(118, 119, 122, 0)); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; @@ -1952,7 +1952,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: radial-gradient(farthest-side at bottom, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0)); + background-image: radial-gradient(farthest-side at bottom, rgba(14, 16, 23, 0.82) 85%, rgba(14, 16, 23, 0)); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; @@ -1960,7 +1960,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.left { - background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left, #C3C7D1, rgba(195, 199, 209, 0)); + background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left, #76777A, rgba(118, 119, 122, 0)); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; @@ -1968,7 +1968,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: radial-gradient(farthest-side at left, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0)); + background-image: radial-gradient(farthest-side at left, rgba(14, 16, 23, 0.82) 85%, rgba(14, 16, 23, 0)); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; @@ -1976,7 +1976,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.right { - background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at right, #C3C7D1, rgba(195, 199, 209, 0)); + background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at right, #76777A, rgba(118, 119, 122, 0)); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; @@ -1984,7 +1984,7 @@ scrolledwindow overshoot.right { border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: radial-gradient(farthest-side at right, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0)); + background-image: radial-gradient(farthest-side at right, rgba(14, 16, 23, 0.82) 85%, rgba(14, 16, 23, 0)); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; @@ -2034,12 +2034,12 @@ scrolledwindow undershoot.right { scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, rgba(12, 14, 21, 0.8) 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #171a27; } + background-color: #1b2023; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, rgba(13, 16, 23, 0.82) 1px, transparent 1px); - background-color: #10131b; + border-image-source: linear-gradient(to bottom, rgba(14, 16, 23, 0.82) 1px, transparent 1px); + background-color: #131618; transition: 200ms ease-out; } separator { @@ -2049,15 +2049,15 @@ separator { * Popovers * ************/ GraniteWidgetsPopOver { - border: 1px solid #181b28; - background: #181b28; - color: #C3C7D1; } + border: 1px solid #1c2124; + background: #1c2124; + color: #76777A; } GraniteWidgetsPopOver .button { background-image: none; background: none; border: none; } GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { - color: #c50ed2; } + color: #F67E7D; } GraniteWidgetsPopOver > .frame { border: none; } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { @@ -2068,42 +2068,42 @@ GraniteWidgetsStaticNotebook .frame { border: none; } .popover_bg { - background-color: #181b28; + background-color: #1c2124; background-image: none; - border: 1px solid #181b28; - color: #C3C7D1; } + border: 1px solid #1c2124; + color: #76777A; } /*********** * Welcome * **********/ GraniteWidgetsWelcome { - background-color: #181b28; } + background-color: #1c2124; } GraniteWidgetsWelcome GtkLabel { - color: #C3C7D1; } + color: #76777A; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { - color: rgba(195, 199, 209, 0.8); } + color: rgba(118, 119, 122, 0.8); } /************** * Source List * ***************/ .source-list { - background-color: #161925; + background-color: #1A1E21; border: solid rgba(12, 14, 21, 0.8); - color: #C3C7D1; + color: #76777A; border-right-width: 1px; } .source-list .category-expander { color: transparent; } .source-list .badge { background-image: none; background-color: rgba(0, 0, 0, 0.4); - color: #161925; + color: #1A1E21; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { background-color: rgba(0, 0, 0, 0.2); - color: #0c0e15; } + color: #0f1113; } .source-list row, .source-list .list-row { border: none; @@ -2132,7 +2132,7 @@ GraniteWidgetsWelcome { .category-label { font-size: 12px; padding: 6px; - color: rgba(195, 199, 209, 0.3); + color: rgba(118, 119, 122, 0.3); font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.2); } @@ -2146,7 +2146,7 @@ GraniteWidgetsWelcome { background-color: transparent; padding: 8px 6px; } .storage-bar .fill-block { - background-color: #f9dc5c; + background-color: #E1DD8F; border: none; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); transition: all 200ms ease-in-out; @@ -2161,15 +2161,15 @@ GraniteWidgetsWelcome { border-bottom-right-radius: 4px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .storage-bar .fill-block.empty-block { - background-color: #181b28; } + background-color: #1c2124; } .storage-bar .fill-block.app { background-color: #7cb7ff; } .storage-bar .fill-block.audio { - background-color: #ff6a00; } + background-color: #F79F79; } .storage-bar .fill-block.photo { - background-color: #ed254e; } + background-color: #F67E7D; } .storage-bar .fill-block.video { - background-color: #c74ded; } + background-color: #D7BCC8; } .storage-bar .fill-block .legend { padding: 12px; border-radius: 4px; } @@ -2180,12 +2180,12 @@ GraniteWidgetsWelcome { .titlebar:not(headerbar), .titlebar, headerbar { padding: 0px 13px; min-height: 34px; - background: #0c0e14; - color: #C3C7D1; + background: #1A1E21; + color: #76777A; border-radius: 0; } .titlebar:backdrop, headerbar:backdrop { - border-color: rgba(13, 16, 23, 0.82); + border-color: rgba(14, 16, 23, 0.82); transition: 200ms ease-out; } .titlebar .title, headerbar .title { @@ -2218,13 +2218,13 @@ GraniteWidgetsWelcome { headerbar button.suggested-action { box-shadow: none; border: none; - background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background-image: linear-gradient(to right, #485563 0%, #29323c 100%); } .titlebar button.suggested-action:disabled, .titlebar button.suggested-action:disabled:backdrop, .titlebar button.suggested-action:backdrop, headerbar button.suggested-action:disabled, headerbar button.suggested-action:disabled:backdrop, headerbar button.suggested-action:backdrop { border: none; - background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background-image: linear-gradient(to right, #485563 0%, #29323c 100%); } .titlebar button.suggested-action:disabled:hover, .titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked, .titlebar button.suggested-action:disabled:backdrop:hover, .titlebar button.suggested-action:disabled:backdrop:active, .titlebar button.suggested-action:disabled:backdrop:checked, .titlebar button.suggested-action:backdrop:hover, .titlebar button.suggested-action:backdrop:active, .titlebar button.suggested-action:backdrop:checked, headerbar button.suggested-action:disabled:hover, headerbar button.suggested-action:disabled:active, @@ -2236,7 +2236,7 @@ GraniteWidgetsWelcome { headerbar button.suggested-action:backdrop:active, headerbar button.suggested-action:backdrop:checked { border: none; - background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background-image: linear-gradient(to right, #485563 0%, #29323c 100%); } .titlebar button.appmenu, headerbar button.appmenu { background: transparent; } @@ -2248,14 +2248,14 @@ GraniteWidgetsWelcome { headerbar button:active, headerbar button:checked { background-color: transparent; - color: #c50ed2; + color: #F67E7D; box-shadow: none; border: none; } .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled, headerbar button:backdrop, headerbar button:disabled, headerbar button:backdrop:disabled { - color: rgba(195, 199, 209, 0.2); + color: rgba(118, 119, 122, 0.2); background-color: transparent; border-radius: 0; text-shadow: none; @@ -2266,13 +2266,13 @@ GraniteWidgetsWelcome { headerbar button:backdrop:active, headerbar button:backdrop:checked { background-color: transparent; - color: #c50ed2; + color: #F67E7D; box-shadow: none; } .titlebar button:backdrop:hover label, .titlebar button:backdrop:active label, .titlebar button:backdrop:checked label, headerbar button:backdrop:hover label, headerbar button:backdrop:active label, headerbar button:backdrop:checked label { - color: #c50ed2; } + color: #F67E7D; } .titlebar button.suggested-action, headerbar button.suggested-action { font-weight: bold; @@ -2282,7 +2282,7 @@ GraniteWidgetsWelcome { border-radius: 4px; font-weight: normal; color: white; - background-color: #181b28; + background-color: #1c2124; text-shadow: none; box-shadow: none; } .titlebar button.suggested-action:hover, @@ -2328,26 +2328,26 @@ GraniteWidgetsWelcome { border-radius: 4px; font-weight: normal; color: white; - background-color: #181b28; + background-color: #1c2124; text-shadow: none; box-shadow: none; } .titlebar button.destructive-action:hover, headerbar button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } .titlebar button.destructive-action:active, headerbar button.destructive-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } .titlebar button.destructive-action:disabled, headerbar button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } .titlebar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label { @@ -2356,14 +2356,14 @@ GraniteWidgetsWelcome { headerbar button.destructive-action:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; border-radius: 3px; } .titlebar button.destructive-action:backdrop:disabled, headerbar button.destructive-action:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } .titlebar button.titlebutton, headerbar button.titlebutton { @@ -2435,13 +2435,13 @@ GraniteWidgetsWelcome { headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { - border-color: #980ba2; } + border-color: #f34f4d; } .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar button:backdrop:checked label, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:checked label { - color: rgba(197, 14, 210, 0.6); } + color: rgba(246, 126, 125, 0.6); } .tiled .titlebar, .maximized .titlebar, .tiled headerbar.titlebar, .maximized headerbar.titlebar { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } @@ -2488,7 +2488,7 @@ window.csd > .titlebar:not(headerbar) { border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { - background: #0c0e14; } + background: #1A1E21; } /************** * GtkInfoBar * @@ -2496,56 +2496,56 @@ window.csd > .titlebar:not(headerbar) { .info, .warning, .question, .error, infobar { text-shadow: none; - color: #C3C7D1; - background-color: #161925; - border-bottom: 1px solid #030305; + color: #76777A; + background-color: #1A1E21; + border-bottom: 1px solid #040404; box-shadow: none; } .info, .warning, .question, .error { text-shadow: none; - color: #fefefe; + color: #f7f7f7; border: none; } .info .label, .warning .label, .question .label, .error .label { - color: #fefefe; } + color: #f7f7f7; } .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { - color: rgba(254, 254, 254, 0.5); } + color: rgba(247, 247, 247, 0.5); } .info button, .warning button, .question button, .error button { border-radius: 2px; border: none; - background: rgba(24, 27, 40, 0.98); - color: #C3C7D1; + background: rgba(28, 33, 36, 0.98); + color: #76777A; 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: #C3C7D1; } + color: #76777A; } .info button:active, .warning button:active, .question button:active, .error button:active { - background: #181b28; - color: #C3C7D1; + background: #1c2124; + color: #76777A; 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(24, 27, 40, 0.8); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.8); + color: rgba(118, 119, 122, 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(24, 27, 40, 0.6); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.6); + color: rgba(118, 119, 122, 0.5); box-shadow: none; } .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { - background: rgba(24, 27, 40, 0.5); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.5); + color: rgba(118, 119, 122, 0.5); box-shadow: none; } .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { - background: rgba(24, 27, 40, 0.8); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.8); + color: rgba(118, 119, 122, 0.5); box-shadow: none; } .info, .info:backdrop { - color: #71f79f; + color: #CAE7B9; background-color: transparent; } .warning, .warning:backdrop { - color: #cc5500; + color: #f47d49; background-color: transparent; } .question, .question:backdrop { @@ -2553,7 +2553,7 @@ infobar { background-color: transparent; } .error, .error:backdrop { - color: #e6133e; + color: #f46665; background-color: transparent; } /************* @@ -2584,9 +2584,9 @@ levelbar block { levelbar block:backdrop { box-shadow: none; } levelbar block.low { - background-color: #cc5500; } + background-color: #f47d49; } levelbar block.low:backdrop { - border-color: #cc5500; } + border-color: #f47d49; } levelbar block.high, levelbar block:not(.empty) { background-color: #00c1e4; } levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { @@ -2610,28 +2610,28 @@ button:visited { color: rgba(124, 183, 255, 0.5); } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { - color: #e79eec; } + color: #f7c7c6; } *:link:hover, button:hover:link, button:hover:visited { color: #afd3ff; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { - color: #f8e6fa; } + color: #f7ebeb; } *:link:active, button:active:link, button:active:visited { color: #7cb7ff; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { - color: #f3cef5; } + color: #f7dfdf; } *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, button:backdrop:visited { - color: #c50ed2; } + color: #F67E7D; } *:link:selected, button:selected:link, button:selected:visited, *:selected *:link, *:selected button:link, *:selected button:visited { - color: #f3cef5; } + color: #f7dfdf; } button:link, button:visited { @@ -2649,12 +2649,12 @@ button:visited { * Lists * *********/ list, listview { - color: #C3C7D1; - background-color: #181b28; + color: #76777A; + background-color: #1c2124; border-color: rgba(12, 14, 21, 0.8); } list:backdrop, listview:backdrop { - background-color: #1a1d2b; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1e2327; + border-color: rgba(14, 16, 23, 0.82); } list.horizontal row.separator, list.separators.horizontal > row:not(.separator), listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator) { border-left: 1px solid rgba(12, 14, 21, 0.8); } list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator), listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator) { @@ -2670,7 +2670,7 @@ row { row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(195, 199, 209, 0.05); } + background-color: rgba(118, 119, 122, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { @@ -2678,9 +2678,9 @@ 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: rgba(197, 14, 210, 0.5); } + background-color: rgba(246, 126, 125, 0.5); } row.activatable:selected:backdrop { - background-color: rgba(197, 14, 210, 0.6); } + background-color: rgba(246, 126, 125, 0.6); } row.activatable button.flat { background-color: transparent; } @@ -2689,8 +2689,8 @@ row { *********/ menubar, .menubar { - background-color: #0c0e14; - color: #C3C7D1; + background-color: #1A1E21; + color: #76777A; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar > item, @@ -2699,17 +2699,17 @@ menubar, padding: 4px 8px; } menubar > item:hover, .menubar > item:hover { - box-shadow: inset 0 -3px #c50ed2; } + box-shadow: inset 0 -3px #F67E7D; } menubar > item:disabled, .menubar > item:disabled { - color: #6d707b; + color: #484b4e; box-shadow: none; } menu, .menu, .context-menu { font: initial; margin: 4px; padding: 2px 0px; - background: linear-gradient(to bottom, #1a1d2b, #12151f); + background: linear-gradient(to bottom, #1e2327, #16191b); border: 1px solid rgba(12, 14, 21, 0.8); border-radius: 5px; } .csd menu, @@ -2717,21 +2717,21 @@ menu, .menu, .context-menu { .csd .context-menu { border: none; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { - background-color: #191c2a; } + background-color: #1d2226; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 17px; min-width: 40px; padding: 4px 6px; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { - color: #fefefe; - background-color: #c50ed2; } + color: #f7f7f7; + background-color: #F67E7D; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { - color: #6d707b; } + color: #484b4e; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { - color: #333955; } + color: #3c454c; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { - color: #6d707b; + color: #484b4e; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; @@ -2754,20 +2754,20 @@ menu, .menu, .context-menu { min-height: 16px; min-width: 16px; padding: 4px; - background-color: #181b27; + background-color: #1c2023; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; - border-bottom: 1px solid #292c39; + border-bottom: 1px solid #252a2d; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; - border-top: 1px solid #292c39; + border-top: 1px solid #252a2d; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-color: #292c39; } + background-color: #252a2d; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { - background-color: #191c2a; } + background-color: #1d2226; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; @@ -2793,17 +2793,17 @@ menuitem radio { * Misc * ********/ .content-view { - background-color: #090a0f; } + background-color: #0a0c0d; } .content-view:hover { -gtk-icon-filter: brightness(1.2); } .content-view:backdrop { - background-color: #090a0f; } + background-color: #0a0c0d; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { - background-color: rgba(195, 199, 209, 0.1); + background-color: rgba(118, 119, 122, 0.1); border-radius: 5px; } /************ @@ -2813,12 +2813,12 @@ assistant { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } assistant .sidebar { - background-color: #181b28; + background-color: #1c2124; border-top: 1px solid rgba(12, 14, 21, 0.8); border-bottom-left-radius: 4px; } assistant .sidebar:backdrop { - background-color: #1a1d2b; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1e2327; + border-color: rgba(14, 16, 23, 0.82); } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar GtkLabel, @@ -2826,7 +2826,7 @@ assistant { padding: 6px 12px; } assistant .sidebar GtkLabel.highlight, assistant .sidebar label.highlight { - background-color: #393c47; } + background-color: #2c3033; } /************* * Notebooks * @@ -2835,10 +2835,10 @@ notebook > header { padding: 1px; border-color: transparent; border-width: 1px; - background-color: #10121a; } + background-color: #121416; } notebook > header:backdrop { - border-color: rgba(13, 16, 23, 0.82); - background-color: #161925; } + border-color: rgba(14, 16, 23, 0.82); + background-color: #1A1E21; } notebook > header tabs { margin: 0px; } notebook > header.top { @@ -2848,7 +2848,7 @@ notebook > header { notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { - background: linear-gradient(to right, #5800E2, #FF00E6) left bottom #141620 no-repeat; + background: linear-gradient(to right, #ff005d, #ff8b26) left bottom #171a1d no-repeat; background-size: 100% 2px; border: 0; } notebook > header.bottom { @@ -2858,7 +2858,7 @@ notebook > header { notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { - background: linear-gradient(to right, #5800E2, #FF00E6) left bottom #141620 no-repeat; + background: linear-gradient(to right, #ff005d, #ff8b26) left bottom #171a1d no-repeat; background-size: 100% 2px; border: 0; } notebook > header.left { @@ -2868,7 +2868,7 @@ notebook > header { notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { - background: linear-gradient(to bottom, #5800E2, #FF00E6) left bottom #141620 no-repeat; + background: linear-gradient(to bottom, #ff005d, #ff8b26) left bottom #171a1d no-repeat; background-size: 2px 100%; border: 0; } notebook > header.right { @@ -2878,7 +2878,7 @@ notebook > header { notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { - background: linear-gradient(to bottom, #5800E2, #FF00E6) left bottom #141620 no-repeat; + background: linear-gradient(to bottom, #ff005d, #ff8b26) left bottom #171a1d no-repeat; background-size: 2px 100%; border: 0; } notebook > header.top > tabs > arrow { @@ -2929,32 +2929,32 @@ notebook > header { min-width: 24px; padding: 1px 12px; outline-offset: -5px; - color: #6d707b; + color: #484b4e; font-weight: normal; border-width: 1px; border-color: transparent; } notebook > header tab:hover { - color: #989ca6; } + color: #5f6164; } notebook > header tab:hover.reorderable-page { border-color: rgba(12, 14, 21, 0.1); - background-color: rgba(22, 25, 37, 0.2); } + background-color: rgba(26, 30, 33, 0.2); } notebook > header tab:backdrop { - color: #4a4d59; } + color: #36393c; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { - color: #C3C7D1; } + color: #76777A; } notebook > header tab:checked.reorderable-page { border-color: rgba(12, 14, 21, 0.3); - background-color: rgba(22, 25, 37, 0.5); } + background-color: rgba(26, 30, 33, 0.5); } notebook > header tab:checked.reorderable-page:hover { - background-color: rgba(22, 25, 37, 0.7); } + background-color: rgba(26, 30, 33, 0.7); } notebook > header tab:backdrop:checked { - color: #6d707b; } + color: #484b4e; } notebook > header tab:backdrop:checked.reorderable-page { - border-color: rgba(13, 16, 23, 0.82); - background-color: #1a1d2b; } + border-color: rgba(14, 16, 23, 0.82); + background-color: #1A1E21; } notebook > header tab button.flat { padding: 0; margin-top: 4px; @@ -2964,7 +2964,7 @@ notebook > header { notebook > header tab button.flat:hover { background: transparent; box-shadow: none; - color: #ed254e; } + color: #F67E7D; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header.top tabs, notebook > header.bottom tabs { @@ -3006,9 +3006,9 @@ notebook > header { margin-bottom: 1px; padding: 1px 1px; } notebook > stack:not(:only-child) { - background-color: #181b28; } + background-color: #1A1E21; } notebook > stack:not(:only-child):backdrop { - background-color: #1a1d2b; } + background-color: #1A1E21; } /********* * Paned * @@ -3022,18 +3022,18 @@ paned > separator { background-image: image(rgba(12, 14, 21, 0.8)); background-size: 1px 1px; } paned > separator:selected { - background-image: image(#c50ed2); } + background-image: image(#F67E7D); } paned > separator:backdrop { - background-image: image(rgba(13, 16, 23, 0.82)); } + background-image: image(rgba(14, 16, 23, 0.82)); } paned > separator.wide { min-width: 5px; min-height: 5px; - background-color: #161925; + background-color: #1A1E21; background-image: image(rgba(12, 14, 21, 0.8)), image(rgba(12, 14, 21, 0.8)); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { - background-color: #161925; - background-image: image(rgba(13, 16, 23, 0.82)), image(rgba(13, 16, 23, 0.82)); } + background-color: #1A1E21; + background-image: image(rgba(14, 16, 23, 0.82)), image(rgba(14, 16, 23, 0.82)); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -3088,7 +3088,7 @@ popover.background { font: initial; } popover.background > arrow, popover.background > contents { - background: linear-gradient(to bottom, #1a1d2b, #12151f); + background: linear-gradient(to bottom, #1e2327, #16191b); background-clip: padding-box; border: 1px solid rgba(12, 14, 21, 0.8); box-shadow: 0 4px 6px rgba(12, 14, 21, 0.8); } @@ -3105,7 +3105,7 @@ popover.background { border-style: none; background-color: transparent; } popover.background > contents separator { - background-color: rgba(16, 18, 27, 0.86); + background-color: rgba(17, 20, 26, 0.86); margin: 3px; } popover.background > contents list separator { margin: 0; } @@ -3119,14 +3119,14 @@ popover.background { box-shadow: none; } magnifier { - background-color: #181b28; } + background-color: #1c2124; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; - color: rgba(195, 199, 209, 0.4); } + color: rgba(118, 119, 122, 0.4); } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 6px; } @@ -3137,7 +3137,7 @@ progressbar { margin: 0; } progressbar.vertical progress { margin: 0; - background: linear-gradient(to bottom, #00f17d, #00f7d2); } + background: linear-gradient(to bottom, #ff005d, #ff8b26); } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } @@ -3172,15 +3172,15 @@ progressbar trough, scale trough, scale fill { progressbar progress, scale highlight { border: none; - background: linear-gradient(to right, #00f17d, #00f7d2); + background: linear-gradient(to right, #ff005d, #ff8b26); border-radius: 3px; margin: 0; } progressbar progress:disabled, scale highlight:disabled { border: none; background-color: rgba(255, 255, 255, 0.14); } progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { - border-color: #db10ea; - background-color: #db10ea; } + border-color: #f89695; + background-color: #f89695; } progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } @@ -3195,20 +3195,20 @@ scale { scale.vertical progress { min-width: 6px; } scale.vertical highlight { - background: linear-gradient(to bottom, #00f17d, #00f7d2); } + background: linear-gradient(to bottom, #ff005d, #ff8b26); } scale slider { min-height: 15px; min-width: 15px; margin: -7px; - background-color: #181b28; + background-color: #1c2124; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); border-radius: 12px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:active { - background-color: #c50ed2; } + background-color: #F67E7D; } scale slider:active:disabled { - background-color: #171a26; + background-color: #1b1f22; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.fine-tune.horizontal { padding-top: 9px; @@ -3238,72 +3238,72 @@ scale { border-color: transparent; background-color: transparent; } scale slider { - border-color: #181b28; - border: 2px solid #00f17d; + border-color: #1c2124; + border: 2px solid #ff8b26; border-radius: 12px; - background-color: #292f45; } + background-color: #30383e; } scale slider:active { - border-color: #980ba2; } + border-color: #f34f4d; } scale slider:disabled { - background-color: #0c0e15; + background-color: #0f1113; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } scale slider:backdrop, scale slider:backdrop:disabled { transition: 200ms ease-out; - background-color: #0c0e15; + background-color: #0f1113; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } row:selected scale slider:disabled, row:selected scale slider { - border-color: #980ba2; } + border-color: #f34f4d; } .osd scale slider { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(16, 19, 27, 0.98); + background-color: rgba(19, 22, 24, 0.98); 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(254, 254, 254, 0.3); border-color: rgba(0, 0, 0, 0.7); - background-color: #10131b; } + background-color: #131618; } .osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98)); + background-image: linear-gradient(to bottom, rgba(46, 53, 59, 0.98), rgba(46, 53, 59, 0.98)); 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(254, 254, 254, 0.3); - background-color: #10131b; } + background-color: #131618; } .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98)); + background-image: linear-gradient(to bottom, rgba(33, 38, 42, 0.98), rgba(33, 38, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); - background-color: #10131b; } + background-color: #131618; } .osd scale slider:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - background-color: #10131b; } + background-color: #131618; } .osd scale slider:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98)); + background-image: linear-gradient(to bottom, rgba(19, 22, 24, 0.98), rgba(19, 22, 24, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - background-color: #10131b; } + background-color: #131618; } .osd scale slider:backdrop:disabled { - background-color: #10131b; } + background-color: #131618; } scale value { color: alpha(currentColor,0.4); } scale marks { @@ -3346,9 +3346,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3356,9 +3356,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3366,9 +3366,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3376,9 +3376,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3386,9 +3386,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3396,9 +3396,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3406,9 +3406,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3416,9 +3416,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3426,9 +3426,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3436,9 +3436,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3446,9 +3446,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3456,9 +3456,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3466,9 +3466,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3476,9 +3476,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3486,9 +3486,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3496,9 +3496,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3506,9 +3506,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3516,9 +3516,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3526,9 +3526,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3536,9 +3536,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3546,9 +3546,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3556,9 +3556,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3566,9 +3566,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3576,9 +3576,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3647,7 +3647,7 @@ scale { * Scrollbars * **************/ scrollbar { - background-color: #171a27; + background-color: #1b2023; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scrollbar.top { border-bottom: 1px solid rgba(12, 14, 21, 0.8); } @@ -3658,8 +3658,8 @@ scrollbar { scrollbar.right { border-left: 1px solid rgba(12, 14, 21, 0.8); } scrollbar:backdrop { - background-color: #10131b; - border-color: rgba(13, 16, 23, 0.82); + background-color: #131618; + border-color: rgba(14, 16, 23, 0.82); transition: 200ms ease-out; } scrollbar slider { min-width: 6px; @@ -3668,13 +3668,13 @@ scrollbar { border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; - background-color: #7e818c; } + background-color: #515356; } scrollbar slider:hover { - background-color: #a0a4af; } + background-color: #646568; } scrollbar slider:hover:active { - background-color: #e323f0; } + background-color: #f9adad; } scrollbar slider:backdrop { - background-color: #393c47; } + background-color: #2c3033; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { @@ -3692,12 +3692,12 @@ scrollbar { margin: 0; min-width: 3px; min-height: 3px; - background-color: #C3C7D1; + background-color: #76777A; border: 1px solid black; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; - background-color: #C3C7D1; + background-color: #76777A; background-clip: padding-box; border-radius: 100%; border: 1px solid black; @@ -3733,7 +3733,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #7e818c; } + color: #515356; } scrollbar button:hover { background-color: transparent; background-image: none; @@ -3741,7 +3741,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #a0a4af; } + color: #646568; } scrollbar button:active, scrollbar button:checked { background-color: transparent; background-image: none; @@ -3749,7 +3749,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #e323f0; } + color: #f9adad; } scrollbar button:disabled { background-color: transparent; background-image: none; @@ -3757,7 +3757,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(126, 129, 140, 0.2); } + color: rgba(81, 83, 86, 0.2); } scrollbar button:backdrop { background-color: transparent; background-image: none; @@ -3765,7 +3765,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #393c47; } + color: #2c3033; } scrollbar button:backdrop:disabled { background-color: transparent; background-image: none; @@ -3773,7 +3773,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(57, 60, 71, 0.2); } + color: rgba(44, 48, 51, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { @@ -3793,7 +3793,7 @@ treeview ~ scrollbar.vertical { .sidebar { border-style: none; border-width: 0; - background-color: #171a27; } + background-color: #1b2023; } .sidebar .frame { border: none; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { @@ -3805,36 +3805,36 @@ treeview ~ scrollbar.vertical { border-left: 1px solid rgba(12, 14, 21, 0.8); border-right-style: none; } .sidebar:backdrop { - background-color: #181b28; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1c2124; + border-color: rgba(14, 16, 23, 0.82); } .sidebar row { padding: 8px 12px; transition: all .12s ease-in; } .sidebar row label { color: #98abb2; } .sidebar row:selected { - color: #fefefe; } + color: #f7f7f7; } .sidebar row:selected:backdrop { - color: rgba(254, 254, 254, 0.5); - background: rgba(197, 14, 210, 0.6); } + color: rgba(247, 247, 247, 0.5); + background: rgba(246, 126, 125, 0.6); } .sidebar row:selected:backdrop label { - color: #fefefe; } + color: #f7f7f7; } .sidebar row:selected label { - color: #fefefe; } + color: #f7f7f7; } .sidebar.source-list { - background: #161925; + background: #16191b; padding: 4px 0px; } .sidebar.source-list.view, iconview.sidebar.source-list { transition: all .12s ease-in; } .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { - background-color: rgba(197, 14, 210, 0.6); } + background-color: rgba(246, 126, 125, 0.6); } .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { background-color: rgba(0, 0, 0, 0.13); } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { @@ -3855,7 +3855,7 @@ stacksidebar row { /*--*/ placessidebar.sidebar { background-color: transparent; - background-image: linear-gradient(to right, #171e27 40px, #161925 35px, #161925 36px, #161925 36px, #161925 99%, #161925 100%); } + background-image: linear-gradient(to right, #171e27 40px, #16191b 35px, #16191b 36px, #16191b 36px, #16191b 99%, #16191b 100%); } placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon { margin-left: -14px; margin-right: 12px; @@ -3874,7 +3874,7 @@ placessidebar.sidebar { placessidebar.sidebar row.sidebar-row:selected { color: rgba(255, 255, 255, 0.938); background-color: transparent; - background-image: linear-gradient(to right, #c50ed2 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } + background-image: linear-gradient(to right, #F67E7D 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected:hover { color: #ffffff; background-color: rgba(0, 0, 0, 0.24); } @@ -3883,23 +3883,23 @@ placessidebar.sidebar { placessidebar.sidebar row.sidebar-row:selected:backdrop { color: rgba(0, 0, 0, 0.54); background-color: transparent; - background-image: linear-gradient(to right, #c50ed2 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } + background-image: linear-gradient(to right, #F67E7D 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon { - color: rgba(254, 254, 254, 0.5); - -gtk-icon-shadow: 0 1px rgba(254, 254, 254, 0.3); } + color: rgba(247, 247, 247, 0.5); + -gtk-icon-shadow: 0 1px rgba(247, 247, 247, 0.3); } placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); color: inherit; } placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: #f9dc5c; } + color: #E1DD8F; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #71f79f, inset 0 -1px #71f79f; } + box-shadow: inset 0 1px #CAE7B9, inset 0 -1px #CAE7B9; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image { - color: #71f79f; } + color: #CAE7B9; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background: #71f79f; } + background: #CAE7B9; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image { - color: #fefefe; } + color: #f7f7f7; } placessidebar list { background-color: transparent; } placessidebar list:backdrop { @@ -3923,7 +3923,7 @@ spinbutton:not(.vertical) { margin: 0; padding-bottom: 0; padding-top: 0; - color: #b2b6c0; + color: #6d6e71; background-image: none; border-style: none none none solid; border-color: rgba(12, 14, 21, 0.1); @@ -3932,20 +3932,20 @@ spinbutton:not(.vertical) { spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { - color: #C3C7D1; - background-color: rgba(195, 199, 209, 0.05); } + color: #76777A; + background-color: rgba(118, 119, 122, 0.05); } spinbutton:not(.vertical) button:disabled { - color: rgba(109, 112, 123, 0.3); } + color: rgba(72, 75, 78, 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: #656873; + color: #44474a; background-color: transparent; - border-color: rgba(13, 16, 23, 0.12); + border-color: rgba(14, 16, 23, 0.12); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(51, 57, 85, 0.3); + color: rgba(60, 69, 76, 0.3); background-image: none; border-style: none none none solid; box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } @@ -3999,7 +3999,7 @@ spinbutton:not(.vertical) { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } @@ -4008,9 +4008,9 @@ spinbutton:not(.vertical) { .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } spinbutton.vertical:disabled { - color: #6d707b; } + color: #484b4e; } spinbutton.vertical:backdrop:disabled { - color: #333955; } + color: #3c454c; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } @@ -4035,7 +4035,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(16, 19, 27, 0.98); + background-color: rgba(19, 22, 24, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -4044,7 +4044,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98)); + background-image: linear-gradient(to bottom, rgba(46, 53, 59, 0.98), rgba(46, 53, 59, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -4053,16 +4053,16 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98)); + background-image: linear-gradient(to bottom, rgba(33, 38, 42, 0.98), rgba(33, 38, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical button:first-child:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -4070,7 +4070,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98)); + background-image: linear-gradient(to bottom, rgba(19, 22, 24, 0.98), rgba(19, 22, 24, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -4087,7 +4087,7 @@ treeview spinbutton:not(.vertical) { * Spinner * ***********/ menu spinner { - color: #c50ed2; } + color: #F67E7D; } /********************* * Spinner Animation * @@ -4113,28 +4113,25 @@ switch { font-weight: bold; outline-offset: -4px; transition: all 200ms ease-in; - border: 1px solid rgba(12, 14, 21, 0.8); + border: none; border-radius: 14px; color: transparent; padding: 2.3px 0px; - background: linear-gradient(to right, #1E2233, #1E2233); } + background: linear-gradient(to right, #0e1011, #0e1011); + border: 1px solid #0a0b0c; } switch:disabled { - background-color: #171a26; } + background-color: #1b1f22; } switch:backdrop { - background-color: #161925; + background-color: #1A1E21; transition: 200ms ease-out; } switch:backdrop:disabled { - background-color: #171a26; } - switch:active, switch:checked { - background: linear-gradient(to right, #f7005a, #fadd00); } - switch:active slider, switch:checked slider { - background: #fff; } - switch:active:backdrop, switch:checked:backdrop { - background: linear-gradient(to right, #de0051, #e1c600); } - switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { - box-shadow: none; - background-color: rgba(24, 27, 40, 0.9); - border: none; } + background-color: #1b1f22; } + switch:active slider, switch:checked slider { + background: linear-gradient(to right, #00a6c9, #00e4ce); } + switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + box-shadow: none; + background: linear-gradient(to right, #007c96, #00b1a0); + border: none; } switch slider { padding: 2px; margin: 0 2.3px; @@ -4142,15 +4139,15 @@ switch { min-height: 12px; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: #151723; } + background-color: #1a1d1f; } switch slider:backdrop { padding: 2px; box-shadow: none; - background-color: #181b28; } + background-color: #1c2124; } switch trough:active, switch trough:checked { - background-color: #c50ed2; } + background-color: #F67E7D; } switch trough:active:backdrop, switch trough:checked:backdrop { - background-color: rgba(197, 14, 210, 0.6); } + background-color: rgba(246, 126, 125, 0.6); } /************ * Toolbars * @@ -4158,7 +4155,7 @@ switch { toolbar, .inline-toolbar, searchbar, .location-bar { padding: 4px; - background-color: #161925; } + background-color: #1A1E21; } toolbar { padding: 4px 3px 3px 4px; } @@ -4168,7 +4165,7 @@ toolbar { padding: 13px; border: none; border-radius: 5px; - background-color: rgba(16, 19, 27, 0.98); } + background-color: rgba(19, 22, 24, 0.98); } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { @@ -4197,16 +4194,16 @@ searchbar, .location-bar { border-style: solid; border-color: rgba(12, 14, 21, 0.8); - background-color: rgba(20, 23, 33, 0.94); } + background-color: rgba(23, 26, 30, 0.94); } .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { - border-color: rgba(13, 16, 23, 0.82); - background-color: rgba(20, 23, 33, 0.937); + border-color: rgba(14, 16, 23, 0.82); + background-color: rgba(23, 26, 30, 0.937); box-shadow: none; transition: 200ms ease-out; } searchbar { - background: #181b28; } + background: #1c2124; } /************ * Tooltips * @@ -4218,7 +4215,7 @@ tooltip { box-shadow: none; text-shadow: 0 1px black; } tooltip.background { - background-color: #0c0e15; + background-color: #0a0c0d; background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } tooltip decoration { @@ -4232,89 +4229,89 @@ tooltip { * Tree Views * **************/ treeview.view { - border-left-color: #6e717d; - border-top-color: #161925; } + border-left-color: #494c4f; + border-top-color: #1A1E21; } treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { - border-left-color: #e286e8; - border-top-color: rgba(195, 199, 209, 0.1); } + border-left-color: #f7bbba; + border-top-color: rgba(118, 119, 122, 0.1); } treeview.view:disabled { - color: #6d707b; } + color: #484b4e; } treeview.view:disabled:selected { - color: #dc6ee4; } + color: #f6aeae; } treeview.view:disabled:selected:backdrop { - color: rgba(204, 44, 216, 0.85); } + color: rgba(246, 141, 140, 0.85); } treeview.view:disabled:backdrop { - color: #333955; } + color: #3c454c; } treeview.view.separator { min-height: 2px; - color: #161925; } + color: #1A1E21; } treeview.view.separator:backdrop { - color: rgba(22, 25, 37, 0.1); } + color: rgba(26, 30, 33, 0.1); } treeview.view:backdrop { - border-left-color: #424550; - border-top: #161925; } + border-left-color: #313538; + border-top: #1A1E21; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; - border-color: #980ba2; } + border-color: #f34f4d; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #90939e; } + color: #5b5d60; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { - color: #C3C7D1; } + color: #76777A; } treeview.view.expander:selected { - color: #edb6f1; } + color: #f7d3d2; } treeview.view.expander:selected:hover { - color: #fefefe; } + color: #f7f7f7; } treeview.view.expander:selected:backdrop { - color: rgba(222, 119, 229, 0.65); } + color: rgba(246, 179, 178, 0.65); } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { - color: #545763; } + color: #3b3f42; } treeview.view.progressbar { - border: 1px solid #980ba2; + border: 1px solid #f34f4d; border-radius: 4px; - background-color: #c50ed2; - background-image: linear-gradient(to bottom, #c50ed2, #980ba2); + background-color: #F67E7D; + background-image: linear-gradient(to bottom, #F67E7D, #f34f4d); box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-image: linear-gradient(to bottom, #181b28, #050608); } + background-image: linear-gradient(to bottom, #1c2124, #060707); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - border-color: #1a1d2b; - background-color: #1a1d2b; } + border-color: #1e2327; + background-color: #1e2327; } treeview.view.progressbar:backdrop { - border-color: #1a1d2b; + border-color: #1e2327; background-image: none; box-shadow: none; } treeview.view.trough { - background-color: rgba(195, 199, 209, 0.1); + background-color: rgba(118, 119, 122, 0.1); border-radius: 4px; } treeview.view.trough:selected:focus, treeview.view.trough:selected { - background-color: #980ba2; + background-color: #f34f4d; border-radius: 4px; } treeview.view header button { - color: #6e717d; - background-color: #181b28; + color: #494c4f; + background-color: #1c2124; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { - color: #999ca7; + color: #606265; box-shadow: none; transition: none; } treeview.view header button:active { - color: #C3C7D1; + color: #76777A; transition: none; } treeview.view header button:last-child:backdrop, treeview.view header button:last-child { border-right-style: none; } @@ -4326,14 +4323,14 @@ treeview.view { padding: 0 6px; transition: none; background-image: none; - background-color: #c50ed2; - color: #181b28; + background-color: #F67E7D; + color: #1c2124; border-radius: 0; border-style: none; - box-shadow: inset 0 0 0 1px #181b28; + box-shadow: inset 0 0 0 1px #1c2124; text-shadow: none; } treeview.view acceleditor > label { - background-color: #c50ed2; } + background-color: #F67E7D; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; @@ -4342,18 +4339,18 @@ treeview.view header button, treeview.view header button:hover, treeview.view he text-shadow: none; border-width: 1px; border-style: none solid solid none; - border-color: #161925; } + border-color: #1A1E21; } treeview.view header button:disabled { - border-color: #161925; + border-color: #1A1E21; background-image: none; } treeview.view header button:backdrop { - border-color: #161925; + border-color: #1A1E21; border-style: none solid solid none; - color: #424550; + color: #313538; background-image: none; - background-color: #1a1d2b; } + background-color: #1e2327; } treeview.view header button:backdrop:disabled { - border-color: #161925; + border-color: #1A1E21; background-image: none; } /********************** @@ -4387,8 +4384,8 @@ decoration, window { .solid-csd decoration, .solid-csd window { border-radius: 0; margin: 0px; - background-color: #161925; - border: solid 1px rgba(13, 16, 23, 0.82); + background-color: #1A1E21; + border: solid 1px rgba(14, 16, 23, 0.82); box-shadow: none; } windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize { @@ -4422,8 +4419,8 @@ windowcontrols button:backdrop { headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.648627451); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.648627451); } + text-shadow: 0 -1px rgba(0, 0, 0, 0.4180392157); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4180392157); } headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } @@ -4440,7 +4437,7 @@ textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selecte .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { - background-color: #c50ed2; } + background-color: #F67E7D; } row:selected label, label:selected, .selection-mode windowcontrols button, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, @@ -4453,7 +4450,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { - color: #fefefe; + color: #f7f7f7; font-weight: normal; } row:selected label:disabled, label:disabled:selected, .selection-mode windowcontrols button:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus, @@ -4464,7 +4461,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, row:disabled:selected { - color: #e286e8; } + color: #f7bbba; } row:selected label:backdrop, label:backdrop:selected, .selection-mode windowcontrols button:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview text:backdrop:selected:focus, textview text:backdrop:selected:focus, @@ -4474,7 +4471,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, row:backdrop:selected { - color: rgba(254, 254, 254, 0.5); } + color: rgba(247, 247, 247, 0.5); } row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode windowcontrols button:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, @@ -4482,7 +4479,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, row:backdrop:disabled:selected { - color: rgba(204, 44, 216, 0.85); } + color: rgba(246, 141, 140, 0.85); } .monospace { font-family: Monospace; } @@ -4523,10 +4520,10 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec .budgie-popover.background { border-radius: 2px; padding: 0; - background: #07080c; + background: #0e1012; background-clip: border-box; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); - border: 1px solid black; } + border: 1px solid #040404; } .budgie-popover list:hover, .budgie-popover row:hover, .budgie-popover.background list:hover, @@ -4538,18 +4535,18 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec padding: 2px 0 0; } .budgie-popover button, .budgie-popover.background button { - color: #C3C7D1; + color: #76777A; border: none; background: transparent; } .budgie-popover button:hover, .budgie-popover.background button:hover { - color: #c50ed2; } + color: #F67E7D; } .budgie-popover > .container { padding: 2px; } .budgie-menu { - color: #C3C7D1; } + color: #76777A; } .budgie-menu .container { padding: 0; } .budgie-menu button:hover { @@ -4558,11 +4555,11 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec border: none; background: none; padding: 5px 2px; - border-bottom: 1px solid black; + border-bottom: 1px solid #040404; border-radius: 0; font-size: 120%; box-shadow: none; - color: #C3C7D1; } + color: #76777A; } .budgie-menu entry.search image:dir(ltr) { padding-left: 8px; padding-right: 12px; } @@ -4574,29 +4571,29 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec margin-left: 3px; background: transparent; } .budgie-menu .categories:dir(ltr) { - border-right: 1px solid black; } + border-right: 1px solid #040404; } .budgie-menu .categories:dir(rtl) { - border-left: 1px solid black; } + border-left: 1px solid #040404; } .budgie-menu .category-button { padding: 7px; border-radius: 2px 0 0 2px; } .budgie-menu .category-button:hover { - background-color: rgba(195, 199, 209, 0.05); - color: #C3C7D1; } + background-color: rgba(118, 119, 122, 0.05); + color: #76777A; } .budgie-menu .category-button:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } .budgie-menu .category-button:checked { - color: #fefefe; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + color: #f7f7f7; + background: linear-gradient(to right, #485563 0%, #29323c 100%); } .budgie-menu .category-button:checked:hover { - color: rgba(254, 254, 254, 0.9); } + color: rgba(247, 247, 247, 0.9); } .budgie-menu .category-button:checked:disabled { opacity: 0.5; } .budgie-menu .category-button:checked:disabled label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .budgie-menu scrollbar { background-color: transparent; - border-color: black; } + border-color: #040404; } .budgie-menu button:not(.category-button) { padding-top: 5px; padding-bottom: 5px; @@ -4609,7 +4606,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec .budgie-menu undershoot, .budgie-menu overshoot { background: none; } .budgie-menu list { - color: rgba(195, 199, 209, 0.7); } + color: rgba(118, 119, 122, 0.7); } button.budgie-menu-launcher { padding: 0 2px; @@ -4626,20 +4623,20 @@ button.budgie-menu-launcher { button.budgie-menu-launcher:backdrop:hover { color: white; } button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { - color: #c50ed2; + color: #F67E7D; box-shadow: none; - background-color: #181b27; } + background-color: #1c2023; } .user-menu .content-box separator { margin-left: 6px; margin-right: 6px; - background-color: rgba(195, 199, 209, 0.1); } + background-color: rgba(118, 119, 122, 0.1); } .user-menu button { margin: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); - background-color: #c50ed2; + background-color: #F67E7D; transition-duration: 0.2s; } .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { @@ -4655,7 +4652,7 @@ button.budgie-menu-launcher { background-size: 38px auto; } .user-menu > box.vertical row.activatable:first-child .indicator-item label, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { - color: #fefefe; } + color: #f7f7f7; } .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { padding-left: 5px; } @@ -4664,7 +4661,7 @@ button.budgie-menu-launcher { padding-right: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item image, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { - color: #fefefe; } + color: #f7f7f7; } .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { min-width: 24px; @@ -4681,14 +4678,14 @@ button.raven-trigger { button.raven-trigger:active, button.raven-trigger:checked { box-shadow: none; background-color: transparent; - color: #c50ed2; } + color: #F67E7D; } button.raven-trigger:backdrop { color: white; } button.raven-trigger:backdrop:hover { color: white; } button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { box-shadow: none; - color: #c50ed2; + color: #F67E7D; background-color: transparent; } .places-menu .container { @@ -4706,7 +4703,7 @@ button.raven-trigger { border-radius: 0; } .places-menu .places-section-header { padding: 0px; - border-bottom: 1px solid rgba(0, 0, 0, 0.95); + border-bottom: 1px solid rgba(4, 4, 4, 0.95); box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } .places-menu .places-section-header > button { padding: 8px; @@ -4714,18 +4711,18 @@ button.raven-trigger { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .places-menu .places-list { - background: rgba(195, 199, 209, 0.04); - border-bottom: 1px solid rgba(0, 0, 0, 0.95); } + background: rgba(118, 119, 122, 0.04); + border-bottom: 1px solid rgba(4, 4, 4, 0.95); } .places-menu .unlock-area { - border-top: 1px solid rgba(0, 0, 0, 0.85); - border-bottom: 1px solid rgba(0, 0, 0, 0.85); } + border-top: 1px solid rgba(4, 4, 4, 0.85); + border-bottom: 1px solid rgba(4, 4, 4, 0.85); } .places-menu .unlock-area entry { border-radius: 0; border: 0; } .places-menu .unlock-area button { border-radius: 0; border: 0; - border-left: 1px solid rgba(0, 0, 0, 0.85); } + border-left: 1px solid rgba(4, 4, 4, 0.85); } .places-menu .alternative-label { font-size: 15px; padding: 3px; } @@ -4750,16 +4747,16 @@ button.raven-trigger { .budgie-panel { color: white; - background-color: rgba(0, 0, 0, 0.95); + background-color: rgba(4, 4, 4, 0.95); background-image: none; box-shadow: none; border: none; transition: all 150ms ease-in; } .budgie-panel .alert { - color: #ed254e; } + color: #F67E7D; } .budgie-panel:backdrop { color: white; - background-color: rgba(0, 0, 0, 0.95); } + background-color: rgba(4, 4, 4, 0.95); } .budgie-panel button { border-top-width: 0; border-bottom-width: 0; @@ -4769,7 +4766,7 @@ button.raven-trigger { border: none; } .budgie-panel button.flat:hover, .budgie-panel button.flat:active, .budgie-panel button.flat:checked { background: transparent; - color: #c50ed2; } + color: #F67E7D; } .budgie-panel popover list, .budgie-panel popover row { padding: 0; @@ -4778,7 +4775,7 @@ button.raven-trigger { color: white; font-weight: 700; } .budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.2); } + background-color: rgba(4, 4, 4, 0.2); } .top .budgie-panel.transparent { border-bottom-color: transparent; } .bottom .budgie-panel.transparent { @@ -4790,16 +4787,16 @@ button.raven-trigger { .budgie-panel .end-region { border-radius: 0px; } .budgie-panel .end-region separator { - background-color: rgba(195, 199, 209, 0.15); } + background-color: rgba(118, 119, 122, 0.15); } .budgie-panel .end-region label { font-weight: 700; - color: #C3C7D1; } + color: #76777A; } .budgie-panel #tasklist-button, .budgie-panel #tasklist-button:backdrop { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-color: rgba(0, 0, 0, 0); + border-color: rgba(4, 4, 4, 0); border-radius: 0; background-color: transparent; box-shadow: none; @@ -4808,7 +4805,7 @@ button.raven-trigger { .budgie-panel button.flat.launcher { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-color: rgba(0, 0, 0, 0); + border-color: rgba(4, 4, 4, 0); border-radius: 0; padding: 0; background-clip: padding-box; @@ -4846,7 +4843,7 @@ button.raven-trigger { .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .top button.flat.launcher.running:checked { - border-top: 2px solid #c50ed2; } + border-top: 2px solid #F67E7D; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { @@ -4870,7 +4867,7 @@ button.raven-trigger { .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .bottom button.flat.launcher.running:checked { - border-bottom: 2px solid #c50ed2; } + border-bottom: 2px solid #F67E7D; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { @@ -4894,7 +4891,7 @@ button.raven-trigger { .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .left button.flat.launcher.running:checked { - border-left: 2px solid #c50ed2; } + border-left: 2px solid #F67E7D; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { @@ -4918,59 +4915,59 @@ button.raven-trigger { .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .right button.flat.launcher.running:checked { - border-right: 2px solid #c50ed2; } + border-right: 2px solid #F67E7D; } .top .budgie-panel { - border-bottom: 1px solid rgba(0, 0, 0, 0.92); } + border-bottom: 1px solid rgba(4, 4, 4, 0.92); } .top .raven-frame { padding: 0; background: none; } .top .raven-frame border { border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.92); } + border-bottom: 1px solid rgba(4, 4, 4, 0.92); } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } .bottom .budgie-panel { - border-top: 1px solid rgba(0, 0, 0, 0.92); } + border-top: 1px solid rgba(4, 4, 4, 0.92); } .bottom .raven-frame { padding: 0; background: none; } .bottom .raven-frame border { border: none; - border-top: 1px solid rgba(0, 0, 0, 0.92); } + border-top: 1px solid rgba(4, 4, 4, 0.92); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } .left .budgie-panel { - border-right: 1px solid rgba(0, 0, 0, 0.92); } + border-right: 1px solid rgba(4, 4, 4, 0.92); } .left .raven-frame { padding: 0; background: none; } .left .raven-frame border { border: none; - border-right: 1px solid rgba(0, 0, 0, 0.92); } + border-right: 1px solid rgba(4, 4, 4, 0.92); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } .right .budgie-panel { - border-left: 1px solid rgba(0, 0, 0, 0.92); } + border-left: 1px solid rgba(4, 4, 4, 0.92); } .right .raven-frame { padding: 0; background: none; } .right .raven-frame border { border: none; - border-left: 1px solid rgba(0, 0, 0, 0.92); } + border-left: 1px solid rgba(4, 4, 4, 0.92); } .right .shadow-block { background-color: transparent; @@ -4978,15 +4975,15 @@ button.raven-trigger { .raven { padding: 0; - color: #C3C7D1; - background: #07080c; + color: #76777A; + background: #0e1012; transition: 170ms ease-out; } .raven .raven-header { min-height: 32px; - color: #C3C7D1; - border: solid rgba(0, 0, 0, 0.95); + color: #76777A; + border: solid rgba(4, 4, 4, 0.95); border-width: 1px 0; - background-color: rgba(6, 7, 10, 0.45); } + background-color: rgba(10, 12, 13, 0.45); } .raven .raven-header * { padding-top: 0; padding-bottom: 0; } @@ -4996,21 +4993,21 @@ button.raven-trigger { margin-top: 3px; min-height: 32px; } .raven .raven-header.top button.image-button:hover { - color: #af0cba; + color: #f46665; box-shadow: none; } .raven .raven-header > button.text-button { border-radius: 2px; - color: #fefefe; - background-color: rgba(230, 19, 62, 0.9); + color: #f7f7f7; + background-color: rgba(244, 102, 101, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:hover { border-radius: 2px; - color: #fefefe; - background-color: rgba(237, 37, 78, 0.9); + color: #f7f7f7; + background-color: rgba(246, 126, 125, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:active { - color: #fefefe; - background-color: rgba(239, 61, 97, 0.9); + color: #f7f7f7; + background-color: rgba(248, 150, 149, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header.bottom { border-bottom-style: none; } @@ -5022,13 +5019,13 @@ button.raven-trigger { border: none; border-radius: 0; } .raven .raven-header button:hover { - color: #c50ed2; + color: #F67E7D; border-radius: 0; text-shadow: none; border: none; border-radius: 0; } .raven .raven-header button:disabled { - color: #6d707b; } + color: #484b4e; } .raven .raven-header button.text-button.radio { margin: 5px 0px; min-height: 20px; @@ -5039,21 +5036,21 @@ button.raven-trigger { box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98); color: white; } .raven list { - color: #C3C7D1; + color: #76777A; background-color: transparent; } .raven list:selected { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .raven list row, .raven list row.activatable { background-color: transparent; } .raven list row:hover, .raven list row.activatable:hover { - background-color: rgba(29, 33, 48, 0.25); } + background-color: rgba(37, 43, 47, 0.25); } .raven list row:selected, .raven list row.activatable:selected { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .raven .raven-background { - color: #C3C7D1; + color: #76777A; background-color: transparent; border-color: transparent; } .raven .raven-background.middle { @@ -5067,47 +5064,47 @@ button.raven-trigger { min-width: 32px; min-height: 32px; margin-bottom: 3px; - background: #c74ded; - color: #fefefe; + background: #D7BCC8; + color: #f7f7f7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); border: none; font-size: 100%; } .raven .powerstrip button.image-button:hover { - background: rgba(199, 77, 237, 0.85); - color: #fefefe; } + background: rgba(215, 188, 200, 0.85); + color: #f7f7f7; } .raven .powerstrip button.image-button:active { - background: #c74ded; - color: #fefefe; } + background: #D7BCC8; + color: #f7f7f7; } .raven .powerstrip button.image-button:first-child { - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } .raven .powerstrip button.image-button:first-child:hover { - background: rgba(197, 14, 210, 0.85); } + background: rgba(246, 126, 125, 0.85); } .raven .powerstrip button.image-button:first-child:active { - background: #c50ed2; } + background: #F67E7D; } .raven .powerstrip button.image-button:last-child { - background: linear-gradient(to right, #FF416C, #FF4B2B); } + background: linear-gradient(to right, #F67E7D, #F79F79); } .raven .powerstrip button.image-button:last-child:hover { - background: rgba(237, 37, 78, 0.85); } + background: rgba(246, 126, 125, 0.85); } .raven .powerstrip button.image-button:last-child:active { - background: #ed254e; } + background: #F67E7D; } .raven .option-subtitle { font-size: 13px; } calendar.raven-calendar { padding: 6px; - color: #C3C7D1; + color: #76777A; background: transparent; border-color: transparent; } calendar.raven-calendar:indeterminate { color: alpha(currentColor,0.3); } calendar.raven-calendar:selected { background: transparent; - color: #b30dbf; + color: #f56b6a; font-weight: bold; } calendar.raven-calendar:backdrop { background-color: transparent; } calendar.raven-calendar.header { - color: #C3C7D1; + color: #76777A; border: none; border-radius: 0; background-color: transparent; } @@ -5115,23 +5112,23 @@ calendar.raven-calendar { color: alpha(currentColor,0.5); background-color: transparent; } calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { - color: #C3C7D1; + color: #76777A; background-color: transparent; } .raven-mpris { - color: #C3C7D1; - background-color: rgba(3, 3, 5, 0.9); + color: #76777A; + background-color: rgba(4, 4, 4, 0.9); border: solid rgba(255, 255, 255, 0.1); border-width: 1px 0; border-bottom-color: rgba(0, 0, 0, 0.1); } .raven-mpris button.image-button { padding: 10px; - background-color: #181b28; + background-color: #1c2124; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } .raven-mpris button.image-button:hover { - background-color: #c50ed2; } + background-color: #F67E7D; } .raven-mpris button.image-button:active { - background-color: #af0cba; } + background-color: #f46665; } .raven-mpris button.image-button:first-child { margin-right: 4px; } .raven-mpris button.image-button:last-child { @@ -5145,74 +5142,74 @@ calendar.raven-calendar { background: none; border-radius: 1px; } .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { - background-color: #c50ed2; - color: #fefefe; + background-color: #F67E7D; + color: #f7f7f7; border: none; } .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { - background-color: #af0cba; + background-color: #f46665; border: none; } .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { - background-color: #af0cba; } + background-color: #f46665; } .budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { border-radius: 1px; } .budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { font-size: 110%; - color: #C3C7D1; } + color: #76777A; } .budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { - color: rgba(195, 199, 209, 0.7); } + color: rgba(118, 119, 122, 0.7); } .budgie-notification button, .budgie-osd button, .budgie-switcher button { background-color: transparent; - color: #fefefe; } + color: #f7f7f7; } .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { background-color: transparent; - color: #ed254e; + color: #F67E7D; box-shadow: none; } .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { background-color: transparent; - color: #e6133e; } + color: #f46665; } .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { - color: #C3C7D1; - background-color: rgba(22, 25, 37, 0.95); + color: #76777A; + background-color: rgba(26, 30, 33, 0.95); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; } .budgie-switcher-window flowbox { - color: #C3C7D1; } + color: #76777A; } .budgie-switcher-window flowboxchild { padding: 3px; margin: 3px; - color: #C3C7D1; } + color: #76777A; } .budgie-switcher-window flowboxchild:hover { background-color: transparent; } .budgie-switcher-window flowboxchild:active { - color: #C3C7D1; } + color: #76777A; } .budgie-switcher-window flowboxchild:selected { - color: #fefefe; - background-color: rgba(197, 14, 210, 0.5); } + color: #f7f7f7; + background-color: rgba(246, 126, 125, 0.5); } .budgie-switcher-window flowboxchild:selected:active { - color: #fefefe; } + color: #f7f7f7; } .budgie-switcher-window flowboxchild:selected:hover { - background-color: #b10dbd; } + background-color: #dd7171; } .budgie-switcher-window flowboxchild:selected:disabled { - color: rgba(254, 254, 254, 0.7); - background-color: rgba(197, 14, 210, 0.7); } + color: rgba(247, 247, 247, 0.7); + background-color: rgba(246, 126, 125, 0.7); } .budgie-switcher-window flowboxchild:selected:disabled label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { - color: #C3C7D1; - background-color: rgba(0, 0, 0, 0.95); } + color: #76777A; + background-color: rgba(4, 4, 4, 0.95); } .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { - color: rgba(195, 199, 209, 0.8); } + color: rgba(118, 119, 122, 0.8); } .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { margin-bottom: 0; min-height: 32px; border-bottom: none; - border-color: black; + border-color: #040404; border-radius: 0; color: #fff; background-color: transparent; @@ -5226,33 +5223,33 @@ calendar.raven-calendar { border-right: none; border-bottom-right-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { color: rgba(255, 255, 255, 0.5); } .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { - background-color: rgba(219, 16, 234, 0.9); } + background-color: rgba(248, 150, 149, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { - background-color: rgba(219, 16, 234, 0.9); } + background-color: rgba(248, 150, 149, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { - background-color: rgba(206, 17, 56, 0.9); } + background-color: rgba(243, 79, 77, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { - background-color: rgba(230, 19, 62, 0.9); } + background-color: rgba(244, 102, 101, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { - background-color: rgba(230, 19, 62, 0.9); } + background-color: rgba(244, 102, 101, 0.9); } .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { background-color: #505359; - color: #C3C7D1; } + color: #76777A; } .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { background-color: #505359; } .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { background-color: #505359; } .budgie-polkit-dialog .message { - color: rgba(195, 199, 209, 0.7); } + color: rgba(118, 119, 122, 0.7); } .budgie-polkit-dialog .failure { - color: #ed254e; } + color: #F67E7D; } .budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { font-size: 120%; @@ -5260,7 +5257,7 @@ calendar.raven-calendar { border: none; box-shadow: none; } .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { - color: #C3C7D1; } + color: #76777A; } .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { padding-left: 8px; padding-right: 12px; } @@ -5278,22 +5275,22 @@ headerbar .budgie-run-dialog list row:selected .subtitle { margin: 4px; padding: 5px; border-radius: 0; - background-color: rgba(0, 0, 0, 0.95); } + background-color: rgba(4, 4, 4, 0.95); } .budgie-menubar menu menuitem:hover { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } .budgie-menubar arrow { border: none; min-width: 16px; min-height: 16px; } .budgie-menubar arrow.top { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); - border-bottom: 1px solid rgba(33, 35, 42, 0.928); } + border-bottom: 1px solid rgba(37, 40, 43, 0.928); } .budgie-menubar arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - border-top: 1px solid rgba(33, 35, 42, 0.928); } + border-top: 1px solid rgba(37, 40, 43, 0.928); } .budgie-menubar menuitem accelerator { - color: rgba(195, 199, 209, 0.35); } + color: rgba(118, 119, 122, 0.35); } .budgie-menubar menuitem check, .budgie-menubar menuitem radio { min-height: 16px; min-width: 16px; } @@ -5302,7 +5299,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled border-style: none none solid; } .workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.95); } + border: 0 solid rgba(4, 4, 4, 0.95); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { @@ -5310,7 +5307,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { - border: 0 solid rgba(19, 22, 32, 0.95); } + border: 0 solid rgba(26, 30, 33, 0.95); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } @@ -5320,7 +5317,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(10, 11, 16, 0.95); } + background-color: rgba(15, 17, 19, 0.95); } .workspace-switcher .workspace-add-button { border: none; background: transparent; @@ -5342,9 +5339,9 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled ************/ .nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { background: transparent; - color: #c50ed2; } + color: #F67E7D; } .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { - color: #c50ed2; } + color: #F67E7D; } .nautilus-window paned > separator { background-image: none; } .nautilus-window .sidebar { @@ -5353,25 +5350,25 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled background-color: transparent; } .nautilus-window .sidebar .list-row button { border: none; - background-color: rgba(18, 21, 31, 0.95); } + background-color: rgba(22, 25, 27, 0.95); } .nautilus-window .sidebar .list-row button:active { - background-color: rgba(197, 14, 210, 0.75); } + background-color: rgba(246, 126, 125, 0.75); } .nautilus-window .sidebar .list-row:selected { - background-color: rgba(197, 14, 210, 0.75); } + background-color: rgba(246, 126, 125, 0.75); } .nautilus-window .sidebar .list-row:selected:hover { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .nautilus-window .sidebar .list-row:hover { - background-color: rgba(24, 27, 40, 0.5); } + background-color: rgba(28, 33, 36, 0.5); } .nautilus-window .sidebar .list-row:hover:active { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .nautilus-window.background { - background-color: rgba(18, 21, 31, 0.95); } + background-color: rgba(22, 25, 27, 0.95); } .nautilus-window.background:backdrop { - background-color: rgba(18, 21, 31, 0.95); } + background-color: rgba(22, 25, 27, 0.95); } .nautilus-window notebook > stack:only-child { - background-color: #181b28; } + background-color: #1c2124; } .nautilus-window notebook > stack:only-child:backdrop { - background-color: #1a1d2b; } + background-color: #1e2327; } .nautilus-window searchbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .nautilus-window .searchbar-container { @@ -5402,14 +5399,14 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled color: whitesmoke; } .nautilus-window .titlebar .linked:not(.path-bar) button:active, .nautilus-window .titlebar .linked:not(.path-bar) button:checked, .nautilus-window .titlebar .linked:not(.path-bar) button:active:backdrop, .nautilus-window .titlebar .linked:not(.path-bar) button:checked:backdrop { background: transparent; - color: #c50ed2; + color: #F67E7D; box-shadow: none; border: none; } .nautilus-window .linked:not(.vertical) > entry { border-radius: 10px; margin-right: 5px; } .nautilus-window .linked:not(.vertical) > entry:focus { - border-color: rgba(197, 14, 210, 0.6); } + border-color: rgba(246, 126, 125, 0.6); } .nautilus-circular-button { border-radius: 20px; } @@ -5427,28 +5424,28 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled border-color: #a5a5a5; } .nautilus-desktop { - color: #C3C7D1; } + color: #76777A; } .nautilus-desktop .nautilus-canvas-item { border-radius: 5px; - color: #fefefe; + color: #f7f7f7; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop .nautilus-canvas-item:active { - color: #C3C7D1; + color: #76777A; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:hover { - color: #C3C7D1; + color: #76777A; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:selected { - color: #fefefe; + color: #f7f7f7; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { - color: #fefefe; } + color: #f7f7f7; } .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, .nautilus-desktop .nautilus-list headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-list .subtitle:selected { - color: #fefefe; } + color: #f7f7f7; } /********* * Gedit * @@ -5457,7 +5454,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled padding: 4px; border-radius: 0 0 3px 3px; border: 0; - background-color: #161925; } + background-color: #1A1E21; } /********* * Gnucash * @@ -5470,10 +5467,10 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled transition: none; box-shadow: none; } #gnc-id-main-window .arrow.button.toggle:hover { - border-color: #c50ed2; } + border-color: #F67E7D; } .xfce4-panel.panel { - background-color: #181b28; + background-color: #1c2124; text-shadow: none; -gtk-icon-shadow: none; } @@ -5481,27 +5478,27 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled color: rgba(255, 255, 255, 0.8); border-radius: 0; border: none; - background-color: rgba(24, 27, 40, 0); } + background-color: rgba(28, 33, 36, 0); } #tasklist-button:hover { color: white; background-color: rgba(0, 0, 0, 0.17); } #tasklist-button:checked { color: white; background-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #c50ed2; } + box-shadow: inset 0 -2px #F67E7D; } .xfce4-panel.panel button.flat { color: white; border-radius: 0; border: none; - background-color: rgba(24, 27, 40, 0); } + background-color: rgba(28, 33, 36, 0); } .xfce4-panel.panel button.flat:hover { border: none; - background-color: #2b3148; } + background-color: #333b40; } .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked { - color: #fefefe; - border-bottom: 2px solid #c50ed2; - background-color: #212638; } + color: #f7f7f7; + border-bottom: 2px solid #F67E7D; + background-color: #272e32; } .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.flat:checked image { color: inherit; } @@ -5513,18 +5510,18 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled padding: 2px; margin: 1px 0px; } #whiskermenu-window button:hover, #whiskermenu-window button:checked { - background-color: #c50ed2; } + background-color: #F67E7D; } /* thunar */ .thunar toolbar { - background-color: #0c0e14; } + background-color: #1A1E21; } /* buttons in toolbar */ .thunar toolbar.horizontal button image { -gtk-icon-transform: scale(0.72); } scrolledwindow.sidebar treeview.view { - background: #12151f; + background: #111416; padding: 1.5px; } /* path-bar of thunar */ @@ -5532,7 +5529,7 @@ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path- margin-top: 7px; margin-bottom: 7px; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, .thunar toolbar .path-bar-button:hover { - color: #c50ed2; } + color: #F67E7D; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, .thunar toolbar .path-bar-button:checked { border-radius: 23px; background: linear-gradient(to right, #c50ed2, #8500f7); @@ -5547,7 +5544,7 @@ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path- /* thunar sidepane */ window.thunar paned > scrolledwindow treeview.view:hover { - background: #10131b; } + background: #0f1113; } window.thunar paned > scrolledwindow treeview.view:selected { border-radius: 23px; background: linear-gradient(to right, #c50ed2, #8500f7); @@ -5566,15 +5563,15 @@ window.thunar toolbar#location-toolbar entry { border-width: 0; border-radius: 2px; color: white; - border: 1px solid #181b28; - background-color: #181b28; } + border: 1px solid #1c2124; + background-color: #1c2124; } .gala-notification .title, .gala-notification .label { - color: #C3C7D1; } + color: #76777A; } .gala-button { padding: 3px; - color: #181b28; + color: #1c2124; border: none; border-radius: 50%; background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); @@ -5588,14 +5585,14 @@ window.thunar toolbar#location-toolbar entry { /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.7); - background-color: rgba(24, 27, 40, 0.05); } + background-color: rgba(28, 33, 36, 0.05); } /*************** * SwitchBoard * ***************/ .category-label { font-weight: bold; - color: #C3C7D1; } + color: #76777A; } /************* * Slingshot * @@ -5608,7 +5605,7 @@ window.thunar toolbar#location-toolbar entry { .button.app .app:hover { border-radius: 8px; border: none; - background-color: rgba(197, 14, 210, 0.3); + background-color: rgba(246, 126, 125, 0.3); color: white; } .button.app .app:focus { /*background-color: transparentize(black, 0.20);*/ } @@ -5616,12 +5613,12 @@ window.thunar toolbar#location-toolbar entry { .search-item { border-radius: 0; border: none; - color: #C3C7D1; + color: #76777A; background: none; } .search-item:hover, .search-item:focus { border-radius: 0; - background-color: rgba(197, 14, 210, 0.3); - color: #fefefe; } + background-color: rgba(246, 126, 125, 0.3); + color: #f7f7f7; } .search-entry-large, .search-entry-large:focus { @@ -5635,7 +5632,7 @@ window.thunar toolbar#location-toolbar entry { .search-category-header { font-weight: bold; - color: #C3C7D1; } + color: #76777A; } /********* * Panel * @@ -5644,9 +5641,9 @@ window.thunar toolbar#location-toolbar entry { background-color: transparent; transition: all 100ms ease-in-out; } .panel.maximized { - background-color: #181b28; } + background-color: #1c2124; } .panel.translucent { - background-color: rgba(24, 27, 40, 0.5); } + background-color: rgba(28, 33, 36, 0.5); } .panel.color-light.translucent { background-color: rgba(255, 255, 255, 0.85); } @@ -5687,16 +5684,16 @@ PantheonCalculatorMainWindow { * Cards * *********/ .deck { - background-color: #07080b; } + background-color: #08090a; } .card { - background-color: #181b28; + background-color: #1c2124; border: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); transition: all 150ms ease-in-out; } .card.collapsed { - background-color: #0e1018; + background-color: #111416; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } /********* @@ -5724,13 +5721,13 @@ LibraryWindow .the-button-in-the-combobox { background: none; } .checkerboard-layout { - background-color: #161925; + background-color: #1A1E21; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); background-size: 24px 24px; background-position: 0 0, 12px 12px; } .checkboard-layout .item { - background-color: #C3C7D1; } + background-color: #76777A; } /********* * Avatar * @@ -5744,14 +5741,14 @@ LibraryWindow .the-button-in-the-combobox { * Level bar * *************/ .source-list.view.level-bar, iconview.source-list.level-bar, .source-list.view.level-bar:selected, iconview.source-list.level-bar:selected, .source-list.view.level-bar:selected:focus, iconview.source-list.level-bar:selected:focus { - background: linear-gradient(#333955, #333955); + background: linear-gradient(#374046, #374046); border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); border-radius: 2px; } .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block { border: none; } .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block, .source-list.view.level-bar.fill-block:hover, iconview.source-list.level-bar.fill-block:hover, .source-list.view.level-bar.fill-block:selected, iconview.source-list.level-bar.fill-block:selected, .source-list.view.level-bar.fill-block:selected:focus, iconview.source-list.level-bar.fill-block:selected:focus { - background: linear-gradient(to right, #00f17d, #00f7d2); } + background: linear-gradient(to right, #ff005d, #ff8b26); } /************************** * Colors in context menu * @@ -5788,7 +5785,7 @@ radiobutton.color-button:active > radio { background-image: none; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50%; - color: #181b28; + color: #1c2124; -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } .color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { background-color: @STRAWBERRY_300; @@ -5901,7 +5898,7 @@ UnityPanelWidget:backdrop, .unity-panel.menubar:backdrop, .unity-panel .menubar *:backdrop { - color: #6d707b; } + color: #484b4e; } .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem { @@ -5931,7 +5928,7 @@ UnityPanelWidget:backdrop, /* Force Quit */ SheetStyleDialog.unity-force-quit { - background-color: #181b28; } + background-color: #1c2124; } @keyframes playbackmenuitem_spinner { to { @@ -5939,18 +5936,18 @@ SheetStyleDialog.unity-force-quit { .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; - color: #c50ed2; } + color: #F67E7D; } MsdOsdWindow.background.osd { border-radius: 2px; border: 1px solid rgba(12, 14, 21, 0.8); } MsdOsdWindow.background.osd .progressbar { - background-color: #c50ed2; + background-color: #F67E7D; border: none; - border-color: #c50ed2; + border-color: #F67E7D; border-radius: 5px; } MsdOsdWindow.background.osd .trough { - background-color: rgba(7, 8, 11, 0.98); + background-color: rgba(8, 9, 10, 0.98); border: none; border-radius: 5px; } @@ -5965,26 +5962,26 @@ MsdOsdWindow.background.osd { opacity: 0; } ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { - background-color: rgba(197, 14, 210, 0.6); - color: rgba(254, 254, 254, 0.5); } + background-color: rgba(246, 126, 125, 0.6); + color: rgba(247, 247, 247, 0.5); } ConversationListView .view .cell, ConversationListView iconview .cell { border: solid rgba(0, 0, 0, 0.2); border-width: 0 0 1px 0; } ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { - color: #fefefe; - border: 0px solid #980ba2; } + color: #f7f7f7; + border: 0px solid #f34f4d; } /*********** * LightDm * ***********/ #panel_window { - background-color: #181b28; + background-color: #1c2124; color: white; font-weight: bold; - box-shadow: inset 0 -1px #0b0c12; } + box-shadow: inset 0 -1px #0d0e10; } #panel_window .menubar, #panel_window .menubar > .menuitem menubar, @@ -6011,11 +6008,11 @@ ConversationListView .view .cell, ConversationListView iconview .cell { font-weight: normal; border-style: none; background-color: transparent; - color: #C3C7D1; } + color: #76777A; } #content_frame { padding-bottom: 14px; - background-color: #161925; + background-color: #1A1E21; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); @@ -6023,30 +6020,30 @@ ConversationListView .view .cell, ConversationListView iconview .cell { #content_frame button { font-weight: normal; - color: #C3C7D1; - background-color: #181b28; + color: #76777A; + background-color: #1c2124; text-shadow: none; } #content_frame button:hover { - color: #C3C7D1; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #181b28; + color: #76777A; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #1c2124; text-shadow: none; } #content_frame button:active, #content_frame button:checked { - color: #C3C7D1; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: #76777A; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #F67E7D; text-shadow: none; } #content_frame button:disabled { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #171a26; + color: #646669; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #1b1f22; text-shadow: none; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; - background-color: #0c0e14; + background-color: #1A1E21; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); @@ -6055,7 +6052,7 @@ ConversationListView .view .cell, ConversationListView iconview .cell { #buttonbox_frame button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(16, 19, 27, 0.98); + background-color: rgba(19, 22, 24, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6064,7 +6061,7 @@ ConversationListView .view .cell, ConversationListView iconview .cell { #buttonbox_frame button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98)); + background-image: linear-gradient(to bottom, rgba(46, 53, 59, 0.98), rgba(46, 53, 59, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6073,23 +6070,23 @@ ConversationListView .view .cell, ConversationListView iconview .cell { #buttonbox_frame button:active, #buttonbox_frame button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98)); + background-image: linear-gradient(to bottom, rgba(33, 38, 42, 0.98), rgba(33, 38, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } #login_window #user_combobox { - color: #C3C7D1; + color: #76777A; font-size: 13px; } #login_window #user_combobox .menu, #login_window #user_combobox menu { @@ -6105,29 +6102,29 @@ ConversationListView .view .cell, ConversationListView iconview .cell { .nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, .nemo-window .places-treeview iconview.cell:hover { - background: rgba(16, 19, 27, 0.7); } + background: rgba(15, 17, 19, 0.7); } .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, .nemo-window .places-treeview iconview.cell:selected { - background: #c50ed2; } + background: #F67E7D; } .nemo-window .sidebar { color: #98abb2; - background-color: #161925; } + background-color: #16191b; } .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { background-color: transparent; } .nemo-window .nemo-window-pane widget.entry { background-clip: padding-box; min-height: 28px; padding: 5px; - color: #C3C7D1; + color: #76777A; border: 1px solid rgba(12, 14, 21, 0.8); border-radius: 3px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } .nemo-window .nemo-window-pane widget.entry:selected { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } .nemo-window toolbar.primary-toolbar { margin-bottom: -1px; - background: #0c0e14; } + background: #1A1E21; } .nemo-window toolbar.primary-toolbar button { color: #8b8b8b; text-shadow: none; @@ -6139,7 +6136,7 @@ ConversationListView .view .cell, ConversationListView iconview .cell { min-height: 24px; } .nemo-window toolbar.primary-toolbar button:hover { background: transparent; - color: #c50ed2; } + color: #F67E7D; } .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { border-radius: 23px; background: linear-gradient(to right, #c50ed2, #8500f7); @@ -6147,49 +6144,49 @@ ConversationListView .view .cell, ConversationListView iconview .cell { color: white; } .nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, .nemo-window .nemo-inactive-pane iconview { - background-color: #141722; } + background-color: #181b1e; } .caja-notebook .frame { border-width: 0 0 1px; } .caja-notebook .entry { - background: #161925; - color: #C3C7D1; + background: #1A1E21; + color: #76777A; border-color: rgba(12, 14, 21, 0.8); } .caja-notebook .entry:selected { - background: #c50ed2; - color: #fefefe; } + background: #F67E7D; + color: #f7f7f7; } /************** * Caja sidebar * **************/ .caja-side-pane { - background: #0c0e14; } + background: #1A1E21; } .caja-side-pane .frame { border-width: 1px 0 0; } .caja-side-pane treeview.view, .caja-side-pane textview.view text, .caja-side-pane viewport.frame, .caja-side-pane widget .vertical { - background: #161925; + background: #16191b; padding: 3px 2px; color: #98abb2; } .caja-side-pane treeview.view:hover, .caja-side-pane textview.view text:hover, .caja-side-pane viewport.frame:hover, .caja-side-pane widget .vertical:hover { - background-color: rgba(18, 21, 31, 0.95); } + background-color: rgba(17, 20, 22, 0.95); } .caja-side-pane treeview.view:selected, .caja-side-pane textview.view text:selected, .caja-side-pane viewport.frame:selected, .caja-side-pane widget .vertical:selected { - color: #fefefe; - background: #c50ed2; } + color: #f7f7f7; + background: #F67E7D; } /************** * Caja pathbar * **************/ .caja-navigation-window paned, .caja-navigation-window .primary-toolbar { - background: #0c0e14; } + background: #1A1E21; } .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button), @@ -6205,7 +6202,7 @@ ConversationListView .view .cell, ConversationListView iconview .cell { .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked { - background: #c50ed2; + background: #F67E7D; box-shadow: none; } .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover, @@ -6216,7 +6213,7 @@ ConversationListView .view .cell, ConversationListView iconview .cell { .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked label { - color: #fefefe; } + color: #f7f7f7; } .caja-pathbar button { color: #8b8b8b; @@ -6227,14 +6224,14 @@ ConversationListView .view .cell, ConversationListView iconview .cell { margin-top: 7px; margin-bottom: 7px; } .caja-pathbar button:hover { - color: #c50ed2; } + color: #F67E7D; } .caja-pathbar button:checked { border-radius: 23px; background: linear-gradient(to right, #c50ed2, #8500f7); box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98); color: white; } .caja-pathbar button:backdrop:disabled { - color: rgba(195, 199, 209, 0.2); + color: rgba(118, 119, 122, 0.2); background-color: transparent; border-radius: 0; text-shadow: none; diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css index 1eb721e..184c9d0 100755 --- a/gtk-4.0/gtk.css +++ b/gtk-4.0/gtk.css @@ -3,75 +3,75 @@ ---------------- use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #C3C7D1; +@define-color theme_fg_color #76777A; /* text color for entries, views and content in general */ -@define-color theme_text_color #C3C7D1; +@define-color theme_text_color #76777A; /* widget base background color */ -@define-color theme_bg_color #161925; +@define-color theme_bg_color #1A1E21; /* text widgets and the like base background color */ -@define-color theme_base_color #181b28; +@define-color theme_base_color #1c2124; /* base background color of selections */ -@define-color theme_selected_bg_color #c50ed2; +@define-color theme_selected_bg_color #F67E7D; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #fefefe; +@define-color theme_selected_fg_color #f7f7f7; /* base background color of disabled widgets */ -@define-color insensitive_bg_color #171a26; +@define-color insensitive_bg_color #1b1f22; /* text foreground color of disabled widgets */ -@define-color insensitive_fg_color #6d707b; +@define-color insensitive_fg_color #484b4e; /* disabled text widgets and the like base background color */ -@define-color insensitive_base_color #181b28; +@define-color insensitive_base_color #1c2124; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #6d707b; +@define-color theme_unfocused_fg_color #484b4e; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #C3C7D1; +@define-color theme_unfocused_text_color #76777A; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #161925; +@define-color theme_unfocused_bg_color #1A1E21; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #1a1d2b; +@define-color theme_unfocused_base_color #1e2327; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #c50ed2; +@define-color theme_unfocused_selected_bg_color #F67E7D; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #fefefe; +@define-color theme_unfocused_selected_fg_color #f7f7f7; /* widgets main borders color */ @define-color borders rgba(12, 14, 21, 0.8); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(13, 16, 23, 0.82); +@define-color unfocused_borders rgba(14, 16, 23, 0.82); /* these are pretty self explicative */ -@define-color warning_color #cc5500; -@define-color error_color #e6133e; +@define-color warning_color #f47d49; +@define-color error_color #f46665; @define-color success_color #0096b1; -@define-color fg_color #C3C7D1; -@define-color text_color #C3C7D1; -@define-color bg_color #161925; -@define-color base_color #181b28; -@define-color selected_bg_color #c50ed2; -@define-color selected_fg_color #fefefe; -@define-color unfocused_fg_color #6d707b; -@define-color unfocused_text_color #C3C7D1; -@define-color unfocused_bg_color #161925; -@define-color unfocused_base_color #1a1d2b; -@define-color unfocused_selected_bg_color #c50ed2; -@define-color unfocused_selected_fg_color #fefefe; +@define-color fg_color #76777A; +@define-color text_color #76777A; +@define-color bg_color #1A1E21; +@define-color base_color #1c2124; +@define-color selected_bg_color #F67E7D; +@define-color selected_fg_color #f7f7f7; +@define-color unfocused_fg_color #484b4e; +@define-color unfocused_text_color #76777A; +@define-color unfocused_bg_color #1A1E21; +@define-color unfocused_base_color #1e2327; +@define-color unfocused_selected_bg_color #F67E7D; +@define-color unfocused_selected_fg_color #f7f7f7; /* 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(#C3C7D1, 1.8); -@define-color wm_unfocused_title #6d707b; +@define-color wm_title shade(#76777A, 1.8); +@define-color wm_unfocused_title #484b4e; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(255, 255, 255, 0.1); -@define-color wm_bg_a shade(#161925, 1.2); -@define-color wm_bg_b #161925; +@define-color wm_bg_a shade(#1A1E21, 1.2); +@define-color wm_bg_b #1A1E21; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#161925, 1.3); -@define-color wm_button_hover_color_b #161925; -@define-color wm_button_active_color_a shade(#161925, 0.85); -@define-color wm_button_active_color_b shade(#161925, 0.89); -@define-color wm_button_active_color_c shade(#161925, 0.9); -@define-color content_view_bg #181b28; -@define-color text_view_bg #181b28; -@define-color budgie_tasklist_indicator_color #c50ed2; -@define-color budgie_tasklist_indicator_color_active #c50ed2; -@define-color placeholder_text_color #a1a5b0; +@define-color wm_button_hover_color_a shade(#1A1E21, 1.3); +@define-color wm_button_hover_color_b #1A1E21; +@define-color wm_button_active_color_a shade(#1A1E21, 0.85); +@define-color wm_button_active_color_b shade(#1A1E21, 0.89); +@define-color wm_button_active_color_c shade(#1A1E21, 0.9); +@define-color content_view_bg #1c2124; +@define-color text_view_bg #1c2124; +@define-color budgie_tasklist_indicator_color #F67E7D; +@define-color budgie_tasklist_indicator_color_active #F67E7D; +@define-color placeholder_text_color #646669; @define-color STRAWBERRY_100 #ff8c82; @define-color STRAWBERRY_300 #ed5353; @define-color STRAWBERRY_500 #c6262e; @@ -140,11 +140,11 @@ read if you used those and something break with a version upgrade you're on your *********/ * { padding: 0; - outline-color: rgba(195, 199, 209, 0.3); + outline-color: rgba(118, 119, 122, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 0px; - -gtk-secondary-caret-color: #c50ed2; } + -gtk-secondary-caret-color: #F67E7D; } /*********** * Widgets * @@ -153,13 +153,13 @@ read if you used those and something break with a version upgrade you're on your * Action bars * ***************/ .action-bar { - background-color: #030305; + background-color: #040404; border: solid rgba(12, 14, 21, 0.8); border-width: 1px 0 0 0; - color: #C3C7D1; + color: #76777A; box-shadow: none; } .action-bar:backdrop { - background-color: #030305; + background-color: #040404; box-shadow: none; } .action-bar:first-child { border-radius: 6px 6px 0px 0px; @@ -175,7 +175,7 @@ read if you used those and something break with a version upgrade you're on your .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; - background-color: rgba(16, 19, 27, 0.98); + background-color: rgba(19, 22, 24, 0.98); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, @@ -190,11 +190,11 @@ read if you used those and something break with a version upgrade you're on your * Base States * ***************/ .background { - color: #C3C7D1; - background-color: #161925; } + color: #76777A; + background-color: #1A1E21; } .background:backdrop { - color: #6d707b; - background-color: #161925; + color: #484b4e; + background-color: #1A1E21; text-shadow: none; -gtk-icon-shadow: none; } @@ -205,33 +205,33 @@ read if you used those and something break with a version upgrade you're on your Everytime a wildcard is used a kitten dies, painfully. */ .gtkstyle-fallback { - color: #C3C7D1; - background-color: #161925; } + color: #76777A; + background-color: #1A1E21; } .gtkstyle-fallback:hover { - color: #C3C7D1; - background-color: #292f45; } + color: #76777A; + background-color: #30383e; } .gtkstyle-fallback:active { - color: #C3C7D1; - background-color: #030305; } + color: #76777A; + background-color: #040404; } .gtkstyle-fallback:disabled { - color: #6d707b; - background-color: #171a26; } + color: #484b4e; + background-color: #1b1f22; } .gtkstyle-fallback:selected { - color: #fefefe; - background-color: #c50ed2; } + color: #f7f7f7; + background-color: #F67E7D; } .view, iconview, .view text, iconview text, textview text { - color: #C3C7D1; - background-color: #181b28; } + color: #76777A; + background-color: #1c2124; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { - color: #a1a5b0; - background-color: #1a1d2b; } + color: #646669; + background-color: #1e2327; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, @@ -242,15 +242,15 @@ textview text { border-radius: 3px; } textview border { - background-color: #171a27; } + background-color: #1b2023; } .rubberband, rubberband, flowbox rubberband, .content-view rubberband, treeview.view rubberband { - border: 1px solid #980ba2; - background-color: rgba(152, 11, 162, 0.2); } + border: 1px solid #f34f4d; + background-color: rgba(243, 79, 77, 0.2); } flowbox flowboxchild { padding: 3px; @@ -261,18 +261,18 @@ flowbox flowboxchild { label { caret-color: currentColor; } label.separator { - color: #C3C7D1; } + color: #76777A; } label.separator:backdrop { - color: #6d707b; } + color: #484b4e; } label selection { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } label:disabled { - color: #6d707b; } + color: #484b4e; } label:disabled:backdrop { - color: #333955; } + color: #3c454c; } label:backdrop { - color: #6d707b; } + color: #484b4e; } .dim-label, label.separator, .titlebar .subtitle, headerbar .subtitle { @@ -280,17 +280,17 @@ headerbar .subtitle { text-shadow: none; } assistant .sidebar { - background-color: #181b28; + background-color: #1c2124; border-top: 1px solid rgba(12, 14, 21, 0.8); } assistant .sidebar:backdrop { - background-color: #1a1d2b; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1e2327; + border-color: rgba(14, 16, 23, 0.82); } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { - background-color: #393c47; } + background-color: #2c3033; } .app-notification, .app-notification.frame, .osd .scale-popup, .osd popover.background > arrow, @@ -299,7 +299,7 @@ popover.background.touch-selection > contents, popover.background.magnifier > ar popover.background.magnifier > contents, .osd { color: #fefefe; border: 1px solid #171e27; - background-color: rgba(16, 19, 27, 0.98); + background-color: rgba(19, 22, 24, 0.98); background-clip: padding-box; outline-color: rgba(254, 254, 254, 0.3); text-shadow: 0 1px black; @@ -312,17 +312,17 @@ popover.background.magnifier > contents, .osd { -gtk-icon-shadow: none; } *:selected { - background: #c50ed2; - color: #fefefe; } + background: #F67E7D; + color: #f7f7f7; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { - background-image: radial-gradient(farthest-side, #e63bf2 0%, rgba(230, 59, 242, 0) 0%); } + background-image: radial-gradient(farthest-side, #fbc5c5 0%, rgba(251, 197, 197, 0) 0%); } to { - background-image: radial-gradient(farthest-side, #e63bf2 95%, rgba(230, 59, 242, 0)); } } + background-image: radial-gradient(farthest-side, #fbc5c5 95%, rgba(251, 197, 197, 0)); } } notebook > header > tabs > arrow, button { min-height: 20px; @@ -332,8 +332,8 @@ button { border-radius: 4px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: normal; - color: #C3C7D1; - background-color: #181b28; + color: #76777A; + background-color: #1c2124; text-shadow: none; } notebook > header > tabs > arrow, button.flat { @@ -348,34 +348,34 @@ button { button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; - color: #fefefe; - outline-color: rgba(254, 254, 254, 0.3); - background-color: #c50ed2; + color: #f7f7f7; + outline-color: rgba(247, 247, 247, 0.3); + background-color: #F67E7D; text-shadow: none; } notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { - color: #fefefe; - outline-color: rgba(254, 254, 254, 0.3); - background-color: #c50ed2; + color: #f7f7f7; + outline-color: rgba(247, 247, 247, 0.3); + background-color: #F67E7D; text-shadow: none; -gtk-icon-filter: brightness(1.2); } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { - color: #fefefe; - outline-color: rgba(254, 254, 254, 0.3); - background-color: #af0cba; + color: #f7f7f7; + outline-color: rgba(247, 247, 247, 0.3); + background-color: #f46665; text-shadow: none; transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #1a1d2b; + color: #646669; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #1e2327; text-shadow: none; transition: 200ms ease-out; -gtk-icon-filter: none; } @@ -384,31 +384,31 @@ button { button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { - color: rgba(254, 254, 254, 0.7); - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: rgba(247, 247, 247, 0.7); + outline-color: rgba(118, 119, 122, 0.3); + background-color: #F67E7D; text-shadow: none; } notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, button:backdrop.flat:active label, button:backdrop.flat:checked label, button:backdrop:active label, button:backdrop:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #171a26; + color: #646669; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #1b1f22; text-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { - color: rgba(254, 254, 254, 0.7); - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: rgba(247, 247, 247, 0.7); + outline-color: rgba(118, 119, 122, 0.3); + background-color: #F67E7D; text-shadow: none; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop, @@ -422,21 +422,21 @@ button { -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #171a26; + color: #646669; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #1b1f22; text-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { - color: rgba(254, 254, 254, 0.7); - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: rgba(247, 247, 247, 0.7); + outline-color: rgba(118, 119, 122, 0.3); + background-color: #F67E7D; text-shadow: none; } notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, button:disabled:active label, button:disabled:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; @@ -450,11 +450,11 @@ button { box-shadow: none; } notebook > header > tabs > arrow.image-button.sidebar-button, button.image-button.sidebar-button { - background-color: #252a3e; + background-color: #272d31; color: #fff; } notebook > header > tabs > arrow.image-button.sidebar-button:hover, button.image-button.sidebar-button:hover { - background-color: #c50ed2; } + background-color: #F67E7D; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; @@ -470,14 +470,14 @@ button { padding-right: 8px; } combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { - color: #71f79f; - border-color: #71f79f; - box-shadow: inset 0 0 0 1px #71f79f; } + color: #CAE7B9; + border-color: #CAE7B9; + box-shadow: inset 0 0 0 1px #CAE7B9; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: #fefefe; + color: #f7f7f7; border-color: transparent; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #6d707b; } + color: #484b4e; } button.osd { min-width: 24px; min-height: 20px; @@ -486,7 +486,7 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(16, 19, 27, 0.98); + background-color: rgba(19, 22, 24, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -499,7 +499,7 @@ button.osd { button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98)); + background-image: linear-gradient(to bottom, rgba(46, 53, 59, 0.98), rgba(46, 53, 59, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -511,7 +511,7 @@ button.osd { button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98)); + background-image: linear-gradient(to bottom, rgba(33, 38, 42, 0.98), rgba(33, 38, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; @@ -521,9 +521,9 @@ button.osd { box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -532,7 +532,7 @@ button.osd { button.osd:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98)); + background-image: linear-gradient(to bottom, rgba(19, 22, 24, 0.98), rgba(19, 22, 24, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -543,7 +543,7 @@ button.osd { .osd button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(16, 19, 27, 0.98); + background-color: rgba(19, 22, 24, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -553,7 +553,7 @@ button.osd { .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98)); + background-image: linear-gradient(to bottom, rgba(46, 53, 59, 0.98), rgba(46, 53, 59, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -566,7 +566,7 @@ button.osd { .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98)); + background-image: linear-gradient(to bottom, rgba(33, 38, 42, 0.98), rgba(33, 38, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; @@ -575,9 +575,9 @@ button.osd { .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -586,7 +586,7 @@ button.osd { .osd button:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98)); + background-image: linear-gradient(to bottom, rgba(19, 22, 24, 0.98), rgba(19, 22, 24, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -606,7 +606,7 @@ button.osd { .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98)); + background-image: linear-gradient(to bottom, rgba(46, 53, 59, 0.98), rgba(46, 53, 59, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -614,9 +614,9 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -637,7 +637,7 @@ button.osd { .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98)); + background-image: linear-gradient(to bottom, rgba(33, 38, 42, 0.98), rgba(33, 38, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; @@ -648,12 +648,12 @@ button.suggested-action { box-shadow: none; color: white; border-radius: 100px; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } .selection-mode windowcontrols button, button.suggested-action.flat { box-shadow: none; color: white; border-radius: 100px; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -672,12 +672,12 @@ button.suggested-action { .selection-mode windowcontrols button:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } .selection-mode windowcontrols button:backdrop:active, .selection-mode windowcontrols button:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } .selection-mode windowcontrols button:backdrop:active label, .selection-mode windowcontrols button:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); @@ -686,9 +686,9 @@ button.suggested-action { .selection-mode windowcontrols button:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } .selection-mode windowcontrols button:backdrop:disabled:active, .selection-mode windowcontrols button:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { background-color: transparent; @@ -704,12 +704,12 @@ button.suggested-action { background-color: #00c1e4; text-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .osd button.suggested-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); @@ -738,9 +738,9 @@ button.suggested-action { -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -758,47 +758,47 @@ button.destructive-action { box-shadow: none; color: white; border-radius: 100px; - background: linear-gradient(to right, #FF416C, #FF4B2B); } + background: linear-gradient(to right, #F67E7D, #F79F79); } button.destructive-action.flat { box-shadow: none; color: white; border-radius: 100px; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { background-color: transparent; @@ -807,23 +807,23 @@ button.destructive-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(206, 17, 56, 0.8); } + color: rgba(243, 79, 77, 0.8); } button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .osd button.destructive-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(206, 17, 56, 0.5); + background-color: rgba(243, 79, 77, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -832,7 +832,7 @@ button.destructive-action { .osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.7), rgba(206, 17, 56, 0.7)); + background-image: linear-gradient(to bottom, rgba(243, 79, 77, 0.7), rgba(243, 79, 77, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -841,16 +841,16 @@ button.destructive-action { .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #ce1138, #ce1138); + background-image: linear-gradient(to bottom, #f34f4d, #f34f4d); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -858,7 +858,7 @@ button.destructive-action { .osd button.destructive-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.5), rgba(206, 17, 56, 0.5)); + background-image: linear-gradient(to bottom, rgba(243, 79, 77, 0.5), rgba(243, 79, 77, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -890,15 +890,15 @@ button.destructive-action { .primary-toolbar button, .primary-toolbar .raised button { -gtk-icon-shadow: none; } .primary-toolbar button:hover, .primary-toolbar button:focus, .primary-toolbar .raised button:hover, .primary-toolbar .raised button:focus { - color: #fefefe; - outline-color: rgba(254, 254, 254, 0.3); - background-color: #c50ed2; + color: #f7f7f7; + outline-color: rgba(247, 247, 247, 0.3); + background-color: #F67E7D; text-shadow: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; - background-image: radial-gradient(farthest-side, #e63bf2 96%, rgba(230, 59, 242, 0)); + background-image: radial-gradient(farthest-side, #fbc5c5 96%, rgba(251, 197, 197, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } @@ -911,13 +911,13 @@ button.destructive-action { toolbar button:hover { font-weight: normal; - color: #C3C7D1; - background-color: #181b28; + color: #76777A; + background-color: #1c2124; text-shadow: none; } toolbar button:active { font-weight: normal; - color: #C3C7D1; - background-color: #181b28; + color: #76777A; + background-color: #1c2124; text-shadow: none; } .inline-toolbar toolbutton > button { @@ -928,21 +928,21 @@ toolbar button:active { text-shadow: none; -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:hover { - color: #fefefe; } + color: #f7f7f7; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #af0cba; } + color: #f46665; } .inline-toolbar toolbutton > button:disabled { - color: #a1a5b0; } + color: #646669; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(175, 12, 186, 0.3); } + color: rgba(244, 102, 101, 0.3); } .inline-toolbar toolbutton > button:backdrop { - color: #a1a5b0; } + color: #646669; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - color: #af0cba; } + color: #f46665; } .inline-toolbar toolbutton > button:backdrop:disabled { - color: #a1a5b0; } + color: #646669; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - color: rgba(175, 12, 186, 0.3); } + color: rgba(244, 102, 101, 0.3); } toolbar.inline-toolbar toolbutton > button.flat:backdrop, toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { @@ -1014,7 +1014,7 @@ modelbutton.flat, outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { - background-color: #202435; } + background-color: #252b2f; } modelbutton.flat check:last-child, modelbutton.flat radio:last-child, .menuitem.button.flat check:last-child, @@ -1051,7 +1051,7 @@ notebook .linked > button, list .linked > button, .view .linked > button, iconvi * Calendar * ***********/ calendar { - color: #C3C7D1; + color: #76777A; border: 1px solid rgba(12, 14, 21, 0.8); } calendar:selected { border-radius: 3px; } @@ -1061,21 +1061,21 @@ calendar { calendar.header:backdrop { border-color: rgba(0, 0, 0, 0.1); } calendar.button { - color: rgba(195, 199, 209, 0.45); } + color: rgba(118, 119, 122, 0.45); } calendar.button:hover { - color: #C3C7D1; } + color: #76777A; } calendar.button:backdrop { - color: rgba(109, 112, 123, 0.45); } + color: rgba(72, 75, 78, 0.45); } calendar.button:disabled { - color: rgba(109, 112, 123, 0.45); } + color: rgba(72, 75, 78, 0.45); } calendar:indeterminate, calendar:indeterminate:backdrop { color: alpha(currentColor,0.55); } calendar.highlight, calendar.highlight:backdrop { font-size: smaller; - color: #C3C7D1; } + color: #76777A; } calendar:backdrop { - color: #a1a5b0; - border-color: rgba(13, 16, 23, 0.82); } + color: #646669; + border-color: rgba(14, 16, 23, 0.82); } /************************* * Check and Radio Items * @@ -1501,25 +1501,25 @@ colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } colorswatch.dark overlay { - color: #fefefe; } + color: #f7f7f7; } colorswatch.dark overlay:hover { border-color: rgba(12, 14, 21, 0.8); } colorswatch.dark overlay:backdrop { - color: rgba(254, 254, 254, 0.5); } + color: rgba(247, 247, 247, 0.5); } colorswatch.light overlay { - color: #C3C7D1; } + color: #76777A; } colorswatch.light overlay:hover { border-color: rgba(12, 14, 21, 0.8); } colorswatch.light overlay:backdrop { - color: #a1a5b0; } + color: #646669; } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { - border-color: #71f79f; - box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #71f79f; } + border-color: #CAE7B9; + box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #CAE7B9; } colorswatch:drop(active).dark overlay { - border-color: #71f79f; - box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #71f79f; } + border-color: #CAE7B9; + box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #CAE7B9; } colorswatch overlay { box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); border: 1px solid rgba(12, 14, 21, 0.8); } @@ -1534,18 +1534,18 @@ colorswatch#add-color-button { border-radius: 5px; } colorswatch#add-color-button overlay { font-weight: normal; - color: #C3C7D1; - background-color: #181b28; + color: #76777A; + background-color: #1c2124; text-shadow: none; } colorswatch#add-color-button overlay:hover { - color: #C3C7D1; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #181b28; + color: #76777A; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #1c2124; text-shadow: none; } colorswatch#add-color-button overlay:backdrop { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #1a1d2b; + color: #646669; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #1e2327; text-shadow: none; } colorswatch:disabled { opacity: 0.5; } @@ -1553,7 +1553,7 @@ colorswatch:disabled { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } row:selected colorswatch { - box-shadow: 0 0 0 2px #fefefe; } + box-shadow: 0 0 0 2px #f7f7f7; } colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { @@ -1576,17 +1576,17 @@ combobox:drop(active) { * Dialogs * ***********/ messagedialog .titlebar:not(headerbar) { - background-color: rgba(22, 25, 37, 0.95); } + background-color: rgba(26, 30, 33, 0.95); } messagedialog .titlebar { min-height: 20px; background-image: none; - background-color: rgba(22, 25, 37, 0.95); + background-color: rgba(26, 30, 33, 0.95); border-style: none; border-top-left-radius: 4px; border-top-right-radius: 4px; } messagedialog.csd.background { - background-color: rgba(22, 25, 37, 0.95); - color: #C3C7D1; + background-color: rgba(26, 30, 33, 0.95); + color: #76777A; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } messagedialog.csd .dialog-action-area button { @@ -1596,10 +1596,10 @@ messagedialog.csd .dialog-action-area button { border-right-style: none; border-bottom-style: none; background-color: transparent; - color: #C3C7D1; + color: #76777A; box-shadow: none; } messagedialog.csd .dialog-action-area button:hover { - background-color: rgba(197, 14, 210, 0.9); + background-color: rgba(246, 126, 125, 0.9); color: white; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; @@ -1612,9 +1612,9 @@ messagedialog.csd .dialog-action-area button { filechooser .dialog-action-box { border-top: 1px solid rgba(12, 14, 21, 0.8); } filechooser .dialog-action-box:backdrop { - border-top-color: rgba(13, 16, 23, 0.82); } + border-top-color: rgba(14, 16, 23, 0.82); } filechooser #pathbarbox { - border-bottom: 1px solid #161925; } + border-bottom: 1px solid #1A1E21; } filechooserbutton:drop(active) { box-shadow: none; @@ -1630,9 +1630,9 @@ spinbutton:not(.vertical), entry { border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #C3C7D1; + color: #76777A; border-color: rgba(12, 14, 21, 0.8); - background-color: #181b28; } + background-color: #1c2124; } spinbutton:not(.vertical) image.left, entry image.left { padding-left: 0; @@ -1674,71 +1674,71 @@ spinbutton:not(.vertical), entry { border-radius: 0; } spinbutton:focus-within:not(.vertical), entry:focus-within { - border-color: #980ba2; } + border-color: #f34f4d; } spinbutton:disabled:not(.vertical), entry:disabled { - color: #6d707b; + color: #484b4e; border-color: rgba(12, 14, 21, 0.8); - background-color: #171a26; + background-color: #1b1f22; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { - color: #a1a5b0; - border-color: rgba(13, 16, 23, 0.82); - background-color: #1a1d2b; + color: #646669; + border-color: rgba(14, 16, 23, 0.82); + background-color: #1e2327; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { - color: #333955; - border-color: rgba(13, 16, 23, 0.82); - background-color: #171a26; + color: #3c454c; + border-color: rgba(14, 16, 23, 0.82); + background-color: #1b1f22; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { - color: #C3C7D1; + color: #76777A; border-color: rgba(12, 14, 21, 0.8); - background-color: #181b28; - color: #e6133e; - border-color: #410512; } + background-color: #1c2124; + color: #f46665; + border-color: #9c0c0b; } spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { - border-color: #410512; } + border-color: #9c0c0b; } spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), entry.error:selected:focus, entry.error:selected { - background-color: #e6133e; } + background-color: #f46665; } spinbutton.warning:not(.vertical), entry.warning { - color: #C3C7D1; + color: #76777A; border-color: rgba(12, 14, 21, 0.8); - background-color: #181b28; - color: #cc5500; - border-color: #1a0b00; } + background-color: #1c2124; + color: #f47d49; + border-color: #832d08; } spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { - border-color: #1a0b00; } + border-color: #832d08; } spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), entry.warning:selected:focus, entry.warning:selected { - background-color: #cc5500; } + background-color: #f47d49; } spinbutton:not(.vertical) image, entry image { - color: #a1a5af; } + color: #646669; } spinbutton:not(.vertical) image:hover, entry image:hover { - color: #C3C7D1; } + color: #76777A; } spinbutton:not(.vertical) image:active, entry image:active { - color: #c50ed2; } + color: #F67E7D; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { - color: #5c5f6b; } + color: #404346; } spinbutton:drop(active):focus-within:not(.vertical), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { - border-color: #71f79f; - box-shadow: inset 0 0 0 1px #71f79f; } + border-color: #CAE7B9; + box-shadow: inset 0 0 0 1px #CAE7B9; } .osd spinbutton:not(.vertical), .osd entry { color: white; @@ -1750,7 +1750,7 @@ spinbutton:not(.vertical), entry { .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: white; - border-color: #c50ed2; + border-color: #F67E7D; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; text-shadow: 0 1px black; @@ -1766,9 +1766,9 @@ spinbutton:not(.vertical), entry { -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(40, 43, 50, 0.5); + background-color: rgba(43, 45, 47, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1780,7 +1780,7 @@ entry progress { background-image: none; border-radius: 0; border-width: 0 0 2px; - border-color: #c50ed2; + border-color: #F67E7D; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, @@ -1793,10 +1793,10 @@ entry:focus-within + combobox > box > button.combo, .linked:not(.vertical) > spi entry, .linked:not(.vertical) > entry:focus-within + entry { - border-left-color: #980ba2; } + border-left-color: #f34f4d; } .linked:not(.vertical) > spinbutton:focus-within:not(.vertical), .linked:not(.vertical) > entry:focus-within { - border-color: #980ba2; } + border-color: #f34f4d; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > @@ -1804,33 +1804,33 @@ entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spi entry, .linked:not(.vertical) > entry:drop(active) + entry { - border-left-color: #71f79f; } + border-left-color: #CAE7B9; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: rgba(21, 24, 36, 0.94); - background-image: linear-gradient(to bottom, #181b28, #181b28); } + border-top-color: rgba(24, 29, 33, 0.94); + background-image: linear-gradient(to bottom, #1c2124, #1c2124); } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: rgba(23, 26, 38, 0.946); - background-image: linear-gradient(to bottom, #1a1d2b, #1a1d2b); } + border-top-color: rgba(26, 31, 35, 0.946); + background-image: linear-gradient(to bottom, #1e2327, #1e2327); } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: rgba(21, 24, 36, 0.94); } + border-top-color: rgba(24, 29, 33, 0.94); } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { - border-top-color: #980ba2; } + border-top-color: #f34f4d; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { - border-top-color: #71f79f; } + border-top-color: #CAE7B9; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, @@ -1842,7 +1842,7 @@ entry:focus:not(:only-child) + entry, entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: #980ba2; } + border-top-color: #f34f4d; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, @@ -1854,17 +1854,17 @@ entry:drop(active):not(:only-child) + entry, entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: #71f79f; } + border-top-color: #CAE7B9; } treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { - background-color: #181b28; + background-color: #1c2124; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; - background-color: #181b28; } + background-color: #1c2124; } treeview entry.flat:focus-within, treeview entry:focus-within { - border-color: #c50ed2; } + border-color: #F67E7D; } /************* * Expanders * @@ -1876,7 +1876,7 @@ expander arrow { expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander arrow:hover { - color: white; } + color: #c4c4c5; } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -1884,7 +1884,7 @@ expander arrow { * Floating Bar * ****************/ .floating-bar { - background-color: #161925; + background-color: #1A1E21; border-width: 1px; border-style: solid solid none; border-color: rgba(12, 14, 21, 0.8); @@ -1899,8 +1899,8 @@ expander arrow { .floating-bar > button { padding: 4px; } .floating-bar:backdrop { - background-color: #161925; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1A1E21; + border-color: rgba(14, 16, 23, 0.82); } /********** * Frames * @@ -1917,18 +1917,18 @@ frame > border, border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: rgba(13, 16, 23, 0.82); } + border-color: rgba(14, 16, 23, 0.82); } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(12, 14, 21, 0.8); } actionbar > revealer > box:backdrop { - border-color: rgba(13, 16, 23, 0.82); } + border-color: rgba(14, 16, 23, 0.82); } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { - background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at top, #C3C7D1, rgba(195, 199, 209, 0)); + background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at top, #76777A, rgba(118, 119, 122, 0)); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; @@ -1936,7 +1936,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: radial-gradient(farthest-side at top, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0)); + background-image: radial-gradient(farthest-side at top, rgba(14, 16, 23, 0.82) 85%, rgba(14, 16, 23, 0)); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; @@ -1944,7 +1944,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.bottom { - background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at bottom, #C3C7D1, rgba(195, 199, 209, 0)); + background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at bottom, #76777A, rgba(118, 119, 122, 0)); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; @@ -1952,7 +1952,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: radial-gradient(farthest-side at bottom, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0)); + background-image: radial-gradient(farthest-side at bottom, rgba(14, 16, 23, 0.82) 85%, rgba(14, 16, 23, 0)); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; @@ -1960,7 +1960,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.left { - background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left, #C3C7D1, rgba(195, 199, 209, 0)); + background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left, #76777A, rgba(118, 119, 122, 0)); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; @@ -1968,7 +1968,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: radial-gradient(farthest-side at left, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0)); + background-image: radial-gradient(farthest-side at left, rgba(14, 16, 23, 0.82) 85%, rgba(14, 16, 23, 0)); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; @@ -1976,7 +1976,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.right { - background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at right, #C3C7D1, rgba(195, 199, 209, 0)); + background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at right, #76777A, rgba(118, 119, 122, 0)); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; @@ -1984,7 +1984,7 @@ scrolledwindow overshoot.right { border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: radial-gradient(farthest-side at right, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0)); + background-image: radial-gradient(farthest-side at right, rgba(14, 16, 23, 0.82) 85%, rgba(14, 16, 23, 0)); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; @@ -2034,12 +2034,12 @@ scrolledwindow undershoot.right { scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, rgba(12, 14, 21, 0.8) 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #171a27; } + background-color: #1b2023; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, rgba(13, 16, 23, 0.82) 1px, transparent 1px); - background-color: #10131b; + border-image-source: linear-gradient(to bottom, rgba(14, 16, 23, 0.82) 1px, transparent 1px); + background-color: #131618; transition: 200ms ease-out; } separator { @@ -2049,15 +2049,15 @@ separator { * Popovers * ************/ GraniteWidgetsPopOver { - border: 1px solid #181b28; - background: #181b28; - color: #C3C7D1; } + border: 1px solid #1c2124; + background: #1c2124; + color: #76777A; } GraniteWidgetsPopOver .button { background-image: none; background: none; border: none; } GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { - color: #c50ed2; } + color: #F67E7D; } GraniteWidgetsPopOver > .frame { border: none; } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { @@ -2068,42 +2068,42 @@ GraniteWidgetsStaticNotebook .frame { border: none; } .popover_bg { - background-color: #181b28; + background-color: #1c2124; background-image: none; - border: 1px solid #181b28; - color: #C3C7D1; } + border: 1px solid #1c2124; + color: #76777A; } /*********** * Welcome * **********/ GraniteWidgetsWelcome { - background-color: #181b28; } + background-color: #1c2124; } GraniteWidgetsWelcome GtkLabel { - color: #C3C7D1; } + color: #76777A; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { - color: rgba(195, 199, 209, 0.8); } + color: rgba(118, 119, 122, 0.8); } /************** * Source List * ***************/ .source-list { - background-color: #161925; + background-color: #1A1E21; border: solid rgba(12, 14, 21, 0.8); - color: #C3C7D1; + color: #76777A; border-right-width: 1px; } .source-list .category-expander { color: transparent; } .source-list .badge { background-image: none; background-color: rgba(0, 0, 0, 0.4); - color: #161925; + color: #1A1E21; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { background-color: rgba(0, 0, 0, 0.2); - color: #0c0e15; } + color: #0f1113; } .source-list row, .source-list .list-row { border: none; @@ -2132,7 +2132,7 @@ GraniteWidgetsWelcome { .category-label { font-size: 12px; padding: 6px; - color: rgba(195, 199, 209, 0.3); + color: rgba(118, 119, 122, 0.3); font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.2); } @@ -2146,7 +2146,7 @@ GraniteWidgetsWelcome { background-color: transparent; padding: 8px 6px; } .storage-bar .fill-block { - background-color: #f9dc5c; + background-color: #E1DD8F; border: none; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); transition: all 200ms ease-in-out; @@ -2161,15 +2161,15 @@ GraniteWidgetsWelcome { border-bottom-right-radius: 4px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .storage-bar .fill-block.empty-block { - background-color: #181b28; } + background-color: #1c2124; } .storage-bar .fill-block.app { background-color: #7cb7ff; } .storage-bar .fill-block.audio { - background-color: #ff6a00; } + background-color: #F79F79; } .storage-bar .fill-block.photo { - background-color: #ed254e; } + background-color: #F67E7D; } .storage-bar .fill-block.video { - background-color: #c74ded; } + background-color: #D7BCC8; } .storage-bar .fill-block .legend { padding: 12px; border-radius: 4px; } @@ -2180,12 +2180,12 @@ GraniteWidgetsWelcome { .titlebar:not(headerbar), .titlebar, headerbar { padding: 0px 13px; min-height: 34px; - background: #0c0e14; - color: #C3C7D1; + background: #1A1E21; + color: #76777A; border-radius: 0; } .titlebar:backdrop, headerbar:backdrop { - border-color: rgba(13, 16, 23, 0.82); + border-color: rgba(14, 16, 23, 0.82); transition: 200ms ease-out; } .titlebar .title, headerbar .title { @@ -2218,13 +2218,13 @@ GraniteWidgetsWelcome { headerbar button.suggested-action { box-shadow: none; border: none; - background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background-image: linear-gradient(to right, #485563 0%, #29323c 100%); } .titlebar button.suggested-action:disabled, .titlebar button.suggested-action:disabled:backdrop, .titlebar button.suggested-action:backdrop, headerbar button.suggested-action:disabled, headerbar button.suggested-action:disabled:backdrop, headerbar button.suggested-action:backdrop { border: none; - background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background-image: linear-gradient(to right, #485563 0%, #29323c 100%); } .titlebar button.suggested-action:disabled:hover, .titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked, .titlebar button.suggested-action:disabled:backdrop:hover, .titlebar button.suggested-action:disabled:backdrop:active, .titlebar button.suggested-action:disabled:backdrop:checked, .titlebar button.suggested-action:backdrop:hover, .titlebar button.suggested-action:backdrop:active, .titlebar button.suggested-action:backdrop:checked, headerbar button.suggested-action:disabled:hover, headerbar button.suggested-action:disabled:active, @@ -2236,7 +2236,7 @@ GraniteWidgetsWelcome { headerbar button.suggested-action:backdrop:active, headerbar button.suggested-action:backdrop:checked { border: none; - background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background-image: linear-gradient(to right, #485563 0%, #29323c 100%); } .titlebar button.appmenu, headerbar button.appmenu { background: transparent; } @@ -2248,14 +2248,14 @@ GraniteWidgetsWelcome { headerbar button:active, headerbar button:checked { background-color: transparent; - color: #c50ed2; + color: #F67E7D; box-shadow: none; border: none; } .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled, headerbar button:backdrop, headerbar button:disabled, headerbar button:backdrop:disabled { - color: rgba(195, 199, 209, 0.2); + color: rgba(118, 119, 122, 0.2); background-color: transparent; border-radius: 0; text-shadow: none; @@ -2266,13 +2266,13 @@ GraniteWidgetsWelcome { headerbar button:backdrop:active, headerbar button:backdrop:checked { background-color: transparent; - color: #c50ed2; + color: #F67E7D; box-shadow: none; } .titlebar button:backdrop:hover label, .titlebar button:backdrop:active label, .titlebar button:backdrop:checked label, headerbar button:backdrop:hover label, headerbar button:backdrop:active label, headerbar button:backdrop:checked label { - color: #c50ed2; } + color: #F67E7D; } .titlebar button.suggested-action, headerbar button.suggested-action { font-weight: bold; @@ -2282,7 +2282,7 @@ GraniteWidgetsWelcome { border-radius: 4px; font-weight: normal; color: white; - background-color: #181b28; + background-color: #1c2124; text-shadow: none; box-shadow: none; } .titlebar button.suggested-action:hover, @@ -2328,26 +2328,26 @@ GraniteWidgetsWelcome { border-radius: 4px; font-weight: normal; color: white; - background-color: #181b28; + background-color: #1c2124; text-shadow: none; box-shadow: none; } .titlebar button.destructive-action:hover, headerbar button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } .titlebar button.destructive-action:active, headerbar button.destructive-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } .titlebar button.destructive-action:disabled, headerbar button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } .titlebar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label { @@ -2356,14 +2356,14 @@ GraniteWidgetsWelcome { headerbar button.destructive-action:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; border-radius: 3px; } .titlebar button.destructive-action:backdrop:disabled, headerbar button.destructive-action:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: #f34f4d; text-shadow: none; } .titlebar button.titlebutton, headerbar button.titlebutton { @@ -2435,13 +2435,13 @@ GraniteWidgetsWelcome { headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { - border-color: #980ba2; } + border-color: #f34f4d; } .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar button:backdrop:checked label, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:checked label { - color: rgba(197, 14, 210, 0.6); } + color: rgba(246, 126, 125, 0.6); } .tiled .titlebar, .maximized .titlebar, .tiled headerbar.titlebar, .maximized headerbar.titlebar { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } @@ -2488,7 +2488,7 @@ window.csd > .titlebar:not(headerbar) { border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { - background: #0c0e14; } + background: #1A1E21; } /************** * GtkInfoBar * @@ -2496,56 +2496,56 @@ window.csd > .titlebar:not(headerbar) { .info, .warning, .question, .error, infobar { text-shadow: none; - color: #C3C7D1; - background-color: #161925; - border-bottom: 1px solid #030305; + color: #76777A; + background-color: #1A1E21; + border-bottom: 1px solid #040404; box-shadow: none; } .info, .warning, .question, .error { text-shadow: none; - color: #fefefe; + color: #f7f7f7; border: none; } .info .label, .warning .label, .question .label, .error .label { - color: #fefefe; } + color: #f7f7f7; } .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { - color: rgba(254, 254, 254, 0.5); } + color: rgba(247, 247, 247, 0.5); } .info button, .warning button, .question button, .error button { border-radius: 2px; border: none; - background: rgba(24, 27, 40, 0.98); - color: #C3C7D1; + background: rgba(28, 33, 36, 0.98); + color: #76777A; 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: #C3C7D1; } + color: #76777A; } .info button:active, .warning button:active, .question button:active, .error button:active { - background: #181b28; - color: #C3C7D1; + background: #1c2124; + color: #76777A; 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(24, 27, 40, 0.8); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.8); + color: rgba(118, 119, 122, 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(24, 27, 40, 0.6); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.6); + color: rgba(118, 119, 122, 0.5); box-shadow: none; } .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { - background: rgba(24, 27, 40, 0.5); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.5); + color: rgba(118, 119, 122, 0.5); box-shadow: none; } .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { - background: rgba(24, 27, 40, 0.8); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.8); + color: rgba(118, 119, 122, 0.5); box-shadow: none; } .info, .info:backdrop { - color: #71f79f; + color: #CAE7B9; background-color: transparent; } .warning, .warning:backdrop { - color: #cc5500; + color: #f47d49; background-color: transparent; } .question, .question:backdrop { @@ -2553,7 +2553,7 @@ infobar { background-color: transparent; } .error, .error:backdrop { - color: #e6133e; + color: #f46665; background-color: transparent; } /************* @@ -2584,9 +2584,9 @@ levelbar block { levelbar block:backdrop { box-shadow: none; } levelbar block.low { - background-color: #cc5500; } + background-color: #f47d49; } levelbar block.low:backdrop { - border-color: #cc5500; } + border-color: #f47d49; } levelbar block.high, levelbar block:not(.empty) { background-color: #00c1e4; } levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { @@ -2610,28 +2610,28 @@ button:visited { color: rgba(124, 183, 255, 0.5); } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { - color: #e79eec; } + color: #f7c7c6; } *:link:hover, button:hover:link, button:hover:visited { color: #afd3ff; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { - color: #f8e6fa; } + color: #f7ebeb; } *:link:active, button:active:link, button:active:visited { color: #7cb7ff; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { - color: #f3cef5; } + color: #f7dfdf; } *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, button:backdrop:visited { - color: #c50ed2; } + color: #F67E7D; } *:link:selected, button:selected:link, button:selected:visited, *:selected *:link, *:selected button:link, *:selected button:visited { - color: #f3cef5; } + color: #f7dfdf; } button:link, button:visited { @@ -2649,12 +2649,12 @@ button:visited { * Lists * *********/ list, listview { - color: #C3C7D1; - background-color: #181b28; + color: #76777A; + background-color: #1c2124; border-color: rgba(12, 14, 21, 0.8); } list:backdrop, listview:backdrop { - background-color: #1a1d2b; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1e2327; + border-color: rgba(14, 16, 23, 0.82); } list.horizontal row.separator, list.separators.horizontal > row:not(.separator), listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator) { border-left: 1px solid rgba(12, 14, 21, 0.8); } list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator), listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator) { @@ -2670,7 +2670,7 @@ row { row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(195, 199, 209, 0.05); } + background-color: rgba(118, 119, 122, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { @@ -2678,9 +2678,9 @@ 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: rgba(197, 14, 210, 0.5); } + background-color: rgba(246, 126, 125, 0.5); } row.activatable:selected:backdrop { - background-color: rgba(197, 14, 210, 0.6); } + background-color: rgba(246, 126, 125, 0.6); } row.activatable button.flat { background-color: transparent; } @@ -2689,8 +2689,8 @@ row { *********/ menubar, .menubar { - background-color: #0c0e14; - color: #C3C7D1; + background-color: #1A1E21; + color: #76777A; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar > item, @@ -2699,17 +2699,17 @@ menubar, padding: 4px 8px; } menubar > item:hover, .menubar > item:hover { - box-shadow: inset 0 -3px #c50ed2; } + box-shadow: inset 0 -3px #F67E7D; } menubar > item:disabled, .menubar > item:disabled { - color: #6d707b; + color: #484b4e; box-shadow: none; } menu, .menu, .context-menu { font: initial; margin: 4px; padding: 2px 0px; - background: linear-gradient(to bottom, #1a1d2b, #12151f); + background: linear-gradient(to bottom, #1e2327, #16191b); border: 1px solid rgba(12, 14, 21, 0.8); border-radius: 5px; } .csd menu, @@ -2717,21 +2717,21 @@ menu, .menu, .context-menu { .csd .context-menu { border: none; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { - background-color: #191c2a; } + background-color: #1d2226; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 17px; min-width: 40px; padding: 4px 6px; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { - color: #fefefe; - background-color: #c50ed2; } + color: #f7f7f7; + background-color: #F67E7D; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { - color: #6d707b; } + color: #484b4e; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { - color: #333955; } + color: #3c454c; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { - color: #6d707b; + color: #484b4e; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; @@ -2754,20 +2754,20 @@ menu, .menu, .context-menu { min-height: 16px; min-width: 16px; padding: 4px; - background-color: #181b27; + background-color: #1c2023; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; - border-bottom: 1px solid #292c39; + border-bottom: 1px solid #252a2d; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; - border-top: 1px solid #292c39; + border-top: 1px solid #252a2d; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-color: #292c39; } + background-color: #252a2d; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { - background-color: #191c2a; } + background-color: #1d2226; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; @@ -2793,17 +2793,17 @@ menuitem radio { * Misc * ********/ .content-view { - background-color: #090a0f; } + background-color: #0a0c0d; } .content-view:hover { -gtk-icon-filter: brightness(1.2); } .content-view:backdrop { - background-color: #090a0f; } + background-color: #0a0c0d; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { - background-color: rgba(195, 199, 209, 0.1); + background-color: rgba(118, 119, 122, 0.1); border-radius: 5px; } /************ @@ -2813,12 +2813,12 @@ assistant { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } assistant .sidebar { - background-color: #181b28; + background-color: #1c2124; border-top: 1px solid rgba(12, 14, 21, 0.8); border-bottom-left-radius: 4px; } assistant .sidebar:backdrop { - background-color: #1a1d2b; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1e2327; + border-color: rgba(14, 16, 23, 0.82); } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar GtkLabel, @@ -2826,7 +2826,7 @@ assistant { padding: 6px 12px; } assistant .sidebar GtkLabel.highlight, assistant .sidebar label.highlight { - background-color: #393c47; } + background-color: #2c3033; } /************* * Notebooks * @@ -2835,10 +2835,10 @@ notebook > header { padding: 1px; border-color: transparent; border-width: 1px; - background-color: #10121a; } + background-color: #121416; } notebook > header:backdrop { - border-color: rgba(13, 16, 23, 0.82); - background-color: #161925; } + border-color: rgba(14, 16, 23, 0.82); + background-color: #1A1E21; } notebook > header tabs { margin: 0px; } notebook > header.top { @@ -2848,7 +2848,7 @@ notebook > header { notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { - background: linear-gradient(to right, #5800E2, #FF00E6) left bottom #141620 no-repeat; + background: linear-gradient(to right, #ff005d, #ff8b26) left bottom #171a1d no-repeat; background-size: 100% 2px; border: 0; } notebook > header.bottom { @@ -2858,7 +2858,7 @@ notebook > header { notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { - background: linear-gradient(to right, #5800E2, #FF00E6) left bottom #141620 no-repeat; + background: linear-gradient(to right, #ff005d, #ff8b26) left bottom #171a1d no-repeat; background-size: 100% 2px; border: 0; } notebook > header.left { @@ -2868,7 +2868,7 @@ notebook > header { notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { - background: linear-gradient(to bottom, #5800E2, #FF00E6) left bottom #141620 no-repeat; + background: linear-gradient(to bottom, #ff005d, #ff8b26) left bottom #171a1d no-repeat; background-size: 2px 100%; border: 0; } notebook > header.right { @@ -2878,7 +2878,7 @@ notebook > header { notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { - background: linear-gradient(to bottom, #5800E2, #FF00E6) left bottom #141620 no-repeat; + background: linear-gradient(to bottom, #ff005d, #ff8b26) left bottom #171a1d no-repeat; background-size: 2px 100%; border: 0; } notebook > header.top > tabs > arrow { @@ -2929,32 +2929,32 @@ notebook > header { min-width: 24px; padding: 1px 12px; outline-offset: -5px; - color: #6d707b; + color: #484b4e; font-weight: normal; border-width: 1px; border-color: transparent; } notebook > header tab:hover { - color: #989ca6; } + color: #5f6164; } notebook > header tab:hover.reorderable-page { border-color: rgba(12, 14, 21, 0.1); - background-color: rgba(22, 25, 37, 0.2); } + background-color: rgba(26, 30, 33, 0.2); } notebook > header tab:backdrop { - color: #4a4d59; } + color: #36393c; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { - color: #C3C7D1; } + color: #76777A; } notebook > header tab:checked.reorderable-page { border-color: rgba(12, 14, 21, 0.3); - background-color: rgba(22, 25, 37, 0.5); } + background-color: rgba(26, 30, 33, 0.5); } notebook > header tab:checked.reorderable-page:hover { - background-color: rgba(22, 25, 37, 0.7); } + background-color: rgba(26, 30, 33, 0.7); } notebook > header tab:backdrop:checked { - color: #6d707b; } + color: #484b4e; } notebook > header tab:backdrop:checked.reorderable-page { - border-color: rgba(13, 16, 23, 0.82); - background-color: #1a1d2b; } + border-color: rgba(14, 16, 23, 0.82); + background-color: #1A1E21; } notebook > header tab button.flat { padding: 0; margin-top: 4px; @@ -2964,7 +2964,7 @@ notebook > header { notebook > header tab button.flat:hover { background: transparent; box-shadow: none; - color: #ed254e; } + color: #F67E7D; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header.top tabs, notebook > header.bottom tabs { @@ -3006,9 +3006,9 @@ notebook > header { margin-bottom: 1px; padding: 1px 1px; } notebook > stack:not(:only-child) { - background-color: #181b28; } + background-color: #1A1E21; } notebook > stack:not(:only-child):backdrop { - background-color: #1a1d2b; } + background-color: #1A1E21; } /********* * Paned * @@ -3022,18 +3022,18 @@ paned > separator { background-image: image(rgba(12, 14, 21, 0.8)); background-size: 1px 1px; } paned > separator:selected { - background-image: image(#c50ed2); } + background-image: image(#F67E7D); } paned > separator:backdrop { - background-image: image(rgba(13, 16, 23, 0.82)); } + background-image: image(rgba(14, 16, 23, 0.82)); } paned > separator.wide { min-width: 5px; min-height: 5px; - background-color: #161925; + background-color: #1A1E21; background-image: image(rgba(12, 14, 21, 0.8)), image(rgba(12, 14, 21, 0.8)); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { - background-color: #161925; - background-image: image(rgba(13, 16, 23, 0.82)), image(rgba(13, 16, 23, 0.82)); } + background-color: #1A1E21; + background-image: image(rgba(14, 16, 23, 0.82)), image(rgba(14, 16, 23, 0.82)); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -3088,7 +3088,7 @@ popover.background { font: initial; } popover.background > arrow, popover.background > contents { - background: linear-gradient(to bottom, #1a1d2b, #12151f); + background: linear-gradient(to bottom, #1e2327, #16191b); background-clip: padding-box; border: 1px solid rgba(12, 14, 21, 0.8); box-shadow: 0 4px 6px rgba(12, 14, 21, 0.8); } @@ -3105,7 +3105,7 @@ popover.background { border-style: none; background-color: transparent; } popover.background > contents separator { - background-color: rgba(16, 18, 27, 0.86); + background-color: rgba(17, 20, 26, 0.86); margin: 3px; } popover.background > contents list separator { margin: 0; } @@ -3119,14 +3119,14 @@ popover.background { box-shadow: none; } magnifier { - background-color: #181b28; } + background-color: #1c2124; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; - color: rgba(195, 199, 209, 0.4); } + color: rgba(118, 119, 122, 0.4); } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 6px; } @@ -3137,7 +3137,7 @@ progressbar { margin: 0; } progressbar.vertical progress { margin: 0; - background: linear-gradient(to bottom, #00f17d, #00f7d2); } + background: linear-gradient(to bottom, #ff005d, #ff8b26); } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } @@ -3172,15 +3172,15 @@ progressbar trough, scale trough, scale fill { progressbar progress, scale highlight { border: none; - background: linear-gradient(to right, #00f17d, #00f7d2); + background: linear-gradient(to right, #ff005d, #ff8b26); border-radius: 3px; margin: 0; } progressbar progress:disabled, scale highlight:disabled { border: none; background-color: rgba(255, 255, 255, 0.14); } progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { - border-color: #db10ea; - background-color: #db10ea; } + border-color: #f89695; + background-color: #f89695; } progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } @@ -3195,20 +3195,20 @@ scale { scale.vertical progress { min-width: 6px; } scale.vertical highlight { - background: linear-gradient(to bottom, #00f17d, #00f7d2); } + background: linear-gradient(to bottom, #ff005d, #ff8b26); } scale slider { min-height: 15px; min-width: 15px; margin: -7px; - background-color: #181b28; + background-color: #1c2124; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); border-radius: 12px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:active { - background-color: #c50ed2; } + background-color: #F67E7D; } scale slider:active:disabled { - background-color: #171a26; + background-color: #1b1f22; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.fine-tune.horizontal { padding-top: 9px; @@ -3238,72 +3238,72 @@ scale { border-color: transparent; background-color: transparent; } scale slider { - border-color: #181b28; - border: 2px solid #00f17d; + border-color: #1c2124; + border: 2px solid #ff8b26; border-radius: 12px; - background-color: #292f45; } + background-color: #30383e; } scale slider:active { - border-color: #980ba2; } + border-color: #f34f4d; } scale slider:disabled { - background-color: #0c0e15; + background-color: #0f1113; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } scale slider:backdrop, scale slider:backdrop:disabled { transition: 200ms ease-out; - background-color: #0c0e15; + background-color: #0f1113; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } row:selected scale slider:disabled, row:selected scale slider { - border-color: #980ba2; } + border-color: #f34f4d; } .osd scale slider { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(16, 19, 27, 0.98); + background-color: rgba(19, 22, 24, 0.98); 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(254, 254, 254, 0.3); border-color: rgba(0, 0, 0, 0.7); - background-color: #10131b; } + background-color: #131618; } .osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98)); + background-image: linear-gradient(to bottom, rgba(46, 53, 59, 0.98), rgba(46, 53, 59, 0.98)); 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(254, 254, 254, 0.3); - background-color: #10131b; } + background-color: #131618; } .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98)); + background-image: linear-gradient(to bottom, rgba(33, 38, 42, 0.98), rgba(33, 38, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); - background-color: #10131b; } + background-color: #131618; } .osd scale slider:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - background-color: #10131b; } + background-color: #131618; } .osd scale slider:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98)); + background-image: linear-gradient(to bottom, rgba(19, 22, 24, 0.98), rgba(19, 22, 24, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - background-color: #10131b; } + background-color: #131618; } .osd scale slider:backdrop:disabled { - background-color: #10131b; } + background-color: #131618; } scale value { color: alpha(currentColor,0.4); } scale marks { @@ -3346,9 +3346,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3356,9 +3356,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3366,9 +3366,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3376,9 +3376,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3386,9 +3386,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3396,9 +3396,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3406,9 +3406,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3416,9 +3416,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3426,9 +3426,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3436,9 +3436,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3446,9 +3446,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3456,9 +3456,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3466,9 +3466,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3476,9 +3476,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3486,9 +3486,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3496,9 +3496,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3506,9 +3506,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3516,9 +3516,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3526,9 +3526,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3536,9 +3536,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3546,9 +3546,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3556,9 +3556,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3566,9 +3566,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3576,9 +3576,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3647,7 +3647,7 @@ scale { * Scrollbars * **************/ scrollbar { - background-color: #171a27; + background-color: #1b2023; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scrollbar.top { border-bottom: 1px solid rgba(12, 14, 21, 0.8); } @@ -3658,8 +3658,8 @@ scrollbar { scrollbar.right { border-left: 1px solid rgba(12, 14, 21, 0.8); } scrollbar:backdrop { - background-color: #10131b; - border-color: rgba(13, 16, 23, 0.82); + background-color: #131618; + border-color: rgba(14, 16, 23, 0.82); transition: 200ms ease-out; } scrollbar slider { min-width: 6px; @@ -3668,13 +3668,13 @@ scrollbar { border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; - background-color: #7e818c; } + background-color: #515356; } scrollbar slider:hover { - background-color: #a0a4af; } + background-color: #646568; } scrollbar slider:hover:active { - background-color: #e323f0; } + background-color: #f9adad; } scrollbar slider:backdrop { - background-color: #393c47; } + background-color: #2c3033; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { @@ -3692,12 +3692,12 @@ scrollbar { margin: 0; min-width: 3px; min-height: 3px; - background-color: #C3C7D1; + background-color: #76777A; border: 1px solid black; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; - background-color: #C3C7D1; + background-color: #76777A; background-clip: padding-box; border-radius: 100%; border: 1px solid black; @@ -3733,7 +3733,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #7e818c; } + color: #515356; } scrollbar button:hover { background-color: transparent; background-image: none; @@ -3741,7 +3741,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #a0a4af; } + color: #646568; } scrollbar button:active, scrollbar button:checked { background-color: transparent; background-image: none; @@ -3749,7 +3749,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #e323f0; } + color: #f9adad; } scrollbar button:disabled { background-color: transparent; background-image: none; @@ -3757,7 +3757,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(126, 129, 140, 0.2); } + color: rgba(81, 83, 86, 0.2); } scrollbar button:backdrop { background-color: transparent; background-image: none; @@ -3765,7 +3765,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #393c47; } + color: #2c3033; } scrollbar button:backdrop:disabled { background-color: transparent; background-image: none; @@ -3773,7 +3773,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(57, 60, 71, 0.2); } + color: rgba(44, 48, 51, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { @@ -3793,7 +3793,7 @@ treeview ~ scrollbar.vertical { .sidebar { border-style: none; border-width: 0; - background-color: #171a27; } + background-color: #1b2023; } .sidebar .frame { border: none; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { @@ -3805,36 +3805,36 @@ treeview ~ scrollbar.vertical { border-left: 1px solid rgba(12, 14, 21, 0.8); border-right-style: none; } .sidebar:backdrop { - background-color: #181b28; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1c2124; + border-color: rgba(14, 16, 23, 0.82); } .sidebar row { padding: 8px 12px; transition: all .12s ease-in; } .sidebar row label { color: #98abb2; } .sidebar row:selected { - color: #fefefe; } + color: #f7f7f7; } .sidebar row:selected:backdrop { - color: rgba(254, 254, 254, 0.5); - background: rgba(197, 14, 210, 0.6); } + color: rgba(247, 247, 247, 0.5); + background: rgba(246, 126, 125, 0.6); } .sidebar row:selected:backdrop label { - color: #fefefe; } + color: #f7f7f7; } .sidebar row:selected label { - color: #fefefe; } + color: #f7f7f7; } .sidebar.source-list { - background: #161925; + background: #16191b; padding: 4px 0px; } .sidebar.source-list.view, iconview.sidebar.source-list { transition: all .12s ease-in; } .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { - background-color: rgba(197, 14, 210, 0.6); } + background-color: rgba(246, 126, 125, 0.6); } .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { background-color: rgba(0, 0, 0, 0.13); } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { @@ -3855,7 +3855,7 @@ stacksidebar row { /*--*/ placessidebar.sidebar { background-color: transparent; - background-image: linear-gradient(to right, #171e27 40px, #161925 35px, #161925 36px, #161925 36px, #161925 99%, #161925 100%); } + background-image: linear-gradient(to right, #171e27 40px, #16191b 35px, #16191b 36px, #16191b 36px, #16191b 99%, #16191b 100%); } placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon { margin-left: -14px; margin-right: 12px; @@ -3874,7 +3874,7 @@ placessidebar.sidebar { placessidebar.sidebar row.sidebar-row:selected { color: rgba(255, 255, 255, 0.938); background-color: transparent; - background-image: linear-gradient(to right, #c50ed2 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } + background-image: linear-gradient(to right, #F67E7D 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected:hover { color: #ffffff; background-color: rgba(0, 0, 0, 0.24); } @@ -3883,23 +3883,23 @@ placessidebar.sidebar { placessidebar.sidebar row.sidebar-row:selected:backdrop { color: rgba(0, 0, 0, 0.54); background-color: transparent; - background-image: linear-gradient(to right, #c50ed2 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } + background-image: linear-gradient(to right, #F67E7D 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon { - color: rgba(254, 254, 254, 0.5); - -gtk-icon-shadow: 0 1px rgba(254, 254, 254, 0.3); } + color: rgba(247, 247, 247, 0.5); + -gtk-icon-shadow: 0 1px rgba(247, 247, 247, 0.3); } placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); color: inherit; } placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: #f9dc5c; } + color: #E1DD8F; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #71f79f, inset 0 -1px #71f79f; } + box-shadow: inset 0 1px #CAE7B9, inset 0 -1px #CAE7B9; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image { - color: #71f79f; } + color: #CAE7B9; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background: #71f79f; } + background: #CAE7B9; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image { - color: #fefefe; } + color: #f7f7f7; } placessidebar list { background-color: transparent; } placessidebar list:backdrop { @@ -3923,7 +3923,7 @@ spinbutton:not(.vertical) { margin: 0; padding-bottom: 0; padding-top: 0; - color: #b2b6c0; + color: #6d6e71; background-image: none; border-style: none none none solid; border-color: rgba(12, 14, 21, 0.1); @@ -3932,20 +3932,20 @@ spinbutton:not(.vertical) { spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { - color: #C3C7D1; - background-color: rgba(195, 199, 209, 0.05); } + color: #76777A; + background-color: rgba(118, 119, 122, 0.05); } spinbutton:not(.vertical) button:disabled { - color: rgba(109, 112, 123, 0.3); } + color: rgba(72, 75, 78, 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: #656873; + color: #44474a; background-color: transparent; - border-color: rgba(13, 16, 23, 0.12); + border-color: rgba(14, 16, 23, 0.12); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(51, 57, 85, 0.3); + color: rgba(60, 69, 76, 0.3); background-image: none; border-style: none none none solid; box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } @@ -3999,7 +3999,7 @@ spinbutton:not(.vertical) { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } @@ -4008,9 +4008,9 @@ spinbutton:not(.vertical) { .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } spinbutton.vertical:disabled { - color: #6d707b; } + color: #484b4e; } spinbutton.vertical:backdrop:disabled { - color: #333955; } + color: #3c454c; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } @@ -4035,7 +4035,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(16, 19, 27, 0.98); + background-color: rgba(19, 22, 24, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -4044,7 +4044,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98)); + background-image: linear-gradient(to bottom, rgba(46, 53, 59, 0.98), rgba(46, 53, 59, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -4053,16 +4053,16 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98)); + background-image: linear-gradient(to bottom, rgba(33, 38, 42, 0.98), rgba(33, 38, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical button:first-child:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -4070,7 +4070,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98)); + background-image: linear-gradient(to bottom, rgba(19, 22, 24, 0.98), rgba(19, 22, 24, 0.98)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -4087,7 +4087,7 @@ treeview spinbutton:not(.vertical) { * Spinner * ***********/ menu spinner { - color: #c50ed2; } + color: #F67E7D; } /********************* * Spinner Animation * @@ -4113,28 +4113,25 @@ switch { font-weight: bold; outline-offset: -4px; transition: all 200ms ease-in; - border: 1px solid rgba(12, 14, 21, 0.8); + border: none; border-radius: 14px; color: transparent; padding: 2.3px 0px; - background: linear-gradient(to right, #1E2233, #1E2233); } + background: linear-gradient(to right, #0e1011, #0e1011); + border: 1px solid #0a0b0c; } switch:disabled { - background-color: #171a26; } + background-color: #1b1f22; } switch:backdrop { - background-color: #161925; + background-color: #1A1E21; transition: 200ms ease-out; } switch:backdrop:disabled { - background-color: #171a26; } - switch:active, switch:checked { - background: linear-gradient(to right, #f7005a, #fadd00); } - switch:active slider, switch:checked slider { - background: #fff; } - switch:active:backdrop, switch:checked:backdrop { - background: linear-gradient(to right, #de0051, #e1c600); } - switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { - box-shadow: none; - background-color: rgba(24, 27, 40, 0.9); - border: none; } + background-color: #1b1f22; } + switch:active slider, switch:checked slider { + background: linear-gradient(to right, #00a6c9, #00e4ce); } + switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + box-shadow: none; + background: linear-gradient(to right, #007c96, #00b1a0); + border: none; } switch slider { padding: 2px; margin: 0 2.3px; @@ -4142,15 +4139,15 @@ switch { min-height: 12px; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: #151723; } + background-color: #1a1d1f; } switch slider:backdrop { padding: 2px; box-shadow: none; - background-color: #181b28; } + background-color: #1c2124; } switch trough:active, switch trough:checked { - background-color: #c50ed2; } + background-color: #F67E7D; } switch trough:active:backdrop, switch trough:checked:backdrop { - background-color: rgba(197, 14, 210, 0.6); } + background-color: rgba(246, 126, 125, 0.6); } /************ * Toolbars * @@ -4158,7 +4155,7 @@ switch { toolbar, .inline-toolbar, searchbar, .location-bar { padding: 4px; - background-color: #161925; } + background-color: #1A1E21; } toolbar { padding: 4px 3px 3px 4px; } @@ -4168,7 +4165,7 @@ toolbar { padding: 13px; border: none; border-radius: 5px; - background-color: rgba(16, 19, 27, 0.98); } + background-color: rgba(19, 22, 24, 0.98); } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { @@ -4197,16 +4194,16 @@ searchbar, .location-bar { border-style: solid; border-color: rgba(12, 14, 21, 0.8); - background-color: rgba(20, 23, 33, 0.94); } + background-color: rgba(23, 26, 30, 0.94); } .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { - border-color: rgba(13, 16, 23, 0.82); - background-color: rgba(20, 23, 33, 0.937); + border-color: rgba(14, 16, 23, 0.82); + background-color: rgba(23, 26, 30, 0.937); box-shadow: none; transition: 200ms ease-out; } searchbar { - background: #181b28; } + background: #1c2124; } /************ * Tooltips * @@ -4218,7 +4215,7 @@ tooltip { box-shadow: none; text-shadow: 0 1px black; } tooltip.background { - background-color: #0c0e15; + background-color: #0a0c0d; background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } tooltip decoration { @@ -4232,89 +4229,89 @@ tooltip { * Tree Views * **************/ treeview.view { - border-left-color: #6e717d; - border-top-color: #161925; } + border-left-color: #494c4f; + border-top-color: #1A1E21; } treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { - border-left-color: #e286e8; - border-top-color: rgba(195, 199, 209, 0.1); } + border-left-color: #f7bbba; + border-top-color: rgba(118, 119, 122, 0.1); } treeview.view:disabled { - color: #6d707b; } + color: #484b4e; } treeview.view:disabled:selected { - color: #dc6ee4; } + color: #f6aeae; } treeview.view:disabled:selected:backdrop { - color: rgba(204, 44, 216, 0.85); } + color: rgba(246, 141, 140, 0.85); } treeview.view:disabled:backdrop { - color: #333955; } + color: #3c454c; } treeview.view.separator { min-height: 2px; - color: #161925; } + color: #1A1E21; } treeview.view.separator:backdrop { - color: rgba(22, 25, 37, 0.1); } + color: rgba(26, 30, 33, 0.1); } treeview.view:backdrop { - border-left-color: #424550; - border-top: #161925; } + border-left-color: #313538; + border-top: #1A1E21; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; - border-color: #980ba2; } + border-color: #f34f4d; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #90939e; } + color: #5b5d60; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { - color: #C3C7D1; } + color: #76777A; } treeview.view.expander:selected { - color: #edb6f1; } + color: #f7d3d2; } treeview.view.expander:selected:hover { - color: #fefefe; } + color: #f7f7f7; } treeview.view.expander:selected:backdrop { - color: rgba(222, 119, 229, 0.65); } + color: rgba(246, 179, 178, 0.65); } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { - color: #545763; } + color: #3b3f42; } treeview.view.progressbar { - border: 1px solid #980ba2; + border: 1px solid #f34f4d; border-radius: 4px; - background-color: #c50ed2; - background-image: linear-gradient(to bottom, #c50ed2, #980ba2); + background-color: #F67E7D; + background-image: linear-gradient(to bottom, #F67E7D, #f34f4d); box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-image: linear-gradient(to bottom, #181b28, #050608); } + background-image: linear-gradient(to bottom, #1c2124, #060707); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - border-color: #1a1d2b; - background-color: #1a1d2b; } + border-color: #1e2327; + background-color: #1e2327; } treeview.view.progressbar:backdrop { - border-color: #1a1d2b; + border-color: #1e2327; background-image: none; box-shadow: none; } treeview.view.trough { - background-color: rgba(195, 199, 209, 0.1); + background-color: rgba(118, 119, 122, 0.1); border-radius: 4px; } treeview.view.trough:selected:focus, treeview.view.trough:selected { - background-color: #980ba2; + background-color: #f34f4d; border-radius: 4px; } treeview.view header button { - color: #6e717d; - background-color: #181b28; + color: #494c4f; + background-color: #1c2124; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { - color: #999ca7; + color: #606265; box-shadow: none; transition: none; } treeview.view header button:active { - color: #C3C7D1; + color: #76777A; transition: none; } treeview.view header button:last-child:backdrop, treeview.view header button:last-child { border-right-style: none; } @@ -4326,14 +4323,14 @@ treeview.view { padding: 0 6px; transition: none; background-image: none; - background-color: #c50ed2; - color: #181b28; + background-color: #F67E7D; + color: #1c2124; border-radius: 0; border-style: none; - box-shadow: inset 0 0 0 1px #181b28; + box-shadow: inset 0 0 0 1px #1c2124; text-shadow: none; } treeview.view acceleditor > label { - background-color: #c50ed2; } + background-color: #F67E7D; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; @@ -4342,18 +4339,18 @@ treeview.view header button, treeview.view header button:hover, treeview.view he text-shadow: none; border-width: 1px; border-style: none solid solid none; - border-color: #161925; } + border-color: #1A1E21; } treeview.view header button:disabled { - border-color: #161925; + border-color: #1A1E21; background-image: none; } treeview.view header button:backdrop { - border-color: #161925; + border-color: #1A1E21; border-style: none solid solid none; - color: #424550; + color: #313538; background-image: none; - background-color: #1a1d2b; } + background-color: #1e2327; } treeview.view header button:backdrop:disabled { - border-color: #161925; + border-color: #1A1E21; background-image: none; } /********************** @@ -4387,8 +4384,8 @@ decoration, window { .solid-csd decoration, .solid-csd window { border-radius: 0; margin: 0px; - background-color: #161925; - border: solid 1px rgba(13, 16, 23, 0.82); + background-color: #1A1E21; + border: solid 1px rgba(14, 16, 23, 0.82); box-shadow: none; } windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize { @@ -4422,8 +4419,8 @@ windowcontrols button:backdrop { headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.648627451); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.648627451); } + text-shadow: 0 -1px rgba(0, 0, 0, 0.4180392157); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4180392157); } headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } @@ -4440,7 +4437,7 @@ textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selecte .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { - background-color: #c50ed2; } + background-color: #F67E7D; } row:selected label, label:selected, .selection-mode windowcontrols button, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, @@ -4453,7 +4450,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { - color: #fefefe; + color: #f7f7f7; font-weight: normal; } row:selected label:disabled, label:disabled:selected, .selection-mode windowcontrols button:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus, @@ -4464,7 +4461,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, row:disabled:selected { - color: #e286e8; } + color: #f7bbba; } row:selected label:backdrop, label:backdrop:selected, .selection-mode windowcontrols button:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview text:backdrop:selected:focus, textview text:backdrop:selected:focus, @@ -4474,7 +4471,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, row:backdrop:selected { - color: rgba(254, 254, 254, 0.5); } + color: rgba(247, 247, 247, 0.5); } row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode windowcontrols button:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, @@ -4482,7 +4479,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, row:backdrop:disabled:selected { - color: rgba(204, 44, 216, 0.85); } + color: rgba(246, 141, 140, 0.85); } .monospace { font-family: Monospace; } @@ -4523,10 +4520,10 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec .budgie-popover.background { border-radius: 2px; padding: 0; - background: #07080c; + background: #0e1012; background-clip: border-box; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); - border: 1px solid black; } + border: 1px solid #040404; } .budgie-popover list:hover, .budgie-popover row:hover, .budgie-popover.background list:hover, @@ -4538,18 +4535,18 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec padding: 2px 0 0; } .budgie-popover button, .budgie-popover.background button { - color: #C3C7D1; + color: #76777A; border: none; background: transparent; } .budgie-popover button:hover, .budgie-popover.background button:hover { - color: #c50ed2; } + color: #F67E7D; } .budgie-popover > .container { padding: 2px; } .budgie-menu { - color: #C3C7D1; } + color: #76777A; } .budgie-menu .container { padding: 0; } .budgie-menu button:hover { @@ -4558,11 +4555,11 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec border: none; background: none; padding: 5px 2px; - border-bottom: 1px solid black; + border-bottom: 1px solid #040404; border-radius: 0; font-size: 120%; box-shadow: none; - color: #C3C7D1; } + color: #76777A; } .budgie-menu entry.search image:dir(ltr) { padding-left: 8px; padding-right: 12px; } @@ -4574,29 +4571,29 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec margin-left: 3px; background: transparent; } .budgie-menu .categories:dir(ltr) { - border-right: 1px solid black; } + border-right: 1px solid #040404; } .budgie-menu .categories:dir(rtl) { - border-left: 1px solid black; } + border-left: 1px solid #040404; } .budgie-menu .category-button { padding: 7px; border-radius: 2px 0 0 2px; } .budgie-menu .category-button:hover { - background-color: rgba(195, 199, 209, 0.05); - color: #C3C7D1; } + background-color: rgba(118, 119, 122, 0.05); + color: #76777A; } .budgie-menu .category-button:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } .budgie-menu .category-button:checked { - color: #fefefe; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + color: #f7f7f7; + background: linear-gradient(to right, #485563 0%, #29323c 100%); } .budgie-menu .category-button:checked:hover { - color: rgba(254, 254, 254, 0.9); } + color: rgba(247, 247, 247, 0.9); } .budgie-menu .category-button:checked:disabled { opacity: 0.5; } .budgie-menu .category-button:checked:disabled label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .budgie-menu scrollbar { background-color: transparent; - border-color: black; } + border-color: #040404; } .budgie-menu button:not(.category-button) { padding-top: 5px; padding-bottom: 5px; @@ -4609,7 +4606,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec .budgie-menu undershoot, .budgie-menu overshoot { background: none; } .budgie-menu list { - color: rgba(195, 199, 209, 0.7); } + color: rgba(118, 119, 122, 0.7); } button.budgie-menu-launcher { padding: 0 2px; @@ -4626,20 +4623,20 @@ button.budgie-menu-launcher { button.budgie-menu-launcher:backdrop:hover { color: white; } button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { - color: #c50ed2; + color: #F67E7D; box-shadow: none; - background-color: #181b27; } + background-color: #1c2023; } .user-menu .content-box separator { margin-left: 6px; margin-right: 6px; - background-color: rgba(195, 199, 209, 0.1); } + background-color: rgba(118, 119, 122, 0.1); } .user-menu button { margin: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); - background-color: #c50ed2; + background-color: #F67E7D; transition-duration: 0.2s; } .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { @@ -4655,7 +4652,7 @@ button.budgie-menu-launcher { background-size: 38px auto; } .user-menu > box.vertical row.activatable:first-child .indicator-item label, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { - color: #fefefe; } + color: #f7f7f7; } .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { padding-left: 5px; } @@ -4664,7 +4661,7 @@ button.budgie-menu-launcher { padding-right: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item image, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { - color: #fefefe; } + color: #f7f7f7; } .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { min-width: 24px; @@ -4681,14 +4678,14 @@ button.raven-trigger { button.raven-trigger:active, button.raven-trigger:checked { box-shadow: none; background-color: transparent; - color: #c50ed2; } + color: #F67E7D; } button.raven-trigger:backdrop { color: white; } button.raven-trigger:backdrop:hover { color: white; } button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { box-shadow: none; - color: #c50ed2; + color: #F67E7D; background-color: transparent; } .places-menu .container { @@ -4706,7 +4703,7 @@ button.raven-trigger { border-radius: 0; } .places-menu .places-section-header { padding: 0px; - border-bottom: 1px solid rgba(0, 0, 0, 0.95); + border-bottom: 1px solid rgba(4, 4, 4, 0.95); box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } .places-menu .places-section-header > button { padding: 8px; @@ -4714,18 +4711,18 @@ button.raven-trigger { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .places-menu .places-list { - background: rgba(195, 199, 209, 0.04); - border-bottom: 1px solid rgba(0, 0, 0, 0.95); } + background: rgba(118, 119, 122, 0.04); + border-bottom: 1px solid rgba(4, 4, 4, 0.95); } .places-menu .unlock-area { - border-top: 1px solid rgba(0, 0, 0, 0.85); - border-bottom: 1px solid rgba(0, 0, 0, 0.85); } + border-top: 1px solid rgba(4, 4, 4, 0.85); + border-bottom: 1px solid rgba(4, 4, 4, 0.85); } .places-menu .unlock-area entry { border-radius: 0; border: 0; } .places-menu .unlock-area button { border-radius: 0; border: 0; - border-left: 1px solid rgba(0, 0, 0, 0.85); } + border-left: 1px solid rgba(4, 4, 4, 0.85); } .places-menu .alternative-label { font-size: 15px; padding: 3px; } @@ -4750,16 +4747,16 @@ button.raven-trigger { .budgie-panel { color: white; - background-color: rgba(0, 0, 0, 0.95); + background-color: rgba(4, 4, 4, 0.95); background-image: none; box-shadow: none; border: none; transition: all 150ms ease-in; } .budgie-panel .alert { - color: #ed254e; } + color: #F67E7D; } .budgie-panel:backdrop { color: white; - background-color: rgba(0, 0, 0, 0.95); } + background-color: rgba(4, 4, 4, 0.95); } .budgie-panel button { border-top-width: 0; border-bottom-width: 0; @@ -4769,7 +4766,7 @@ button.raven-trigger { border: none; } .budgie-panel button.flat:hover, .budgie-panel button.flat:active, .budgie-panel button.flat:checked { background: transparent; - color: #c50ed2; } + color: #F67E7D; } .budgie-panel popover list, .budgie-panel popover row { padding: 0; @@ -4778,7 +4775,7 @@ button.raven-trigger { color: white; font-weight: 700; } .budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.2); } + background-color: rgba(4, 4, 4, 0.2); } .top .budgie-panel.transparent { border-bottom-color: transparent; } .bottom .budgie-panel.transparent { @@ -4790,16 +4787,16 @@ button.raven-trigger { .budgie-panel .end-region { border-radius: 0px; } .budgie-panel .end-region separator { - background-color: rgba(195, 199, 209, 0.15); } + background-color: rgba(118, 119, 122, 0.15); } .budgie-panel .end-region label { font-weight: 700; - color: #C3C7D1; } + color: #76777A; } .budgie-panel #tasklist-button, .budgie-panel #tasklist-button:backdrop { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-color: rgba(0, 0, 0, 0); + border-color: rgba(4, 4, 4, 0); border-radius: 0; background-color: transparent; box-shadow: none; @@ -4808,7 +4805,7 @@ button.raven-trigger { .budgie-panel button.flat.launcher { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-color: rgba(0, 0, 0, 0); + border-color: rgba(4, 4, 4, 0); border-radius: 0; padding: 0; background-clip: padding-box; @@ -4846,7 +4843,7 @@ button.raven-trigger { .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .top button.flat.launcher.running:checked { - border-top: 2px solid #c50ed2; } + border-top: 2px solid #F67E7D; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { @@ -4870,7 +4867,7 @@ button.raven-trigger { .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .bottom button.flat.launcher.running:checked { - border-bottom: 2px solid #c50ed2; } + border-bottom: 2px solid #F67E7D; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { @@ -4894,7 +4891,7 @@ button.raven-trigger { .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .left button.flat.launcher.running:checked { - border-left: 2px solid #c50ed2; } + border-left: 2px solid #F67E7D; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { @@ -4918,59 +4915,59 @@ button.raven-trigger { .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .right button.flat.launcher.running:checked { - border-right: 2px solid #c50ed2; } + border-right: 2px solid #F67E7D; } .top .budgie-panel { - border-bottom: 1px solid rgba(0, 0, 0, 0.92); } + border-bottom: 1px solid rgba(4, 4, 4, 0.92); } .top .raven-frame { padding: 0; background: none; } .top .raven-frame border { border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.92); } + border-bottom: 1px solid rgba(4, 4, 4, 0.92); } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } .bottom .budgie-panel { - border-top: 1px solid rgba(0, 0, 0, 0.92); } + border-top: 1px solid rgba(4, 4, 4, 0.92); } .bottom .raven-frame { padding: 0; background: none; } .bottom .raven-frame border { border: none; - border-top: 1px solid rgba(0, 0, 0, 0.92); } + border-top: 1px solid rgba(4, 4, 4, 0.92); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } .left .budgie-panel { - border-right: 1px solid rgba(0, 0, 0, 0.92); } + border-right: 1px solid rgba(4, 4, 4, 0.92); } .left .raven-frame { padding: 0; background: none; } .left .raven-frame border { border: none; - border-right: 1px solid rgba(0, 0, 0, 0.92); } + border-right: 1px solid rgba(4, 4, 4, 0.92); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } .right .budgie-panel { - border-left: 1px solid rgba(0, 0, 0, 0.92); } + border-left: 1px solid rgba(4, 4, 4, 0.92); } .right .raven-frame { padding: 0; background: none; } .right .raven-frame border { border: none; - border-left: 1px solid rgba(0, 0, 0, 0.92); } + border-left: 1px solid rgba(4, 4, 4, 0.92); } .right .shadow-block { background-color: transparent; @@ -4978,15 +4975,15 @@ button.raven-trigger { .raven { padding: 0; - color: #C3C7D1; - background: #07080c; + color: #76777A; + background: #0e1012; transition: 170ms ease-out; } .raven .raven-header { min-height: 32px; - color: #C3C7D1; - border: solid rgba(0, 0, 0, 0.95); + color: #76777A; + border: solid rgba(4, 4, 4, 0.95); border-width: 1px 0; - background-color: rgba(6, 7, 10, 0.45); } + background-color: rgba(10, 12, 13, 0.45); } .raven .raven-header * { padding-top: 0; padding-bottom: 0; } @@ -4996,21 +4993,21 @@ button.raven-trigger { margin-top: 3px; min-height: 32px; } .raven .raven-header.top button.image-button:hover { - color: #af0cba; + color: #f46665; box-shadow: none; } .raven .raven-header > button.text-button { border-radius: 2px; - color: #fefefe; - background-color: rgba(230, 19, 62, 0.9); + color: #f7f7f7; + background-color: rgba(244, 102, 101, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:hover { border-radius: 2px; - color: #fefefe; - background-color: rgba(237, 37, 78, 0.9); + color: #f7f7f7; + background-color: rgba(246, 126, 125, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:active { - color: #fefefe; - background-color: rgba(239, 61, 97, 0.9); + color: #f7f7f7; + background-color: rgba(248, 150, 149, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header.bottom { border-bottom-style: none; } @@ -5022,13 +5019,13 @@ button.raven-trigger { border: none; border-radius: 0; } .raven .raven-header button:hover { - color: #c50ed2; + color: #F67E7D; border-radius: 0; text-shadow: none; border: none; border-radius: 0; } .raven .raven-header button:disabled { - color: #6d707b; } + color: #484b4e; } .raven .raven-header button.text-button.radio { margin: 5px 0px; min-height: 20px; @@ -5039,21 +5036,21 @@ button.raven-trigger { box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98); color: white; } .raven list { - color: #C3C7D1; + color: #76777A; background-color: transparent; } .raven list:selected { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .raven list row, .raven list row.activatable { background-color: transparent; } .raven list row:hover, .raven list row.activatable:hover { - background-color: rgba(29, 33, 48, 0.25); } + background-color: rgba(37, 43, 47, 0.25); } .raven list row:selected, .raven list row.activatable:selected { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .raven .raven-background { - color: #C3C7D1; + color: #76777A; background-color: transparent; border-color: transparent; } .raven .raven-background.middle { @@ -5067,47 +5064,47 @@ button.raven-trigger { min-width: 32px; min-height: 32px; margin-bottom: 3px; - background: #c74ded; - color: #fefefe; + background: #D7BCC8; + color: #f7f7f7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); border: none; font-size: 100%; } .raven .powerstrip button.image-button:hover { - background: rgba(199, 77, 237, 0.85); - color: #fefefe; } + background: rgba(215, 188, 200, 0.85); + color: #f7f7f7; } .raven .powerstrip button.image-button:active { - background: #c74ded; - color: #fefefe; } + background: #D7BCC8; + color: #f7f7f7; } .raven .powerstrip button.image-button:first-child { - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } .raven .powerstrip button.image-button:first-child:hover { - background: rgba(197, 14, 210, 0.85); } + background: rgba(246, 126, 125, 0.85); } .raven .powerstrip button.image-button:first-child:active { - background: #c50ed2; } + background: #F67E7D; } .raven .powerstrip button.image-button:last-child { - background: linear-gradient(to right, #FF416C, #FF4B2B); } + background: linear-gradient(to right, #F67E7D, #F79F79); } .raven .powerstrip button.image-button:last-child:hover { - background: rgba(237, 37, 78, 0.85); } + background: rgba(246, 126, 125, 0.85); } .raven .powerstrip button.image-button:last-child:active { - background: #ed254e; } + background: #F67E7D; } .raven .option-subtitle { font-size: 13px; } calendar.raven-calendar { padding: 6px; - color: #C3C7D1; + color: #76777A; background: transparent; border-color: transparent; } calendar.raven-calendar:indeterminate { color: alpha(currentColor,0.3); } calendar.raven-calendar:selected { background: transparent; - color: #b30dbf; + color: #f56b6a; font-weight: bold; } calendar.raven-calendar:backdrop { background-color: transparent; } calendar.raven-calendar.header { - color: #C3C7D1; + color: #76777A; border: none; border-radius: 0; background-color: transparent; } @@ -5115,23 +5112,23 @@ calendar.raven-calendar { color: alpha(currentColor,0.5); background-color: transparent; } calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { - color: #C3C7D1; + color: #76777A; background-color: transparent; } .raven-mpris { - color: #C3C7D1; - background-color: rgba(3, 3, 5, 0.9); + color: #76777A; + background-color: rgba(4, 4, 4, 0.9); border: solid rgba(255, 255, 255, 0.1); border-width: 1px 0; border-bottom-color: rgba(0, 0, 0, 0.1); } .raven-mpris button.image-button { padding: 10px; - background-color: #181b28; + background-color: #1c2124; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } .raven-mpris button.image-button:hover { - background-color: #c50ed2; } + background-color: #F67E7D; } .raven-mpris button.image-button:active { - background-color: #af0cba; } + background-color: #f46665; } .raven-mpris button.image-button:first-child { margin-right: 4px; } .raven-mpris button.image-button:last-child { @@ -5145,74 +5142,74 @@ calendar.raven-calendar { background: none; border-radius: 1px; } .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { - background-color: #c50ed2; - color: #fefefe; + background-color: #F67E7D; + color: #f7f7f7; border: none; } .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { - background-color: #af0cba; + background-color: #f46665; border: none; } .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { - background-color: #af0cba; } + background-color: #f46665; } .budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { border-radius: 1px; } .budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { font-size: 110%; - color: #C3C7D1; } + color: #76777A; } .budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { - color: rgba(195, 199, 209, 0.7); } + color: rgba(118, 119, 122, 0.7); } .budgie-notification button, .budgie-osd button, .budgie-switcher button { background-color: transparent; - color: #fefefe; } + color: #f7f7f7; } .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { background-color: transparent; - color: #ed254e; + color: #F67E7D; box-shadow: none; } .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { background-color: transparent; - color: #e6133e; } + color: #f46665; } .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { - color: #C3C7D1; - background-color: rgba(22, 25, 37, 0.95); + color: #76777A; + background-color: rgba(26, 30, 33, 0.95); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; } .budgie-switcher-window flowbox { - color: #C3C7D1; } + color: #76777A; } .budgie-switcher-window flowboxchild { padding: 3px; margin: 3px; - color: #C3C7D1; } + color: #76777A; } .budgie-switcher-window flowboxchild:hover { background-color: transparent; } .budgie-switcher-window flowboxchild:active { - color: #C3C7D1; } + color: #76777A; } .budgie-switcher-window flowboxchild:selected { - color: #fefefe; - background-color: rgba(197, 14, 210, 0.5); } + color: #f7f7f7; + background-color: rgba(246, 126, 125, 0.5); } .budgie-switcher-window flowboxchild:selected:active { - color: #fefefe; } + color: #f7f7f7; } .budgie-switcher-window flowboxchild:selected:hover { - background-color: #b10dbd; } + background-color: #dd7171; } .budgie-switcher-window flowboxchild:selected:disabled { - color: rgba(254, 254, 254, 0.7); - background-color: rgba(197, 14, 210, 0.7); } + color: rgba(247, 247, 247, 0.7); + background-color: rgba(246, 126, 125, 0.7); } .budgie-switcher-window flowboxchild:selected:disabled label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { - color: #C3C7D1; - background-color: rgba(0, 0, 0, 0.95); } + color: #76777A; + background-color: rgba(4, 4, 4, 0.95); } .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { - color: rgba(195, 199, 209, 0.8); } + color: rgba(118, 119, 122, 0.8); } .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { margin-bottom: 0; min-height: 32px; border-bottom: none; - border-color: black; + border-color: #040404; border-radius: 0; color: #fff; background-color: transparent; @@ -5226,33 +5223,33 @@ calendar.raven-calendar { border-right: none; border-bottom-right-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { color: rgba(255, 255, 255, 0.5); } .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { - background-color: rgba(219, 16, 234, 0.9); } + background-color: rgba(248, 150, 149, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { - background-color: rgba(219, 16, 234, 0.9); } + background-color: rgba(248, 150, 149, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { - background-color: rgba(206, 17, 56, 0.9); } + background-color: rgba(243, 79, 77, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { - background-color: rgba(230, 19, 62, 0.9); } + background-color: rgba(244, 102, 101, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { - background-color: rgba(230, 19, 62, 0.9); } + background-color: rgba(244, 102, 101, 0.9); } .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { background-color: #505359; - color: #C3C7D1; } + color: #76777A; } .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { background-color: #505359; } .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { background-color: #505359; } .budgie-polkit-dialog .message { - color: rgba(195, 199, 209, 0.7); } + color: rgba(118, 119, 122, 0.7); } .budgie-polkit-dialog .failure { - color: #ed254e; } + color: #F67E7D; } .budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { font-size: 120%; @@ -5260,7 +5257,7 @@ calendar.raven-calendar { border: none; box-shadow: none; } .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { - color: #C3C7D1; } + color: #76777A; } .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { padding-left: 8px; padding-right: 12px; } @@ -5278,22 +5275,22 @@ headerbar .budgie-run-dialog list row:selected .subtitle { margin: 4px; padding: 5px; border-radius: 0; - background-color: rgba(0, 0, 0, 0.95); } + background-color: rgba(4, 4, 4, 0.95); } .budgie-menubar menu menuitem:hover { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } .budgie-menubar arrow { border: none; min-width: 16px; min-height: 16px; } .budgie-menubar arrow.top { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); - border-bottom: 1px solid rgba(33, 35, 42, 0.928); } + border-bottom: 1px solid rgba(37, 40, 43, 0.928); } .budgie-menubar arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - border-top: 1px solid rgba(33, 35, 42, 0.928); } + border-top: 1px solid rgba(37, 40, 43, 0.928); } .budgie-menubar menuitem accelerator { - color: rgba(195, 199, 209, 0.35); } + color: rgba(118, 119, 122, 0.35); } .budgie-menubar menuitem check, .budgie-menubar menuitem radio { min-height: 16px; min-width: 16px; } @@ -5302,7 +5299,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled border-style: none none solid; } .workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.95); } + border: 0 solid rgba(4, 4, 4, 0.95); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { @@ -5310,7 +5307,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { - border: 0 solid rgba(19, 22, 32, 0.95); } + border: 0 solid rgba(26, 30, 33, 0.95); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } @@ -5320,7 +5317,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(10, 11, 16, 0.95); } + background-color: rgba(15, 17, 19, 0.95); } .workspace-switcher .workspace-add-button { border: none; background: transparent; @@ -5342,9 +5339,9 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled ************/ .nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { background: transparent; - color: #c50ed2; } + color: #F67E7D; } .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { - color: #c50ed2; } + color: #F67E7D; } .nautilus-window paned > separator { background-image: none; } .nautilus-window .sidebar { @@ -5353,25 +5350,25 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled background-color: transparent; } .nautilus-window .sidebar .list-row button { border: none; - background-color: rgba(18, 21, 31, 0.95); } + background-color: rgba(22, 25, 27, 0.95); } .nautilus-window .sidebar .list-row button:active { - background-color: rgba(197, 14, 210, 0.75); } + background-color: rgba(246, 126, 125, 0.75); } .nautilus-window .sidebar .list-row:selected { - background-color: rgba(197, 14, 210, 0.75); } + background-color: rgba(246, 126, 125, 0.75); } .nautilus-window .sidebar .list-row:selected:hover { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .nautilus-window .sidebar .list-row:hover { - background-color: rgba(24, 27, 40, 0.5); } + background-color: rgba(28, 33, 36, 0.5); } .nautilus-window .sidebar .list-row:hover:active { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .nautilus-window.background { - background-color: rgba(18, 21, 31, 0.95); } + background-color: rgba(22, 25, 27, 0.95); } .nautilus-window.background:backdrop { - background-color: rgba(18, 21, 31, 0.95); } + background-color: rgba(22, 25, 27, 0.95); } .nautilus-window notebook > stack:only-child { - background-color: #181b28; } + background-color: #1c2124; } .nautilus-window notebook > stack:only-child:backdrop { - background-color: #1a1d2b; } + background-color: #1e2327; } .nautilus-window searchbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .nautilus-window .searchbar-container { @@ -5402,14 +5399,14 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled color: whitesmoke; } .nautilus-window .titlebar .linked:not(.path-bar) button:active, .nautilus-window .titlebar .linked:not(.path-bar) button:checked, .nautilus-window .titlebar .linked:not(.path-bar) button:active:backdrop, .nautilus-window .titlebar .linked:not(.path-bar) button:checked:backdrop { background: transparent; - color: #c50ed2; + color: #F67E7D; box-shadow: none; border: none; } .nautilus-window .linked:not(.vertical) > entry { border-radius: 10px; margin-right: 5px; } .nautilus-window .linked:not(.vertical) > entry:focus { - border-color: rgba(197, 14, 210, 0.6); } + border-color: rgba(246, 126, 125, 0.6); } .nautilus-circular-button { border-radius: 20px; } @@ -5427,28 +5424,28 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled border-color: #a5a5a5; } .nautilus-desktop { - color: #C3C7D1; } + color: #76777A; } .nautilus-desktop .nautilus-canvas-item { border-radius: 5px; - color: #fefefe; + color: #f7f7f7; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop .nautilus-canvas-item:active { - color: #C3C7D1; + color: #76777A; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:hover { - color: #C3C7D1; + color: #76777A; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:selected { - color: #fefefe; + color: #f7f7f7; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { - color: #fefefe; } + color: #f7f7f7; } .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, .nautilus-desktop .nautilus-list headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-list .subtitle:selected { - color: #fefefe; } + color: #f7f7f7; } /********* * Gedit * @@ -5457,7 +5454,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled padding: 4px; border-radius: 0 0 3px 3px; border: 0; - background-color: #161925; } + background-color: #1A1E21; } /********* * Gnucash * @@ -5470,10 +5467,10 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled transition: none; box-shadow: none; } #gnc-id-main-window .arrow.button.toggle:hover { - border-color: #c50ed2; } + border-color: #F67E7D; } .xfce4-panel.panel { - background-color: #181b28; + background-color: #1c2124; text-shadow: none; -gtk-icon-shadow: none; } @@ -5481,27 +5478,27 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled color: rgba(255, 255, 255, 0.8); border-radius: 0; border: none; - background-color: rgba(24, 27, 40, 0); } + background-color: rgba(28, 33, 36, 0); } #tasklist-button:hover { color: white; background-color: rgba(0, 0, 0, 0.17); } #tasklist-button:checked { color: white; background-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #c50ed2; } + box-shadow: inset 0 -2px #F67E7D; } .xfce4-panel.panel button.flat { color: white; border-radius: 0; border: none; - background-color: rgba(24, 27, 40, 0); } + background-color: rgba(28, 33, 36, 0); } .xfce4-panel.panel button.flat:hover { border: none; - background-color: #2b3148; } + background-color: #333b40; } .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.flat:checked { - color: #fefefe; - border-bottom: 2px solid #c50ed2; - background-color: #212638; } + color: #f7f7f7; + border-bottom: 2px solid #F67E7D; + background-color: #272e32; } .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.flat:checked image { color: inherit; } @@ -5513,18 +5510,18 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled padding: 2px; margin: 1px 0px; } #whiskermenu-window button:hover, #whiskermenu-window button:checked { - background-color: #c50ed2; } + background-color: #F67E7D; } /* thunar */ .thunar toolbar { - background-color: #0c0e14; } + background-color: #1A1E21; } /* buttons in toolbar */ .thunar toolbar.horizontal button image { -gtk-icon-transform: scale(0.72); } scrolledwindow.sidebar treeview.view { - background: #12151f; + background: #111416; padding: 1.5px; } /* path-bar of thunar */ @@ -5532,7 +5529,7 @@ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path- margin-top: 7px; margin-bottom: 7px; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:hover, .thunar toolbar .path-bar-button:hover { - color: #c50ed2; } + color: #F67E7D; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar > button.toggle.path-bar-button:checked, .thunar toolbar .path-bar-button:checked { border-radius: 23px; background: linear-gradient(to right, #c50ed2, #8500f7); @@ -5547,7 +5544,7 @@ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path- /* thunar sidepane */ window.thunar paned > scrolledwindow treeview.view:hover { - background: #10131b; } + background: #0f1113; } window.thunar paned > scrolledwindow treeview.view:selected { border-radius: 23px; background: linear-gradient(to right, #c50ed2, #8500f7); @@ -5566,15 +5563,15 @@ window.thunar toolbar#location-toolbar entry { border-width: 0; border-radius: 2px; color: white; - border: 1px solid #181b28; - background-color: #181b28; } + border: 1px solid #1c2124; + background-color: #1c2124; } .gala-notification .title, .gala-notification .label { - color: #C3C7D1; } + color: #76777A; } .gala-button { padding: 3px; - color: #181b28; + color: #1c2124; border: none; border-radius: 50%; background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); @@ -5588,14 +5585,14 @@ window.thunar toolbar#location-toolbar entry { /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.7); - background-color: rgba(24, 27, 40, 0.05); } + background-color: rgba(28, 33, 36, 0.05); } /*************** * SwitchBoard * ***************/ .category-label { font-weight: bold; - color: #C3C7D1; } + color: #76777A; } /************* * Slingshot * @@ -5608,7 +5605,7 @@ window.thunar toolbar#location-toolbar entry { .button.app .app:hover { border-radius: 8px; border: none; - background-color: rgba(197, 14, 210, 0.3); + background-color: rgba(246, 126, 125, 0.3); color: white; } .button.app .app:focus { /*background-color: transparentize(black, 0.20);*/ } @@ -5616,12 +5613,12 @@ window.thunar toolbar#location-toolbar entry { .search-item { border-radius: 0; border: none; - color: #C3C7D1; + color: #76777A; background: none; } .search-item:hover, .search-item:focus { border-radius: 0; - background-color: rgba(197, 14, 210, 0.3); - color: #fefefe; } + background-color: rgba(246, 126, 125, 0.3); + color: #f7f7f7; } .search-entry-large, .search-entry-large:focus { @@ -5635,7 +5632,7 @@ window.thunar toolbar#location-toolbar entry { .search-category-header { font-weight: bold; - color: #C3C7D1; } + color: #76777A; } /********* * Panel * @@ -5644,9 +5641,9 @@ window.thunar toolbar#location-toolbar entry { background-color: transparent; transition: all 100ms ease-in-out; } .panel.maximized { - background-color: #181b28; } + background-color: #1c2124; } .panel.translucent { - background-color: rgba(24, 27, 40, 0.5); } + background-color: rgba(28, 33, 36, 0.5); } .panel.color-light.translucent { background-color: rgba(255, 255, 255, 0.85); } @@ -5687,16 +5684,16 @@ PantheonCalculatorMainWindow { * Cards * *********/ .deck { - background-color: #07080b; } + background-color: #08090a; } .card { - background-color: #181b28; + background-color: #1c2124; border: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); transition: all 150ms ease-in-out; } .card.collapsed { - background-color: #0e1018; + background-color: #111416; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } /********* @@ -5724,13 +5721,13 @@ LibraryWindow .the-button-in-the-combobox { background: none; } .checkerboard-layout { - background-color: #161925; + background-color: #1A1E21; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); background-size: 24px 24px; background-position: 0 0, 12px 12px; } .checkboard-layout .item { - background-color: #C3C7D1; } + background-color: #76777A; } /********* * Avatar * @@ -5744,14 +5741,14 @@ LibraryWindow .the-button-in-the-combobox { * Level bar * *************/ .source-list.view.level-bar, iconview.source-list.level-bar, .source-list.view.level-bar:selected, iconview.source-list.level-bar:selected, .source-list.view.level-bar:selected:focus, iconview.source-list.level-bar:selected:focus { - background: linear-gradient(#333955, #333955); + background: linear-gradient(#374046, #374046); border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); border-radius: 2px; } .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block { border: none; } .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block, .source-list.view.level-bar.fill-block:hover, iconview.source-list.level-bar.fill-block:hover, .source-list.view.level-bar.fill-block:selected, iconview.source-list.level-bar.fill-block:selected, .source-list.view.level-bar.fill-block:selected:focus, iconview.source-list.level-bar.fill-block:selected:focus { - background: linear-gradient(to right, #00f17d, #00f7d2); } + background: linear-gradient(to right, #ff005d, #ff8b26); } /************************** * Colors in context menu * @@ -5788,7 +5785,7 @@ radiobutton.color-button:active > radio { background-image: none; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50%; - color: #181b28; + color: #1c2124; -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } .color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { background-color: @STRAWBERRY_300; @@ -5901,7 +5898,7 @@ UnityPanelWidget:backdrop, .unity-panel.menubar:backdrop, .unity-panel .menubar *:backdrop { - color: #6d707b; } + color: #484b4e; } .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem { @@ -5931,7 +5928,7 @@ UnityPanelWidget:backdrop, /* Force Quit */ SheetStyleDialog.unity-force-quit { - background-color: #181b28; } + background-color: #1c2124; } @keyframes playbackmenuitem_spinner { to { @@ -5939,18 +5936,18 @@ SheetStyleDialog.unity-force-quit { .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; - color: #c50ed2; } + color: #F67E7D; } MsdOsdWindow.background.osd { border-radius: 2px; border: 1px solid rgba(12, 14, 21, 0.8); } MsdOsdWindow.background.osd .progressbar { - background-color: #c50ed2; + background-color: #F67E7D; border: none; - border-color: #c50ed2; + border-color: #F67E7D; border-radius: 5px; } MsdOsdWindow.background.osd .trough { - background-color: rgba(7, 8, 11, 0.98); + background-color: rgba(8, 9, 10, 0.98); border: none; border-radius: 5px; } @@ -5965,26 +5962,26 @@ MsdOsdWindow.background.osd { opacity: 0; } ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { - background-color: rgba(197, 14, 210, 0.6); - color: rgba(254, 254, 254, 0.5); } + background-color: rgba(246, 126, 125, 0.6); + color: rgba(247, 247, 247, 0.5); } ConversationListView .view .cell, ConversationListView iconview .cell { border: solid rgba(0, 0, 0, 0.2); border-width: 0 0 1px 0; } ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { - color: #fefefe; - border: 0px solid #980ba2; } + color: #f7f7f7; + border: 0px solid #f34f4d; } /*********** * LightDm * ***********/ #panel_window { - background-color: #181b28; + background-color: #1c2124; color: white; font-weight: bold; - box-shadow: inset 0 -1px #0b0c12; } + box-shadow: inset 0 -1px #0d0e10; } #panel_window .menubar, #panel_window .menubar > .menuitem menubar, @@ -6011,11 +6008,11 @@ ConversationListView .view .cell, ConversationListView iconview .cell { font-weight: normal; border-style: none; background-color: transparent; - color: #C3C7D1; } + color: #76777A; } #content_frame { padding-bottom: 14px; - background-color: #161925; + background-color: #1A1E21; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); @@ -6023,30 +6020,30 @@ ConversationListView .view .cell, ConversationListView iconview .cell { #content_frame button { font-weight: normal; - color: #C3C7D1; - background-color: #181b28; + color: #76777A; + background-color: #1c2124; text-shadow: none; } #content_frame button:hover { - color: #C3C7D1; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #181b28; + color: #76777A; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #1c2124; text-shadow: none; } #content_frame button:active, #content_frame button:checked { - color: #C3C7D1; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: #76777A; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #F67E7D; text-shadow: none; } #content_frame button:disabled { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #171a26; + color: #646669; + outline-color: rgba(118, 119, 122, 0.3); + background-color: #1b1f22; text-shadow: none; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; - background-color: #0c0e14; + background-color: #1A1E21; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); @@ -6055,7 +6052,7 @@ ConversationListView .view .cell, ConversationListView iconview .cell { #buttonbox_frame button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(16, 19, 27, 0.98); + background-color: rgba(19, 22, 24, 0.98); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6064,7 +6061,7 @@ ConversationListView .view .cell, ConversationListView iconview .cell { #buttonbox_frame button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98)); + background-image: linear-gradient(to bottom, rgba(46, 53, 59, 0.98), rgba(46, 53, 59, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -6073,23 +6070,23 @@ ConversationListView .view .cell, ConversationListView iconview .cell { #buttonbox_frame button:active, #buttonbox_frame button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98)); + background-image: linear-gradient(to bottom, rgba(33, 38, 42, 0.98), rgba(33, 38, 42, 0.98)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:disabled { - color: #87898d; + color: #898a8b; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(43, 45, 47, 0.5), rgba(43, 45, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } #login_window #user_combobox { - color: #C3C7D1; + color: #76777A; font-size: 13px; } #login_window #user_combobox .menu, #login_window #user_combobox menu { @@ -6105,29 +6102,29 @@ ConversationListView .view .cell, ConversationListView iconview .cell { .nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, .nemo-window .places-treeview iconview.cell:hover { - background: rgba(16, 19, 27, 0.7); } + background: rgba(15, 17, 19, 0.7); } .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, .nemo-window .places-treeview iconview.cell:selected { - background: #c50ed2; } + background: #F67E7D; } .nemo-window .sidebar { color: #98abb2; - background-color: #161925; } + background-color: #16191b; } .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { background-color: transparent; } .nemo-window .nemo-window-pane widget.entry { background-clip: padding-box; min-height: 28px; padding: 5px; - color: #C3C7D1; + color: #76777A; border: 1px solid rgba(12, 14, 21, 0.8); border-radius: 3px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); } .nemo-window .nemo-window-pane widget.entry:selected { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } .nemo-window toolbar.primary-toolbar { margin-bottom: -1px; - background: #0c0e14; } + background: #1A1E21; } .nemo-window toolbar.primary-toolbar button { color: #8b8b8b; text-shadow: none; @@ -6139,7 +6136,7 @@ ConversationListView .view .cell, ConversationListView iconview .cell { min-height: 24px; } .nemo-window toolbar.primary-toolbar button:hover { background: transparent; - color: #c50ed2; } + color: #F67E7D; } .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { border-radius: 23px; background: linear-gradient(to right, #c50ed2, #8500f7); @@ -6147,49 +6144,49 @@ ConversationListView .view .cell, ConversationListView iconview .cell { color: white; } .nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, .nemo-window .nemo-inactive-pane iconview { - background-color: #141722; } + background-color: #181b1e; } .caja-notebook .frame { border-width: 0 0 1px; } .caja-notebook .entry { - background: #161925; - color: #C3C7D1; + background: #1A1E21; + color: #76777A; border-color: rgba(12, 14, 21, 0.8); } .caja-notebook .entry:selected { - background: #c50ed2; - color: #fefefe; } + background: #F67E7D; + color: #f7f7f7; } /************** * Caja sidebar * **************/ .caja-side-pane { - background: #0c0e14; } + background: #1A1E21; } .caja-side-pane .frame { border-width: 1px 0 0; } .caja-side-pane treeview.view, .caja-side-pane textview.view text, .caja-side-pane viewport.frame, .caja-side-pane widget .vertical { - background: #161925; + background: #16191b; padding: 3px 2px; color: #98abb2; } .caja-side-pane treeview.view:hover, .caja-side-pane textview.view text:hover, .caja-side-pane viewport.frame:hover, .caja-side-pane widget .vertical:hover { - background-color: rgba(18, 21, 31, 0.95); } + background-color: rgba(17, 20, 22, 0.95); } .caja-side-pane treeview.view:selected, .caja-side-pane textview.view text:selected, .caja-side-pane viewport.frame:selected, .caja-side-pane widget .vertical:selected { - color: #fefefe; - background: #c50ed2; } + color: #f7f7f7; + background: #F67E7D; } /************** * Caja pathbar * **************/ .caja-navigation-window paned, .caja-navigation-window .primary-toolbar { - background: #0c0e14; } + background: #1A1E21; } .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button), @@ -6205,7 +6202,7 @@ ConversationListView .view .cell, ConversationListView iconview .cell { .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked { - background: #c50ed2; + background: #F67E7D; box-shadow: none; } .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover, @@ -6216,7 +6213,7 @@ ConversationListView .view .cell, ConversationListView iconview .cell { .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked label { - color: #fefefe; } + color: #f7f7f7; } .caja-pathbar button { color: #8b8b8b; @@ -6227,14 +6224,14 @@ ConversationListView .view .cell, ConversationListView iconview .cell { margin-top: 7px; margin-bottom: 7px; } .caja-pathbar button:hover { - color: #c50ed2; } + color: #F67E7D; } .caja-pathbar button:checked { border-radius: 23px; background: linear-gradient(to right, #c50ed2, #8500f7); box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98); color: white; } .caja-pathbar button:backdrop:disabled { - color: rgba(195, 199, 209, 0.2); + color: rgba(118, 119, 122, 0.2); background-color: transparent; border-radius: 0; text-shadow: none; diff --git a/gtk-4.0/widgets/_notebooks.scss b/gtk-4.0/widgets/_notebooks.scss index 2c5a679..f0da5f6 100644 --- a/gtk-4.0/widgets/_notebooks.scss +++ b/gtk-4.0/widgets/_notebooks.scss @@ -1,12 +1,12 @@ /************* * Notebooks * *************/ -notebook { + notebook { > header { padding: 1px; border-color: transparent; border-width: 1px; - background-color: mix($base_color, $headerbar_color, 30%); + background-color: mix($base_color, darken($headerbar_color, 6%), 30%); &:backdrop { border-color: $backdrop_borders_color; @@ -190,7 +190,7 @@ notebook { color: $backdrop_fg_color; &.reorderable-page { border-color: $backdrop_borders_color; - background-color: $backdrop_base_color; + background-color: $backdrop_bg_color; } } @@ -269,8 +269,8 @@ notebook { } > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks - background-color: $base_color; + background-color: $bg_color; - &:backdrop { background-color: $backdrop_base_color; } + &:backdrop { background-color: $backdrop_bg_color; } } } diff --git a/gtk-4.0/widgets/_scales.scss b/gtk-4.0/widgets/_scales.scss index 7cf1b24..94934b9 100644 --- a/gtk-4.0/widgets/_scales.scss +++ b/gtk-4.0/widgets/_scales.scss @@ -150,7 +150,7 @@ scale { $_scale_disabled_bg: darken($_scale_bg, 15%); slider { border-color: $base_color; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 12px; background-color: $_scale_bg; @@ -282,7 +282,7 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; background-color: $_scale_bg; diff --git a/gtk-4.0/widgets/_switches.scss b/gtk-4.0/widgets/_switches.scss index 882e123..22264a7 100644 --- a/gtk-4.0/widgets/_switches.scss +++ b/gtk-4.0/widgets/_switches.scss @@ -1,18 +1,19 @@ /********** * Switch * **********/ -switch { + switch { font-size: 1px; font-weight: bold; outline-offset: -4px; transition: all 200ms ease-in; - border: 1px solid $borders_color; + border: none; border-radius: 14px; color: transparent; padding: 2.3px 0px; - background: linear-gradient(to right, #1E2233, #1E2233); - // border: 1px solid rgba(170, 170, 170, 0.4); + + background: linear-gradient(to right, #0e1011, #0e1011); + border: 1px solid #0a0b0c; &:disabled { background-color: $insensitive_bg_color; } @@ -27,16 +28,14 @@ switch { &:active, &:checked { - background: linear-gradient(to right, #f7005a, #fadd00); slider{ - background: #fff; + background: linear-gradient(to right, #00a6c9, #00e4ce); } &:backdrop { - background: linear-gradient(to right, darken(#f7005a, 5%), darken(#fadd00, 5%)); slider { &:backdrop { box-shadow:none; - background-color:transparentize($base_color, 0.1); + background: linear-gradient(to right, darken(#00a6c9, 10%), darken(#00e4ce, 10%)); border:none; } } @@ -45,14 +44,14 @@ switch { // Handle slider { - padding: 2px; + padding:2px; margin: 0 2.3px; min-width: 12px; min-height: 12px; border-radius: 100%; transition: $button_transition; - background-color: darken(#1E2233, 5%); + background-color: lighten(#0e1011, 5%); &:backdrop { padding:2px;