diff --git a/gtk/theme/Adwaita/_colors.scss b/gtk/theme/Adwaita/_colors.scss index cfadb2c5da..a89c495659 100644 --- a/gtk/theme/Adwaita/_colors.scss +++ b/gtk/theme/Adwaita/_colors.scss @@ -2,9 +2,9 @@ // it gets @if ed depending on $variant -$base_color: if($variant == 'light', #ffffff, #241f31); +$base_color: if($variant == 'light', #ffffff, desaturate(#241f31, 10%)); $text_color: if($variant == 'light', black, white); -$bg_color: if($variant == 'light', #f6f5f4, #3d3846); +$bg_color: if($variant == 'light', #f6f5f4, desaturate(#3d3846, 10%)); $fg_color: if($variant == 'light', #2e3436, #eeeeec); $selected_fg_color: #ffffff; diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index 6d71feb5c6..6331a2033d 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -1,34 +1,34 @@ * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #15539e; } /*************** Base States * */ -.background { color: #eeeeec; background-color: #3d3846; } +.background { color: #eeeeec; background-color: #3f3e40; } -.background:backdrop { color: #969399; background-color: #3d3846; text-shadow: none; -gtk-icon-shadow: none; } +.background:backdrop { color: #969696; background-color: #3f3e40; text-shadow: none; -gtk-icon-shadow: none; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:disabled { -gtk-icon-effect: dim; } -.gtkstyle-fallback { color: #eeeeec; background-color: #3d3846; } +.gtkstyle-fallback { color: #eeeeec; background-color: #3f3e40; } -.gtkstyle-fallback:hover { color: #eeeeec; background-color: #564f62; } +.gtkstyle-fallback:hover { color: #eeeeec; background-color: #585859; } -.gtkstyle-fallback:active { color: #eeeeec; background-color: #24212a; } +.gtkstyle-fallback:active { color: #eeeeec; background-color: #252526; } -.gtkstyle-fallback:disabled { color: #969399; background-color: #332e3e; } +.gtkstyle-fallback:disabled { color: #969696; background-color: #353338; } .gtkstyle-fallback:selected { color: #ffffff; background-color: #15539e; } -.view, iconview, .view text, iconview text, textview text { color: white; background-color: #241f31; } +.view, iconview, .view text, iconview text, textview text { color: white; background-color: #26232d; } -.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #d4d3d6; background-color: #262134; } +.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #d4d3d6; background-color: #282530; } -.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #625a71; } +.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #656466; } -.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #969399; background-color: #332e3e; } +.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #969696; background-color: #353338; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; } -textview border { background-color: #312c3c; } +textview border { background-color: #323136; } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #0f3b71; background-color: rgba(15, 59, 113, 0.2); } @@ -38,37 +38,37 @@ flowbox flowboxchild:selected { outline-offset: -2px; } .content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } -.content-view .tile:backdrop { background-color: #1b1725; } +.content-view .tile:backdrop { background-color: #1c1a22; } .content-view .tile:active, .content-view .tile:selected { background-color: #15539e; } -.content-view .tile:disabled { background-color: #332e3e; } +.content-view .tile:disabled { background-color: #353338; } label { caret-color: currentColor; } label.separator { color: #eeeeec; } -label.separator:backdrop { color: #969399; } +label.separator:backdrop { color: #969696; } label selection { background-color: #15539e; color: #ffffff; } -label:disabled { color: #969399; } +label:disabled { color: #969696; } -label:disabled:backdrop { color: #625a71; } +label:disabled:backdrop { color: #656466; } -label:backdrop { color: #969399; } +label:backdrop { color: #969696; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; } -assistant .sidebar { background-color: #241f31; border-top: 1px solid #24212a; } +assistant .sidebar { background-color: #26232d; border-top: 1px solid #252526; } -assistant .sidebar:backdrop { background-color: #262134; border-color: #29262f; } +assistant .sidebar:backdrop { background-color: #282530; border-color: #2a2a2b; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } -assistant .sidebar label.highlight { background-color: #605c67; } +assistant .sidebar label.highlight { background-color: #626162; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, .app-notification.frame, .osd .scale-popup, .osd { color: #eeeeec; border: none; background-color: rgba(36, 33, 42, 0.7); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } @@ -84,7 +84,7 @@ spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /**************** Text Entries * */ -spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #24212a; background-color: #241f31; box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); } +spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #252526; background-color: #26232d; box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); } spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; } @@ -98,11 +98,11 @@ spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical), s spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #15539e; border-color: #092444; } -spinbutton:disabled:not(.vertical), entry:disabled { color: #969399; border-color: #24212a; background-color: #332e3e; box-shadow: none; } +spinbutton:disabled:not(.vertical), entry:disabled { color: #969696; border-color: #252526; background-color: #353338; box-shadow: none; } -spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d4d3d6; border-color: #29262f; background-color: #262134; box-shadow: none; transition: 200ms ease-out; } +spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d4d3d6; border-color: #2a2a2b; background-color: #282530; box-shadow: none; transition: 200ms ease-out; } -spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #625a71; border-color: #29262f; background-color: #332e3e; box-shadow: none; } +spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #656466; border-color: #2a2a2b; background-color: #353338; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { color: #cc0000; border-color: #1a0000; } @@ -116,13 +116,13 @@ spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #f57900; } -spinbutton:not(.vertical) image, entry image { color: #c6c5c7; } +spinbutton:not(.vertical) image, entry image { color: #c6c5c6; } spinbutton:not(.vertical) image:hover, entry image:hover { color: #eeeeec; } spinbutton:not(.vertical) image:active, entry image:active { color: #15539e; } -spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #807c85; } +spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #807f82; } spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } @@ -144,11 +144,11 @@ spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { backgroun .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) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #4e9a06; } -.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: #24202f; } +.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: #26242b; } -.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: #272233; } +.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: #29272e; } -.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: #24202f; } +.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: #26242b; } .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: #092444; } @@ -162,33 +162,33 @@ spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { backgroun .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, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #4e9a06; } -treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #241f31; transition-property: color, background; } +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #26232d; transition-property: color, background; } -treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #241f31; } +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #26232d; } treeview entry.flat:focus, treeview entry:focus { border-color: #15539e; } -.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #241f31; background-color: #89878f; } +.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #26232d; background-color: #8a898d; } :dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; } :dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; } -.entry-tag:hover { background-color: #a3a1a8; } +.entry-tag:hover { background-color: #a4a3a6; } -:backdrop .entry-tag { color: #262134; background-color: #5e5a67; } +:backdrop .entry-tag { color: #282530; background-color: #5f5e63; } -.entry-tag.button { background-color: transparent; color: rgba(36, 31, 49, 0.7); } +.entry-tag.button { background-color: transparent; color: rgba(38, 35, 45, 0.7); } -:not(:backdrop) .entry-tag.button:hover { border: 1px solid #89878f; color: #241f31; } +:not(:backdrop) .entry-tag.button:hover { border: 1px solid #8a898d; color: #26232d; } -:not(:backdrop) .entry-tag.button:active { background-color: #89878f; color: rgba(36, 31, 49, 0.7); } +:not(:backdrop) .entry-tag.button:active { background-color: #8a898d; color: rgba(38, 35, 45, 0.7); } /*********** Buttons * */ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#1f76e1), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#15539e), to(transparent)); } } -notebook > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px; padding: 4px 8px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #24212a; border-bottom-color: #131116; background-image: linear-gradient(to bottom, #383340, #332f3b 60%, #2e2a35); text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } +notebook > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px; padding: 4px 8px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; border-bottom-color: #141314; background-image: linear-gradient(to bottom, #3a393b, #353435 60%, #302f30); text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } @@ -196,35 +196,35 @@ notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titl notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton: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.titlebutton:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #24212a; border-bottom-color: #131116; text-shadow: 0 -1px rgba(0, 0, 0, 0.754353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.754353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #3f3a49, #383340 60%, #332f3b); -gtk-icon-effect: highlight; } +notebook > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; border-bottom-color: #141314; text-shadow: 0 -1px rgba(0, 0, 0, 0.754353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.754353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #414142, #3a393b 60%, #353435); -gtk-icon-effect: highlight; } -notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #24212a; background-image: image(#2e2a35); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } +notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; background-image: image(#302f30); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } -notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { border-color: #29262f; background-image: image(#3d3846); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } +notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { border-color: #2a2a2b; background-image: image(#3f3e40); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } -notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #969399; } +notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #969696; } -notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { border-color: #29262f; background-image: image(#2f2b38); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { border-color: #2a2a2b; background-image: image(#313033); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label, button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { color: #969399; } +notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label, button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { color: #969696; } -notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color: #29262f; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color: #2a2a2b; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #625a71; } +notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #656466; } -notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { border-color: #29262f; background-image: image(#2f2b38); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { border-color: #2a2a2b; background-image: image(#313033); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label { color: #625a71; } +notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label { color: #656466; } notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color: #24212a; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color: #252526; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { color: #969399; } +notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { color: #969696; } -notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { border-color: #24212a; background-image: image(#2a2732); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { border-color: #252526; background-image: image(#2c2b2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #969399; } +notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #969696; } notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; } @@ -238,7 +238,7 @@ combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #969399; } +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #969696; } button.osd { min-width: 24px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(36, 33, 42, 0.7)); 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(238, 238, 236, 0.3); border: none; box-shadow: none; } @@ -284,27 +284,27 @@ button.suggested-action:active, button.suggested-action:checked { color: white; .selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop { color: #d0ddec; } -.selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { border-color: #092444; background-image: image(#14427c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { border-color: #092444; background-image: image(#15437c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked { color: #d0d9e5; } -.selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { border-color: #29262f; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { border-color: #2a2a2b; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -.selection-mode button.titlebutton:backdrop:disabled label, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled { color: #625a71; } +.selection-mode button.titlebutton:backdrop:disabled label, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled { color: #656466; } -.selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton: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 { border-color: #092444; background-image: image(#14427c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton: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 { border-color: #092444; background-image: image(#15437c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -.selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:checked label { color: #6684aa; } +.selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:checked label { color: #6785aa; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(21, 83, 158, 0.8); } -button.suggested-action:disabled { border-color: #24212a; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +button.suggested-action:disabled { border-color: #252526; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -button.suggested-action:disabled label, button.suggested-action:disabled { color: #969399; } +button.suggested-action:disabled label, button.suggested-action:disabled { color: #969696; } -button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-color: #092444; background-image: image(#133d74); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-color: #092444; background-image: image(#143e73); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -button.suggested-action:disabled:active label, button.suggested-action:disabled:active, button.suggested-action:disabled:checked label, button.suggested-action:disabled:checked { color: #a0b1c7; } +button.suggested-action:disabled:active label, button.suggested-action:disabled:active, button.suggested-action:disabled:checked label, button.suggested-action:disabled:checked { color: #a1b2c7; } .osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(21, 83, 158, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } @@ -328,27 +328,27 @@ button.destructive-action:backdrop, button.destructive-action.flat:backdrop { bo button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop { color: #f0d0d2; } -button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { border-color: #570b0e; background-image: image(#8b141c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { border-color: #570b0e; background-image: image(#8b151c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked { color: #e8d0d2; } -button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { border-color: #29262f; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { border-color: #2a2a2b; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled { color: #625a71; } +button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled { color: #656466; } -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 { border-color: #570b0e; background-image: image(#8b141c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +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 { border-color: #570b0e; background-image: image(#8b151c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label { color: #b4676c; } +button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label { color: #b4676b; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(178, 22, 29, 0.8); } -button.destructive-action:disabled { border-color: #24212a; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +button.destructive-action:disabled { border-color: #252526; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -button.destructive-action:disabled label, button.destructive-action:disabled { color: #969399; } +button.destructive-action:disabled label, button.destructive-action:disabled { color: #969696; } -button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-color: #570b0e; background-image: image(#82131b); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-color: #570b0e; background-image: image(#82141a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked { color: #cda1a4; } +button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked { color: #cda1a3; } .osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } @@ -384,9 +384,9 @@ button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; background button.circular label { padding: 0; } -button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #24212a; border-bottom-color: #131116; background-image: linear-gradient(to bottom, #383340, #332f3b 60%, #2e2a35); text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #383340, #332f3b 60%, #2e2a35), linear-gradient(to top, #131116 25%, #24212a 50%); border-color: transparent; } +button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; border-bottom-color: #141314; background-image: linear-gradient(to bottom, #3a393b, #353435 60%, #302f30); text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #3a393b, #353435 60%, #302f30), linear-gradient(to top, #141314 25%, #252526 50%); border-color: transparent; } -button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #24212a; border-bottom-color: #131116; text-shadow: 0 -1px rgba(0, 0, 0, 0.754353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.754353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #3f3a49, #383340 60%, #332f3b); background-image: linear-gradient(to bottom, #3f3a49, #383340 60%, #332f3b), linear-gradient(to top, #131116 25%, #24212a 50%); border-color: transparent; } +button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; border-bottom-color: #141314; text-shadow: 0 -1px rgba(0, 0, 0, 0.754353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.754353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #414142, #3a393b 60%, #353435); background-image: linear-gradient(to bottom, #414142, #3a393b 60%, #353435), linear-gradient(to top, #141314 25%, #252526 50%); border-color: transparent; } .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: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1f76e1), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.802353)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } @@ -394,35 +394,35 @@ button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px, left 2px; } -.inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #24212a; border-bottom-color: #131116; background-image: linear-gradient(to bottom, #383340, #332f3b 60%, #2e2a35); text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } +.inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; border-bottom-color: #141314; background-image: linear-gradient(to bottom, #3a393b, #353435 60%, #302f30); text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } -.inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #24212a; border-bottom-color: #131116; text-shadow: 0 -1px rgba(0, 0, 0, 0.754353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.754353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #3f3a49, #383340 60%, #332f3b); } +.inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; border-bottom-color: #141314; text-shadow: 0 -1px rgba(0, 0, 0, 0.754353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.754353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #414142, #3a393b 60%, #353435); } -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #24212a; background-image: image(#2e2a35); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; background-image: image(#302f30); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -.inline-toolbar toolbutton > button:disabled { border-color: #24212a; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.inline-toolbar toolbutton > button:disabled { border-color: #252526; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { color: #969399; } +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { color: #969696; } -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-color: #24212a; background-image: image(#2a2732); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-color: #252526; background-image: image(#2c2b2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { color: #969399; } +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { color: #969696; } -.inline-toolbar toolbutton > button:backdrop { border-color: #29262f; background-image: image(#3d3846); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.inline-toolbar toolbutton > button:backdrop { border-color: #2a2a2b; background-image: image(#3f3e40); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #969399; } +.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #969696; } -.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { border-color: #29262f; background-image: image(#2f2b38); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { border-color: #2a2a2b; background-image: image(#313033); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #969399; } +.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #969696; } -.inline-toolbar toolbutton > button:backdrop:disabled { border-color: #29262f; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.inline-toolbar toolbutton > button:backdrop:disabled { border-color: #2a2a2b; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #625a71; } +.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #656466; } -.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { border-color: #29262f; background-image: image(#2f2b38); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { border-color: #2a2a2b; background-image: image(#313033); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { color: #625a71; } +.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { color: #656466; } toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, filechooser .path-bar.linked > button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } @@ -447,7 +447,7 @@ modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton. /* menu buttons */ modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; } -modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #494354; } +modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #4c4b4d; } modelbutton.flat arrow { background: none; } @@ -493,19 +493,19 @@ spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } -spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dad9d9; background-image: none; border-style: none none none solid; border-color: rgba(36, 33, 42, 0.3); border-radius: 0; box-shadow: none; } +spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dadad9; background-image: none; border-style: none none none solid; border-color: rgba(37, 37, 38, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } -spinbutton:not(.vertical) button:disabled { color: rgba(150, 147, 153, 0.3); background-color: transparent; } +spinbutton:not(.vertical) button:disabled { color: rgba(150, 150, 150, 0.3); background-color: transparent; } 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: #8b888f; background-color: transparent; border-color: rgba(41, 38, 47, 0.3); transition: 200ms ease-out; } +spinbutton:not(.vertical) button:backdrop { color: #8b8b8c; background-color: transparent; border-color: rgba(42, 42, 43, 0.3); transition: 200ms ease-out; } -spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(98, 90, 113, 0.3); background-color: transparent; border-style: none none none solid; } +spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(101, 100, 102, 0.3); background-color: transparent; border-style: none none none solid; } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } @@ -527,9 +527,9 @@ spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3 .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } -spinbutton.vertical:disabled { color: #969399; } +spinbutton.vertical:disabled { color: #969696; } -spinbutton.vertical:backdrop:disabled { color: #625a71; } +spinbutton.vertical:backdrop:disabled { color: #656466; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } @@ -561,7 +561,7 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-heig combobox:drop(active) { box-shadow: none; } /************ Toolbars * */ -toolbar, .inline-toolbar, searchbar > revealer > box, .location-bar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #3d3846; } +toolbar, .inline-toolbar, searchbar > revealer > box, .location-bar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #3f3e40; } toolbar { padding: 4px 3px 3px 4px; } @@ -583,14 +583,14 @@ searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; searchbar > revealer > box { margin: -6px; padding: 6px; } -.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #24212a; background-color: #36313e; } +.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #252526; background-color: #373738; } -.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #29262f; background-color: #36323e; box-shadow: none; transition: 200ms ease-out; } +.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #2a2a2b; background-color: #383738; box-shadow: none; transition: 200ms ease-out; } /*************** Header bars * */ -.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #131116; border-radius: 0; background: #36313e linear-gradient(to top, #2e2a35, #332f3b 2px, #36313e 3px); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); } +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #141314; border-radius: 0; background: #373738 linear-gradient(to top, #302f30, #353435 2px, #373738 3px); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); } -.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #29262f; background-color: #3d3846; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; } +.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #2a2a2b; background-color: #3f3e40; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; } .titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } @@ -612,45 +612,45 @@ searchbar > revealer > box { margin: -6px; padding: 6px; } .selection-mode .titlebar:not(headerbar) button:backdrop.flat label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: #d0ddec; } -.selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #092444; background-image: image(#14427c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; } +.selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #092444; background-image: image(#15437c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; } .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: #d0d9e5; } -.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-color: #092444; background-image: image(#174b8e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; } +.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-color: #092444; background-image: image(#184c8d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; } -.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #688ab6; } +.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #698bb5; } -.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop.flat:disabled:active, .selection-mode headerbar button:backdrop.flat:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop.flat:disabled:active, headerbar.selection-mode button:backdrop.flat:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-color: #092444; background-image: image(#14427c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; } +.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop.flat:disabled:active, .selection-mode headerbar button:backdrop.flat:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop.flat:disabled:active, headerbar.selection-mode button:backdrop.flat:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-color: #092444; background-image: image(#15437c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; } -.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode headerbar button:backdrop.flat:disabled:active label, .selection-mode headerbar button:backdrop.flat:disabled:checked label, .selection-mode headerbar button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop.flat:disabled:active label, headerbar.selection-mode button:backdrop.flat:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:checked label { color: #6684aa; } +.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode headerbar button:backdrop.flat:disabled:active label, .selection-mode headerbar button:backdrop.flat:disabled:checked label, .selection-mode headerbar button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop.flat:disabled:active label, headerbar.selection-mode button:backdrop.flat:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:checked label { color: #6785aa; } .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { border-color: #092444; background-image: image(#174b8e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { border-color: #092444; background-image: image(#184c8d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -.selection-mode .titlebar:not(headerbar) button:disabled label, .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled label, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled label, headerbar.selection-mode button:disabled { color: #8ba5c7; } +.selection-mode .titlebar:not(headerbar) button:disabled label, .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled label, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled label, headerbar.selection-mode button:disabled { color: #8ca6c6; } -.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { border-color: #092444; background-image: image(#133d74); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { border-color: #092444; background-image: image(#143e73); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -.selection-mode .titlebar:not(headerbar) button:disabled:active label, .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active label, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked label, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active label, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked label, headerbar.selection-mode button:disabled:checked { color: #a0b1c7; } +.selection-mode .titlebar:not(headerbar) button:disabled:active label, .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active label, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked label, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active label, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked label, headerbar.selection-mode button:disabled:checked { color: #a1b2c7; } -.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #24212a; border-bottom-color: #131116; background-image: linear-gradient(to bottom, #383340, #332f3b 60%, #2e2a35); text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); border-color: #092444; } +.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; border-bottom-color: #141314; background-image: linear-gradient(to bottom, #3a393b, #353435 60%, #302f30); text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); border-color: #092444; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #24212a; border-bottom-color: #131116; text-shadow: 0 -1px rgba(0, 0, 0, 0.754353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.754353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #3f3a49, #383340 60%, #332f3b); border-color: #092444; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; border-bottom-color: #141314; text-shadow: 0 -1px rgba(0, 0, 0, 0.754353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.754353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #414142, #3a393b 60%, #353435); border-color: #092444; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #24212a; background-image: image(#2e2a35); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #092444; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; background-image: image(#302f30); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #092444; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { border-color: #24212a; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { border-color: #252526; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled label, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled label, headerbar.selection-mode button.suggested-action:disabled { color: #969399; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled label, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled label, headerbar.selection-mode button.suggested-action:disabled { color: #969696; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { border-color: #29262f; background-image: image(#3d3846); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { border-color: #2a2a2b; background-image: image(#3f3e40); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #969399; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #969696; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { border-color: #29262f; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { border-color: #2a2a2b; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled label, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #625a71; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled label, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #656466; } .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(21, 83, 158, 0); background-color: rgba(21, 83, 158, 0); background-image: none; box-shadow: none; padding-left: 10px; padding-right: 10px; } @@ -686,9 +686,9 @@ window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerb window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } -.titlebar:not(headerbar) separator { background-color: #24212a; } +.titlebar:not(headerbar) separator { background-color: #252526; } -window.devel headerbar.titlebar:not(.selection-mode) { background: transparent -gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to left, #393b4f 8%, #3d3846 25%); color: rgba(238, 238, 236, 0.1); } +window.devel headerbar.titlebar:not(.selection-mode) { background: transparent -gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to left, #3b4049 8%, #3f3e40 25%); color: rgba(238, 238, 236, 0.1); } window.devel headerbar.titlebar:not(.selection-mode) label { color: #eeeeec; } @@ -706,7 +706,7 @@ window.devel headerbar.titlebar:not(.selection-mode) label { color: #eeeeec; } .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /************** Tree Views * */ -treeview.view { border-left-color: #89878f; border-top-color: #3d3846; } +treeview.view { border-left-color: #8a898d; border-top-color: #3f3e40; } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } @@ -714,19 +714,19 @@ treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #8aa9ce; border-top-color: rgba(238, 238, 236, 0.1); } -treeview.view:disabled { color: #969399; } +treeview.view:disabled { color: #969696; } treeview.view:disabled:selected { color: #7398c5; } treeview.view:disabled:selected:backdrop { color: #4e79af; } -treeview.view:disabled:backdrop { color: #625a71; } +treeview.view:disabled:backdrop { color: #656466; } -treeview.view.separator { min-height: 2px; color: #3d3846; } +treeview.view.separator { min-height: 2px; color: #3f3e40; } -treeview.view.separator:backdrop { color: rgba(61, 56, 70, 0.1); } +treeview.view.separator:backdrop { color: rgba(63, 62, 64, 0.1); } -treeview.view:backdrop { border-left-color: #6a6670; border-top: #3d3846; } +treeview.view:backdrop { border-left-color: #6a6a6b; border-top: #3f3e40; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #092444; } @@ -734,7 +734,7 @@ 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: #bdbcc1; } +treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #bebdc0; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } @@ -748,66 +748,66 @@ treeview.view.expander:selected:backdrop { color: #9badc5; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -treeview.view.expander:backdrop { color: #74717b; } +treeview.view.expander:backdrop { color: #757477; } treeview.view.progressbar { border: 1px solid #092444; border-radius: 4px; background-color: #15539e; background-image: linear-gradient(to bottom, #15539e, #0f3b71); 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, #241f31, #0d0b12); } +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, #26232d, #0e0d10); } -treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { border-color: #262134; background-color: #262134; } +treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { border-color: #282530; background-color: #282530; } -treeview.view.progressbar:backdrop { border-color: #262134; background-image: none; box-shadow: none; } +treeview.view.progressbar:backdrop { border-color: #282530; background-image: none; box-shadow: none; } treeview.view.trough { background-color: rgba(238, 238, 236, 0.1); border-radius: 4px; } treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #0f3b71; border-radius: 4px; } -treeview.view header button { color: #89878f; background-color: #241f31; font-weight: bold; text-shadow: none; box-shadow: none; } +treeview.view header button { color: #8a898d; background-color: #26232d; font-weight: bold; text-shadow: none; box-shadow: none; } -treeview.view header button:hover { color: #bcbbbe; box-shadow: none; transition: none; } +treeview.view header button:hover { color: #bcbcbd; box-shadow: none; transition: none; } treeview.view header button:active { color: #eeeeec; transition: none; } -treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #241f31; background-image: none; background-color: #15539e; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #241f31; text-shadow: none; transition: none; } +treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #26232d; background-image: none; background-color: #15539e; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #26232d; text-shadow: none; transition: none; } treeview.view acceleditor > label { background-color: #15539e; } -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #3d3846; border-radius: 0; text-shadow: none; } +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #3f3e40; border-radius: 0; text-shadow: none; } -treeview.view header button:disabled { border-color: #3d3846; background-image: none; } +treeview.view header button:disabled { border-color: #3f3e40; background-image: none; } -treeview.view header button:backdrop { color: #6a6670; border-color: #3d3846; border-style: none solid solid none; background-image: none; background-color: #262134; } +treeview.view header button:backdrop { color: #6a6a6b; border-color: #3f3e40; border-style: none solid solid none; background-image: none; background-color: #282530; } -treeview.view header button:backdrop:disabled { border-color: #3d3846; background-image: none; } +treeview.view header button:backdrop:disabled { border-color: #3f3e40; background-image: none; } treeview.view header button:last-child:backdrop, treeview.view header button:last-child { border-right-style: none; } /********* Menus * */ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } -menubar:backdrop, .menubar:backdrop { background-color: #3d3846; } +menubar:backdrop, .menubar:backdrop { background-color: #3f3e40; } menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; } menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #15539e; color: #3584e4; } -menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #969399; box-shadow: none; } +menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #969696; box-shadow: none; } -menu, .menu, .context-menu { margin: 4px; padding: 2px 0px; background-color: #292435; border: 1px solid #24212a; } +menu, .menu, .context-menu { margin: 4px; padding: 2px 0px; background-color: #2b2831; border: 1px solid #252526; } .csd menu, .csd .menu, .csd .context-menu { border: none; } -menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #2b2638; } +menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #2d2a33; } menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #15539e; } -menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #969399; } +menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #969696; } -menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #625a71; } +menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #656466; } -menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #969399; background-color: transparent; } +menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #969696; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } @@ -817,15 +817,15 @@ menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menui menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } -menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #292435; border-radius: 0; } +menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #2b2831; border-radius: 0; } -menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #383444; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } +menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #3a3740; -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 #383444; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } +menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; border-top: 1px solid #3a3740; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #383444; } +menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #3a3740; } -menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #2b2638; } +menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #2d2a33; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } @@ -838,11 +838,11 @@ menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } /*************** Popovers * */ -popover.background { padding: 2px; border-radius: 5px; background-color: #3d3846; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } +popover.background { padding: 2px; border-radius: 5px; background-color: #3f3e40; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } -.csd popover.background, popover.background { border: 1px solid #24212a; } +.csd popover.background, popover.background { border: 1px solid #252526; } -popover.background:backdrop { background-color: #3d3846; box-shadow: none; } +popover.background:backdrop { background-color: #3f3e40; box-shadow: none; } popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; } @@ -853,9 +853,9 @@ popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } /************* Notebooks * */ -notebook > header { padding: 1px; border-color: #24212a; border-width: 1px; background-color: #312d38; } +notebook > header { padding: 1px; border-color: #252526; border-width: 1px; background-color: #323233; } -notebook > header:backdrop { border-color: #29262f; background-color: #36323e; } +notebook > header:backdrop { border-color: #2a2a2b; background-color: #383738; } notebook > header tabs { margin: -1px; } @@ -863,7 +863,7 @@ notebook > header.top { border-bottom-style: solid; } notebook > header.top > tabs { margin-bottom: -2px; } -notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #24212a; } +notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #252526; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } @@ -873,7 +873,7 @@ notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { margin-top: -2px; } -notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #24212a; } +notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #252526; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } @@ -883,7 +883,7 @@ notebook > header.left { border-right-style: solid; } notebook > header.left > tabs { margin-right: -2px; } -notebook > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #24212a; } +notebook > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #252526; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } @@ -893,7 +893,7 @@ notebook > header.right { border-left-style: solid; } notebook > header.right > tabs { margin-left: -2px; } -notebook > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #24212a; } +notebook > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #252526; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } @@ -925,25 +925,25 @@ notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background- notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #969399; font-weight: bold; border-width: 1px; border-color: transparent; } +notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #969696; font-weight: bold; border-width: 1px; border-color: transparent; } -notebook > header tab:hover { color: #c2c1c3; } +notebook > header tab:hover { color: #c2c2c1; } -notebook > header tab:hover.reorderable-page { border-color: rgba(36, 33, 42, 0.3); background-color: rgba(61, 56, 70, 0.2); } +notebook > header tab:hover.reorderable-page { border-color: rgba(37, 37, 38, 0.3); background-color: rgba(63, 62, 64, 0.2); } -notebook > header tab:backdrop { color: #726f78; } +notebook > header tab:backdrop { color: #737373; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #eeeeec; } -notebook > header tab:checked.reorderable-page { border-color: rgba(36, 33, 42, 0.5); background-color: rgba(61, 56, 70, 0.5); } +notebook > header tab:checked.reorderable-page { border-color: rgba(37, 37, 38, 0.5); background-color: rgba(63, 62, 64, 0.5); } -notebook > header tab:checked.reorderable-page:hover { background-color: rgba(61, 56, 70, 0.7); } +notebook > header tab:checked.reorderable-page:hover { background-color: rgba(63, 62, 64, 0.7); } -notebook > header tab:backdrop:checked { color: #969399; } +notebook > header tab:backdrop:checked { color: #969696; } -notebook > header tab:backdrop:checked.reorderable-page { border-color: #29262f; background-color: #3d3846; } +notebook > header tab:backdrop:checked.reorderable-page { border-color: #2a2a2b; background-color: #3f3e40; } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } @@ -983,32 +983,32 @@ notebook > header.top tab { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } -notebook > stack:not(:only-child) { background-color: #241f31; } +notebook > stack:not(:only-child) { background-color: #26232d; } -notebook > stack:not(:only-child):backdrop { background-color: #262134; } +notebook > stack:not(:only-child):backdrop { background-color: #282530; } /************** Scrollbars * */ -scrollbar { background-color: #312c3c; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } +scrollbar { background-color: #323136; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } -scrollbar.top { border-bottom: 1px solid #24212a; } +scrollbar.top { border-bottom: 1px solid #252526; } -scrollbar.bottom { border-top: 1px solid #24212a; } +scrollbar.bottom { border-top: 1px solid #252526; } -scrollbar.left { border-right: 1px solid #24212a; } +scrollbar.left { border-right: 1px solid #252526; } -scrollbar.right { border-left: 1px solid #24212a; } +scrollbar.right { border-left: 1px solid #252526; } -scrollbar:backdrop { background-color: #36313e; border-color: #29262f; transition: 200ms ease-out; } +scrollbar:backdrop { background-color: #373738; border-color: #2a2a2b; transition: 200ms ease-out; } -scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #a7a5aa; } +scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #a8a8a7; } -scrollbar slider:hover { background-color: #cbcacb; } +scrollbar slider:hover { background-color: #cbcbca; } scrollbar slider:hover:active { background-color: #1b6acb; } -scrollbar slider:backdrop { background-color: #615c67; } +scrollbar slider:backdrop { background-color: #626162; } scrollbar slider:disabled { background-color: transparent; } @@ -1038,17 +1038,17 @@ scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } -scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #a7a5aa; } +scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #a8a8a7; } -scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #cbcacb; } +scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #cbcbca; } scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #1b6acb; } -scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(167, 165, 170, 0.2); } +scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(168, 168, 167, 0.2); } -scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #615c67; } +scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #626162; } -scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(97, 92, 103, 0.2); } +scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(98, 97, 98, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -1058,40 +1058,40 @@ scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-sym scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -treeview ~ scrollbar.vertical { border-top: 1px solid #24212a; margin-top: -1px; } +treeview ~ scrollbar.vertical { border-top: 1px solid #252526; margin-top: -1px; } /********** Switch * */ -switch { font-weight: bold; font-size: smaller; outline-offset: -4px; border: 1px solid #24212a; border-radius: 3px; color: #eeeeec; background-color: #312d38; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } +switch { font-weight: bold; font-size: smaller; outline-offset: -4px; border: 1px solid #252526; border-radius: 3px; color: #eeeeec; background-color: #323233; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } switch:checked { color: #ffffff; border-color: #092444; background-color: #15539e; text-shadow: 0 1px rgba(9, 36, 68, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } -switch:disabled { color: #969399; border-color: #24212a; background-color: #332e3e; text-shadow: none; } +switch:disabled { color: #969696; border-color: #252526; background-color: #353338; text-shadow: none; } -switch:backdrop { color: #969399; border-color: #29262f; background-color: #36323e; text-shadow: none; transition: 200ms ease-out; } +switch:backdrop { color: #969696; border-color: #2a2a2b; background-color: #383738; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { border-color: #092444; background-color: #15539e; } -switch:backdrop:disabled { color: #625a71; border-color: #29262f; background-color: #332e3e; } +switch:backdrop:disabled { color: #656466; border-color: #2a2a2b; background-color: #353338; } -switch slider { margin: -1px; min-width: 44px; min-height: 26px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #131116; text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); background-image: linear-gradient(to bottom, #36313e 20%, #2e2a35 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #332f3b, inset 0 -1px #27242d, 0 1px rgba(0, 0, 0, 0.1); } +switch slider { margin: -1px; min-width: 44px; min-height: 26px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #141314; text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); background-image: linear-gradient(to bottom, #373738 20%, #302f30 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #353435, inset 0 -1px #282828, 0 1px rgba(0, 0, 0, 0.1); } -switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #131116; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #36313e, inset 0 -1px #2e2a35, 0 1px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to bottom, #3d3846 20%, #332f3b 90%); } +switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #141314; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #373738, inset 0 -1px #302f30, 0 1px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to bottom, #3f3e40 20%, #353435 90%); } switch:checked slider { border: 1px solid #092444; } -switch:disabled slider { border-color: #24212a; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +switch:disabled slider { border-color: #252526; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -switch:disabled slider label, switch:disabled slider { color: #969399; } +switch:disabled slider label, switch:disabled slider { color: #969696; } -switch:backdrop slider { transition: 200ms ease-out; border-color: #29262f; background-image: image(#3d3846); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +switch:backdrop slider { transition: 200ms ease-out; border-color: #2a2a2b; background-image: image(#3f3e40); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -switch:backdrop slider label, switch:backdrop slider { color: #969399; } +switch:backdrop slider label, switch:backdrop slider { color: #969696; } switch:backdrop:checked slider { border-color: #092444; } -switch:backdrop:disabled slider { border-color: #29262f; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +switch:backdrop:disabled slider { border-color: #2a2a2b; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -switch:backdrop:disabled slider label, switch:backdrop:disabled slider { color: #625a71; } +switch:backdrop:disabled slider label, switch:backdrop:disabled slider { color: #656466; } /************************* Check and Radio items * */ .view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; } @@ -1116,7 +1116,7 @@ checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-but checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } -check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #131116; text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); background-image: linear-gradient(to bottom, #36313e 20%, #2e2a35 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #332f3b, inset 0 -1px #27242d, 0 1px rgba(0, 0, 0, 0.1); } +check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #141314; text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); background-image: linear-gradient(to bottom, #373738 20%, #302f30 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #353435, inset 0 -1px #282828, 0 1px rgba(0, 0, 0, 0.1); } check:only-child, radio:only-child { margin: 0; } @@ -1124,21 +1124,21 @@ popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margi popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } -check:hover, radio:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #131116; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #36313e, inset 0 -1px #2e2a35, 0 1px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to bottom, #3d3846 20%, #332f3b 90%); } +check:hover, radio:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #141314; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #373738, inset 0 -1px #302f30, 0 1px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to bottom, #3f3e40 20%, #353435 90%); } -check:active, radio:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #24212a; background-image: image(#2e2a35); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } +check:active, radio:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; background-image: image(#302f30); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -check:disabled, radio:disabled { border-color: #24212a; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +check:disabled, radio:disabled { border-color: #252526; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -check:disabled label, check:disabled, radio:disabled label, radio:disabled { color: #969399; } +check:disabled label, check:disabled, radio:disabled label, radio:disabled { color: #969696; } -check:backdrop, radio:backdrop { border-color: #29262f; background-image: image(#3d3846); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; } +check:backdrop, radio:backdrop { border-color: #2a2a2b; background-image: image(#3f3e40); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; } -check:backdrop label, check:backdrop, radio:backdrop label, radio:backdrop { color: #969399; } +check:backdrop label, check:backdrop, radio:backdrop label, radio:backdrop { color: #969696; } -check:backdrop:disabled, radio:backdrop:disabled { border-color: #29262f; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +check:backdrop:disabled, radio:backdrop:disabled { border-color: #2a2a2b; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -check:backdrop:disabled label, check:backdrop:disabled, radio:backdrop:disabled label, radio:backdrop:disabled { color: #625a71; } +check:backdrop:disabled label, check:backdrop:disabled, radio:backdrop:disabled label, radio:backdrop:disabled { color: #656466; } .osd check, .osd radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(36, 33, 42, 0.7)); 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(238, 238, 236, 0.3); } @@ -1178,20 +1178,20 @@ menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:no treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #eeeeec; } -treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: #969399; } +treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: #969696; } -treeview.view check:selected:disabled:backdrop, treeview.view radio:selected:disabled:backdrop { color: #625a71; } +treeview.view check:selected:disabled:backdrop, treeview.view radio:selected:disabled:backdrop { color: #656466; } -treeview.view check:backdrop:selected, treeview.view check:backdrop, treeview.view radio:backdrop:selected, treeview.view radio:backdrop { color: #969399; } +treeview.view check:backdrop:selected, treeview.view check:backdrop, treeview.view radio:backdrop:selected, treeview.view radio:backdrop { color: #969696; } /************ GtkScale * */ -scale trough, scale fill, progressbar trough { border: 1px solid #24212a; border-radius: 3px; background-color: #312d38; } +scale trough, scale fill, progressbar trough { border: 1px solid #252526; border-radius: 3px; background-color: #323233; } -scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #332e3e; } +scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #353338; } -scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #36323e; border-color: #29262f; transition: 200ms ease-out; } +scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #383738; border-color: #2a2a2b; transition: 200ms ease-out; } -scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { background-color: #332e3e; } +scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { background-color: #353338; } row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #092444; } @@ -1229,7 +1229,7 @@ scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; } -scale fill:backdrop, scale fill { background-color: #24212a; } +scale fill:backdrop, scale fill { background-color: #252526; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } @@ -1237,23 +1237,23 @@ scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; b .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } -scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #131116; text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); background-image: linear-gradient(to bottom, #36313e 20%, #2e2a35 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #332f3b, inset 0 -1px #27242d, 0 1px rgba(0, 0, 0, 0.1); border: 1px solid #0c0b0d; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } +scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #141314; text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); background-image: linear-gradient(to bottom, #373738 20%, #302f30 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #353435, inset 0 -1px #282828, 0 1px rgba(0, 0, 0, 0.1); border: 1px solid #0c0c0c; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } -scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #131116; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #36313e, inset 0 -1px #2e2a35, 0 1px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to bottom, #3d3846 20%, #332f3b 90%); } +scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #141314; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #373738, inset 0 -1px #302f30, 0 1px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to bottom, #3f3e40 20%, #353435 90%); } scale slider:active { border-color: #092444; } -scale slider:disabled { border-color: #24212a; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +scale slider:disabled { border-color: #252526; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -scale slider:disabled label, scale slider:disabled { color: #969399; } +scale slider:disabled label, scale slider:disabled { color: #969696; } -scale slider:backdrop { transition: 200ms ease-out; border-color: #29262f; background-image: image(#3d3846); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +scale slider:backdrop { transition: 200ms ease-out; border-color: #2a2a2b; background-image: image(#3f3e40); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -scale slider:backdrop label, scale slider:backdrop { color: #969399; } +scale slider:backdrop label, scale slider:backdrop { color: #969696; } -scale slider:backdrop:disabled { border-color: #29262f; background-image: image(#332e3e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +scale slider:backdrop:disabled { border-color: #2a2a2b; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -scale slider:backdrop:disabled label, scale slider:backdrop:disabled { color: #625a71; } +scale slider:backdrop:disabled label, scale slider:backdrop:disabled { color: #656466; } row:selected scale slider:disabled, row:selected scale slider { border-color: #092444; } @@ -1395,7 +1395,7 @@ scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; m scale.color { min-height: 0; min-width: 0; } -scale.color trough { background-image: image(#24212a); background-repeat: no-repeat; } +scale.color trough { background-image: image(#252526); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } @@ -1475,9 +1475,9 @@ levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } levelbar:backdrop { transition: 200ms ease-out; } -levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: white; border-color: #24212a; background-color: #241f31; box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); } +levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: white; border-color: #252526; background-color: #26232d; box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); } -levelbar trough:backdrop { color: #d4d3d6; border-color: #29262f; background-color: #262134; box-shadow: none; } +levelbar trough:backdrop { color: #d4d3d6; border-color: #2a2a2b; background-color: #282530; box-shadow: none; } levelbar block { border: 1px solid; border-radius: 1px; } @@ -1495,43 +1495,43 @@ levelbar block.full:backdrop { border-color: #26ab62; } levelbar block.empty { background-color: transparent; border-color: rgba(238, 238, 236, 0.1); } -levelbar block.empty:backdrop { border-color: rgba(150, 147, 153, 0.15); } +levelbar block.empty:backdrop { border-color: rgba(150, 150, 150, 0.15); } /**************** Print dialog * */ -printdialog paper { color: #eeeeec; border: 1px solid #24212a; background: white; padding: 0; } +printdialog paper { color: #eeeeec; border: 1px solid #252526; background: white; padding: 0; } -printdialog paper:backdrop { color: #969399; border-color: #29262f; } +printdialog paper:backdrop { color: #969696; border-color: #2a2a2b; } printdialog .dialog-action-box { margin: 12px; } /********** Frames * */ -frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #24212a; } +frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #252526; } frame > border.flat, .frame.flat { border-style: none; } -frame > border:backdrop, .frame:backdrop { border-color: #29262f; } +frame > border:backdrop, .frame:backdrop { border-color: #2a2a2b; } -actionbar > revealer > box { padding: 6px; border-top: 1px solid #24212a; } +actionbar > revealer > box { padding: 6px; border-top: 1px solid #252526; } -actionbar > revealer > box:backdrop { border-color: #29262f; } +actionbar > revealer > box:backdrop { border-color: #2a2a2b; } scrolledwindow viewport.frame { border-style: none; } -scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#0c0b0d), to(rgba(12, 11, 13, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#0c0c0c), to(rgba(12, 12, 12, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } -scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#29262f), to(rgba(41, 38, 47, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#2a2a2b), to(rgba(42, 42, 43, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } -scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#0c0b0d), to(rgba(12, 11, 13, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#0c0c0c), to(rgba(12, 12, 12, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } -scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#29262f), to(rgba(41, 38, 47, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#2a2a2b), to(rgba(42, 42, 43, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } -scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#0c0b0d), to(rgba(12, 11, 13, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#0c0c0c), to(rgba(12, 12, 12, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } -scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#29262f), to(rgba(41, 38, 47, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#2a2a2b), to(rgba(42, 42, 43, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } -scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#0c0b0d), to(rgba(12, 11, 13, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#0c0c0c), to(rgba(12, 12, 12, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } -scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#29262f), to(rgba(41, 38, 47, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } +scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#2a2a2b), to(rgba(42, 42, 43, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; border: none; box-shadow: none; } @@ -1541,18 +1541,18 @@ scrolledwindow undershoot.left { background-color: transparent; background-image scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; border: none; box-shadow: none; } -scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #24212a 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #312c3c; } +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #252526 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #323136; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } -scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #29262f 1px, transparent 1px); background-color: #36313e; transition: 200ms ease-out; } +scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #2a2a2b 1px, transparent 1px); background-color: #373738; transition: 200ms ease-out; } separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } /********* Lists * */ -list { color: white; background-color: #241f31; border-color: #24212a; } +list { color: white; background-color: #26232d; border-color: #252526; } -list:backdrop { background-color: #262134; border-color: #29262f; } +list:backdrop { background-color: #282530; border-color: #2a2a2b; } list row { padding: 2px; } @@ -1588,14 +1588,14 @@ expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symb expander title > arrow:hover { color: white; } -expander title > arrow:disabled { color: #969399; } +expander title > arrow:disabled { color: #969696; } -expander title > arrow:disabled:backdrop { color: #625a71; } +expander title > arrow:disabled:backdrop { color: #656466; } expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /************ Calendar * */ -calendar { color: white; border: 1px solid #24212a; } +calendar { color: white; border: 1px solid #252526; } calendar:selected { border-radius: 3px; } @@ -1607,20 +1607,20 @@ calendar.button { color: rgba(238, 238, 236, 0.45); } calendar.button:hover { color: #eeeeec; } -calendar.button:backdrop { color: rgba(150, 147, 153, 0.45); } +calendar.button:backdrop { color: rgba(150, 150, 150, 0.45); } -calendar.button:disabled { color: rgba(150, 147, 153, 0.45); } +calendar.button:disabled { color: rgba(150, 150, 150, 0.45); } -calendar.highlight { color: #969399; } +calendar.highlight { color: #969696; } -calendar.highlight:backdrop { color: #625a71; } +calendar.highlight:backdrop { color: #656466; } -calendar:backdrop { color: #d4d3d6; border-color: #29262f; } +calendar:backdrop { color: #d4d3d6; border-color: #2a2a2b; } calendar:indeterminate { color: alpha(currentColor,0.1); } /*********** Dialogs * */ -messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #3d3846; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } +messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #3f3e40; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } @@ -1630,22 +1630,22 @@ messagedialog.csd .dialog-action-area button:first-child { border-left-style: no messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; -gtk-outline-bottom-right-radius: 5px; } -filechooser .dialog-action-box { border-top: 1px solid #24212a; } +filechooser .dialog-action-box { border-top: 1px solid #252526; } -filechooser .dialog-action-box:backdrop { border-top-color: #29262f; } +filechooser .dialog-action-box:backdrop { border-top-color: #2a2a2b; } -filechooser #pathbarbox { border-bottom: 1px solid #3d3846; } +filechooser #pathbarbox { border-bottom: 1px solid #3f3e40; } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } /*********** Sidebar * */ -.sidebar { border-style: none; background-color: #312c3c; } +.sidebar { border-style: none; background-color: #323136; } -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #24212a; border-left-style: none; } +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #252526; border-left-style: none; } -stacksidebar.sidebar:dir(rtl) list .sidebar:not(separator):dir(rtl), stacksidebar.sidebar.right list .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #24212a; border-right-style: none; } +stacksidebar.sidebar:dir(rtl) list .sidebar:not(separator):dir(rtl), stacksidebar.sidebar.right list .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #252526; border-right-style: none; } -.sidebar:backdrop { background-color: #322c3d; border-color: #29262f; transition: 200ms ease-out; } +.sidebar:backdrop { background-color: #333238; border-color: #2a2a2b; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } @@ -1657,9 +1657,9 @@ stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } -separator.sidebar { background-color: #24212a; } +separator.sidebar { background-color: #252526; } -separator.sidebar:backdrop { background-color: #29262f; } +separator.sidebar:backdrop { background-color: #2a2a2b; } separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #092444; } @@ -1674,13 +1674,13 @@ placessidebar row > revealer { padding: 0 14px; } placessidebar row:selected { color: #ffffff; } -placessidebar row:disabled { color: #969399; } +placessidebar row:disabled { color: #969696; } -placessidebar row:backdrop { color: #969399; } +placessidebar row:backdrop { color: #969696; } placessidebar row:backdrop:selected { color: #d4d3d6; } -placessidebar row:backdrop:disabled { color: #625a71; } +placessidebar row:backdrop:disabled { color: #656466; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } @@ -1713,15 +1713,15 @@ placesview row.activatable:hover { background-color: transparent; } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } /********* Paned * */ -paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#24212a); background-size: 1px 1px; } +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#252526); background-size: 1px 1px; } paned > separator:selected { background-image: image(#15539e); } -paned > separator:backdrop { background-image: image(#29262f); } +paned > separator:backdrop { background-image: image(#2a2a2b); } -paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #3d3846; background-image: image(#24212a), image(#24212a); background-size: 1px 1px, 1px 1px; } +paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #3f3e40; background-image: image(#252526), image(#252526); background-size: 1px 1px, 1px 1px; } -paned > separator.wide:backdrop { background-color: #3d3846; background-image: image(#29262f), image(#29262f); } +paned > separator.wide:backdrop { background-color: #3f3e40; background-image: image(#2a2a2b), image(#2a2a2b); } paned.horizontal > separator { background-repeat: repeat-y; } @@ -1752,17 +1752,17 @@ infobar.info button:hover, infobar.question button:hover, infobar.warning button infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #092444; background-image: image(#114583); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { border-color: #092444; background-image: image(#174b8e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { border-color: #092444; background-image: image(#184c8d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -infobar.info button:disabled label, infobar.info button:disabled, infobar.question button:disabled label, infobar.question button:disabled, infobar.warning button:disabled label, infobar.warning button:disabled, infobar.error button:disabled label, infobar.error button:disabled { color: #8ba5c7; } +infobar.info button:disabled label, infobar.info button:disabled, infobar.question button:disabled label, infobar.question button:disabled, infobar.warning button:disabled label, infobar.warning button:disabled, infobar.error button:disabled label, infobar.error button:disabled { color: #8ca6c6; } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { border-color: #092444; background-image: image(#15539e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #d0ddec; } -infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { border-color: #092444; background-image: image(#174b8e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; } +infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { border-color: #092444; background-image: image(#184c8d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; } -infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #688ab6; } +infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #698bb5; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #0f3b71; } @@ -1798,7 +1798,7 @@ colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } colorswatch.dark overlay { color: white; } -colorswatch.dark overlay:hover { border-color: #24212a; } +colorswatch.dark overlay:hover { border-color: #252526; } colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } @@ -1806,33 +1806,33 @@ colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } colorswatch.light overlay { color: black; } -colorswatch.light overlay:hover { border-color: #24212a; } +colorswatch.light overlay:hover { border-color: #252526; } colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } colorswatch:drop(active) { box-shadow: none; } -colorswatch:drop(active).light overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #24212a, inset 0 0 0 1px #4e9a06; } +colorswatch:drop(active).light overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #252526, inset 0 0 0 1px #4e9a06; } -colorswatch:drop(active).dark overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #24212a, inset 0 0 0 1px #4e9a06; } +colorswatch:drop(active).dark overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #252526, inset 0 0 0 1px #4e9a06; } -colorswatch overlay { border: 1px solid #24212a; } +colorswatch overlay { border: 1px solid #252526; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } -colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: #24212a; box-shadow: none; } +colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: #252526; box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { border-radius: 5px; } -colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #24212a; border-bottom-color: #131116; background-image: linear-gradient(to bottom, #383340, #332f3b 60%, #2e2a35); text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } +colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; border-bottom-color: #141314; background-image: linear-gradient(to bottom, #3a393b, #353435 60%, #302f30); text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } -colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #24212a; border-bottom-color: #131116; text-shadow: 0 -1px rgba(0, 0, 0, 0.754353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.754353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #3f3a49, #383340 60%, #332f3b); } +colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; border-bottom-color: #141314; text-shadow: 0 -1px rgba(0, 0, 0, 0.754353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.754353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #414142, #3a393b 60%, #353435); } -colorswatch#add-color-button overlay:backdrop { border-color: #29262f; background-image: image(#3d3846); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } +colorswatch#add-color-button overlay:backdrop { border-color: #2a2a2b; background-image: image(#3f3e40); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #969399; } +colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #969696; } colorswatch:disabled { opacity: 0.5; } @@ -1847,36 +1847,36 @@ colorswatch#editor-color-sample overlay { border-radius: 4.5px; } colorchooser .popover.osd { border-radius: 5px; } /******** Misc * */ -.content-view { background-color: #2c2832; } +.content-view { background-color: #2d2d2e; } .content-view:hover { -gtk-icon-effect: highlight; } -.content-view:backdrop { background-color: #2c2832; } +.content-view:backdrop { background-color: #2d2d2e; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; } /********************** Window Decorations * */ -decoration { border-radius: 7px 7px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(36, 33, 42, 0.9); margin: 10px; } +decoration { border-radius: 7px 7px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(37, 37, 38, 0.9); margin: 10px; } -decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(36, 33, 42, 0.9); transition: 200ms ease-out; } +decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(37, 37, 38, 0.9); transition: 200ms ease-out; } .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; } .popup decoration { box-shadow: none; } -.ssd decoration { box-shadow: 0 0 0 1px rgba(36, 33, 42, 0.9); } +.ssd decoration { box-shadow: 0 0 0 1px rgba(37, 37, 38, 0.9); } -.csd.popup decoration { border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(36, 33, 42, 0.8); } +.csd.popup decoration { border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(37, 37, 38, 0.8); } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } -messagedialog.csd decoration { border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(36, 33, 42, 0.8); } +messagedialog.csd decoration { border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(37, 37, 38, 0.8); } -.solid-csd decoration { margin: 0; padding: 4px; background-color: #24212a; border: solid 1px #24212a; border-radius: 0; box-shadow: inset 0 0 0 3px #36313e, inset 0 1px rgba(238, 238, 236, 0.07); } +.solid-csd decoration { margin: 0; padding: 4px; background-color: #252526; border: solid 1px #252526; border-radius: 0; box-shadow: inset 0 0 0 3px #373738, inset 0 1px rgba(238, 238, 236, 0.07); } -.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #3d3846, inset 0 1px rgba(238, 238, 236, 0.07); } +.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #3f3e40, inset 0 1px rgba(238, 238, 236, 0.07); } button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); } @@ -1921,9 +1921,9 @@ cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:a .context-menu { font: initial; } -.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #eeeeec; background-color: #241f31; border: 1px solid; border-color: #24212a; border-radius: 5px; box-shadow: inset 0 -3px #24202d; font-size: smaller; } +.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #eeeeec; background-color: #26232d; border: 1px solid; border-color: #252526; border-radius: 5px; box-shadow: inset 0 -3px #262429; font-size: smaller; } -.keycap:backdrop { background-color: #262134; color: #969399; transition: 200ms ease-out; } +.keycap:backdrop { background-color: #282530; color: #969696; transition: 200ms ease-out; } :not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; caret-color: #4e9a06; } @@ -1938,7 +1938,7 @@ button.emoji-section { border-color: transparent; border-width: 3px; border-styl button.emoji-section:backdrop:not(:checked) { border-color: transparent; } -button.emoji-section:hover { border-color: #24212a; } +button.emoji-section:hover { border-color: #252526; } button.emoji-section:checked { border-color: #15539e; } @@ -1956,7 +1956,7 @@ popover.emoji-completion arrow { border: none; background: none; } popover.emoji-completion contents row box { padding: 2px 10px; } -popover.emoji-completion .emoji:hover { background: #494354; } +popover.emoji-completion .emoji:hover { background: #4c4b4d; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* @@ -1967,10 +1967,10 @@ text color for entries, views and content in general */ @define-color theme_text_color white; /* widget base background color */ -@define-color theme_bg_color #3d3846; +@define-color theme_bg_color #3f3e40; /* text widgets and the like base background color */ -@define-color theme_base_color #241f31; +@define-color theme_base_color #26232d; /* base background color of selections */ @define-color theme_selected_bg_color #15539e; @@ -1979,25 +1979,25 @@ text/foreground color of selections */ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #332e3e; +@define-color insensitive_bg_color #353338; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #969399; +@define-color insensitive_fg_color #969696; /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #241f31; +@define-color insensitive_base_color #26232d; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #969399; +@define-color theme_unfocused_fg_color #969696; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #3d3846; +@define-color theme_unfocused_bg_color #3f3e40; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #262134; +@define-color theme_unfocused_base_color #282530; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #15539e; @@ -2006,13 +2006,13 @@ text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color #625a71; +@define-color unfocused_insensitive_color #656466; /* widgets main borders color */ -@define-color borders #24212a; +@define-color borders #252526; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #29262f; +@define-color unfocused_borders #2a2a2b; /* these are pretty self explicative */ @define-color warning_color #f57900; @@ -2022,16 +2022,16 @@ these are pretty self explicative */ 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(#eeeeec, 1.8); -@define-color wm_unfocused_title #969399; +@define-color wm_unfocused_title #969696; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(238, 238, 236, 0.07); -@define-color wm_bg_a shade(#3d3846, 1.2); -@define-color wm_bg_b #3d3846; +@define-color wm_bg_a shade(#3f3e40, 1.2); +@define-color wm_bg_b #3f3e40; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#3d3846, 1.3); -@define-color wm_button_hover_color_b #3d3846; -@define-color wm_button_active_color_a shade(#3d3846, 0.85); -@define-color wm_button_active_color_b shade(#3d3846, 0.89); -@define-color wm_button_active_color_c shade(#3d3846, 0.9); -@define-color content_view_bg #241f31; +@define-color wm_button_hover_color_a shade(#3f3e40, 1.3); +@define-color wm_button_hover_color_b #3f3e40; +@define-color wm_button_active_color_a shade(#3f3e40, 0.85); +@define-color wm_button_active_color_b shade(#3f3e40, 0.89); +@define-color wm_button_active_color_c shade(#3f3e40, 0.9); +@define-color content_view_bg #26232d;