diff --git a/cinnamon/cinnamon.css b/cinnamon/cinnamon.css index a0a1776..44150ec 100644 --- a/cinnamon/cinnamon.css +++ b/cinnamon/cinnamon.css @@ -180,7 +180,7 @@ StScrollBar StButton#hhandle:active { border:rgba(0,0,0,0.8); border-radius: 3px; box-shadow: 0px 5px 11px 7px rgba(0,0,0,0.25); - background-color: rgba(0,0,0,0.9); + background-color: rgba(0,0,0,0.25); border-top: 0px; border-left: 0px; border-right: 0px; @@ -347,7 +347,7 @@ StScrollBar StButton#hhandle:active { * ===================================================================*/ #panel { background-color: rgba(0,0,0,0.7); - box-shadow: 0 0 6px 6px rgba(20,20,20,0.5); + box-shadow: 0 0 6px 6px rgba(0,0,0,0.25); outline: 1px transparent; color: #ffffff; font-size: 9pt; diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css index 22227a9..09e5461 100644 --- a/gnome-shell/gnome-shell.css +++ b/gnome-shell/gnome-shell.css @@ -397,7 +397,7 @@ StScrollBar { .popup-menu .popup-menu-item:rtl { padding: .4em 0em .4em 1.75em; } .popup-menu .popup-menu-item:checked { - background-color: rgba(200,200,200,0.95); + background-color: rgba(200,200,200,0); box-shadow: none; font-weight: normal; } .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item:focus { @@ -424,7 +424,7 @@ StScrollBar { .popup-menu-boxpointer, .candidate-popup-boxpointer { - background-color: rgba(0,0,0,0.85); + background-color: rgba(0,0,0,0.25); -arrow-background-color: transparent; -arrow-border-width: 0px; -arrow-border-color: transparent; @@ -574,7 +574,7 @@ StScrollBar { font-weight: normal; color: white; height: 24px; - background-color: rgba(0,0,0,0.75); + background-color: rgba(0,0,0,0.25); box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3); text-shadow: none; } @@ -663,6 +663,8 @@ StScrollBar { } .calendar { + border: none; + background-color: rgba(0,0,0,0.25); margin-bottom: 1em; } .calendar, @@ -1126,7 +1128,7 @@ StScrollBar { #dash { font-size: 20pt; background-gradient-direction: none; - background-color: rgba(0,0,0,0.7); + background-color: rgba(0,0,0,0.25); border: none; box-shadow: 0; padding: 0 0; @@ -1195,11 +1197,10 @@ StScrollBar { icon-shadow: none; } .app-view-control:first-child { - border-radius: 4px 0 0 4px; + border-radius: 8px; } .app-view-control:last-child { - border-right-width: 0; - border-radius: 0 4px 4px 0; + border-radius: 8px; } .search-provider-icon:active, .search-provider-icon:checked, diff --git a/gtk-2.0/gtkrc b/gtk-2.0/gtkrc index ef77fde..3826ffa 100644 --- a/gtk-2.0/gtkrc +++ b/gtk-2.0/gtkrc @@ -3,18 +3,18 @@ # based on "Bluebird" by Simon Steinbeiß and Pasi Lallinaho # Description: As is the original theme, this theme is 100% free and open source. -gtk-color-scheme = "bg_color:#3b3b3b" -gtk-color-scheme = "fg_color:#ffffff" -gtk-color-scheme = "base_color:#1d1e22" # Background, base. -gtk-color-scheme = "text_color:#ffffff" # Foreground, text. -gtk-color-scheme = "selected_bg_color:#0375f8" -gtk-color-scheme = "selected_fg_color:#ffffff" +gtk-color-scheme = "bg_color:#343236" +gtk-color-scheme = "fg_color:#FFFFFF" +gtk-color-scheme = "base_color:#242226" # Background, base. +gtk-color-scheme = "text_color:#FFFFFF" # Foreground, text. +gtk-color-scheme = "selected_bg_color:#2E7CF7" +gtk-color-scheme = "selected_fg_color:#FFFFFF" gtk-color-scheme = "tooltip_bg_color:#000000" -gtk-color-scheme = "tooltip_fg_color:#ffffff" # Tooltips. +gtk-color-scheme = "tooltip_fg_color:#FFFFFF" # Tooltips. gtk-color-scheme = "link_color:#0057d8" # Hyperlinks gtk-color-scheme = "panel_bg:#000000" # Panel bg color -gtk-color-scheme = "fm_color:#ffffff" # Color used in Nautilus and Thunar. -gtk-color-scheme = "bg_color_dark:#353535" +gtk-color-scheme = "fm_color:#FFFFFF" # Color used in Nautilus and Thunar. +gtk-color-scheme = "bg_color_dark:#2F2934" gtk-color-scheme = "text_color_dark:#FFFFFF" gtk-color-scheme = "shadow_color:#000000" # Xfce desktp icons shadow color diff --git a/gtk-3.0/gtk-solid.css b/gtk-3.0/gtk-solid.css index 4fb7760..907dbbe 100644 --- a/gtk-3.0/gtk-solid.css +++ b/gtk-3.0/gtk-solid.css @@ -17,15 +17,15 @@ outline-width: 1px; outline-offset: -3px; outline-style: dashed; - outline-color: shade(#3B3B3B, 0.75); + outline-color: shade(#343236, 0.75); -gtk-outline-radius: 0; } .background { color: #FFFFFF; - background-color: alpha(#3B3B3B, 0.999); } + background-color: alpha(#343236, 0.999); } .background:backdrop { color: #8C8C8C; - background-color: #545454; } + background-color: #25262A; } *:disabled { -gtk-icon-effect: dim; } @@ -34,25 +34,25 @@ .gtkstyle-fallback { color: #FFFFFF; - background-color: #3B3B3B; } + background-color: #343236; } .gtkstyle-fallback:hover { color: #FFFFFF; - background-color: shade(#3B3B3B, 1.1); } + background-color: shade(#343236, 1.1); } .gtkstyle-fallback:active { color: #FFFFFF; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } .gtkstyle-fallback:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); - background-color: mix(#FFFFFF, #3B3B3B, 0.95); } + color: mix(#FFFFFF, #343236, 0.5); + background-color: mix(#FFFFFF, #343236, 0.95); } .gtkstyle-fallback:selected { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } image, image:disabled, label, label:disabled, box, box:disabled { background-color: transparent; } label selection { - background-color: #0375F8; + background-color: #2E7CF7; color: #FFFFFF; } label.dim-label, label.separator, popover label.separator, popover.background label.separator, label:disabled { opacity: 0.55; } @@ -95,15 +95,15 @@ decoration { assistant .sidebar label.highlight { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } assistant .sidebar { padding: 4px; border-width: 0 1px 0 0; border-style: solid; border-radius: 0; - border-right-color: shade(#3B3B3B, 0.9); + border-right-color: shade(#343236, 0.9); color: #FFFFFF; - background-color: #3B3B3B; } + background-color: #343236; } button:link > label, button:visited > label, *:link, button:link, button:visited { color: #0057D8; } @@ -113,21 +113,21 @@ button:link > label, button:visited > label, *:link, button:link, button:visited *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { - color: mix(#FFFFFF, #0375F8, 0.4); } + color: mix(#FFFFFF, #2E7CF7, 0.4); } button:link > label:hover, button:visited > label:hover, *:link:hover, button:hover:link, button:hover:visited { color: shade(#0057D8, 1.1); } *:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { - color: mix(#FFFFFF, #0375F8, 0.9); } + color: mix(#FFFFFF, #2E7CF7, 0.9); } button:link > label:active, button:visited > label:active, *:link:active, button:active:link, button:active:visited { color: #0057D8; } *:selected button:link > label:active, *:selected button:visited > label:active, *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { - color: mix(#FFFFFF, #0375F8, 0.8); } + color: mix(#FFFFFF, #2E7CF7, 0.8); } button:link > label:backdrop:backdrop:hover, button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected, button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop, button:visited > label:backdrop, *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, @@ -138,7 +138,7 @@ button:link > label, button:visited > label, *:link, button:link, button:visited *:link:backdrop, button:backdrop:link, button:backdrop:visited { - color: mix(#0057D8, shade(#545454, 1.3), 0.3); } + color: mix(#0057D8, shade(#25262A, 1.3), 0.3); } button:link > label:selected, button:visited > label:selected, *:selected button:link > label, *:selected button:visited > label, *:link:selected, button:selected:link, @@ -146,7 +146,7 @@ button:link > label, button:visited > label, *:link, button:link, button:visited *:selected *:link, *:selected button:link, *:selected button:visited { - color: mix(#FFFFFF, #0375F8, 0.8); } + color: mix(#FFFFFF, #2E7CF7, 0.8); } button:link, button:visited { border-color: transparent; @@ -160,71 +160,54 @@ button:link, button:visited { text-decoration-line: underline; } button { - padding: 4px 8px; + padding: 6px 8px; border-style: solid; border-width: 1px; - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); - -gtk-outline-radius: 4px; } - button:hover { - color: #FFFFFF; - background-color: shade(#1D1E22, 1.1); } + border-color: shade(#343236, 0.9); + background-color: #242226; + -gtk-outline-radius: 8px; } button:active, button:checked { color: #FFFFFF; - border-color: shade(shade(#3B3B3B, 0.9), 0.9); - background-image: none; - background-color: mix(#FFFFFF, #1D1E22, 0.5); } + border-color: alpha(#FFFFFF, 0.1); + background-color: alpha(#FFFFFF, 0.1); } button:active:backdrop, button:checked:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.85); - background-color: shade(#545454, 0.85); } + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } button:active:disabled, button:checked:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.1); - border-color: mix(shade(#3B3B3B, 0.9), mix(#FFFFFF, #3B3B3B, 0.95), 0.15); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 0.9); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.1); + border-color: mix(#FFFFFF, #343236, 0.95); + background-color: mix(#FFFFFF, #343236, 0.95); } button:active:disabled:backdrop, button:checked:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - border-color: shade(#545454, 0.9); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.98), 0.9); } + color: mix(#FFFFFF, #343236, 0.75); + border-color: mix(#FFFFFF, #343236, 0.98); + background-color: mix(#FFFFFF, #343236, 0.98); } button:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.5); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.5); } button:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - background-image: none; } + color: mix(#FFFFFF, #343236, 0.75); } button:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.9); - background-image: none; - background-color: #545454; } + border-color: shade(#25262A, 0.9); + background-color: #25262A; } button.flat { border-color: transparent; - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; - background-color: transparent; - background-image: none; } + background-color: transparent; } button.flat:hover { - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); color: #FFFFFF; - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); } + background-color: #242226; } button.flat:active, button.flat:checked { color: #FFFFFF; - border-color: shade(shade(#3B3B3B, 0.9), 0.9); - background-image: none; - background-color: shade(#1D1E22, 0.5); } + border-color: alpha(#FFFFFF, 0.1); + background-color: alpha(#FFFFFF, 0.1); } button.flat:active:backdrop, button.flat:checked:backdrop { - color: shade(#aeaeae, 0.8); - border-color: shade(#545454, 0.85); - background-color: shade(shade(#545454, 1.3), 0.6); } + color: shade(#AEAEAE, 0.8); + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } button.flat:disabled { border-color: transparent; color: alpha(#FFFFFF, 0.8); @@ -347,65 +330,59 @@ menuitem radio, .menuitem radio, menuitem.button.flat radio, .menuitem.button.fl -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-unfocused.png"), url("assets/radio-mixed-insensitive-unfocused-@2.png")); } .content-view.view { - background-color: #1D1E22; } + background-color: #242226; } .content-view.view:hover { - background-color: alpha(#0375F8, 0.6); } + background-color: alpha(#2E7CF7, 0.6); } .content-view.view:selected, .content-view.view:active { - background-color: #0375F8; } + background-color: #2E7CF7; } .content-view.view:disabled { - background-color: shade(#1D1E22, 0.9); } + background-color: shade(#242226, 0.9); } calendar { padding: 2px; border-width: 1px; - border-radius: 4px; + border-radius: 8px; border-style: solid; - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); color: #FFFFFF; } calendar.header { border: none; - color: #0375F8; } + color: #2E7CF7; } calendar.button { - color: #0375F8; } + color: #2E7CF7; } calendar:selected { border-radius: 0; color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } calendar:indeterminate { color: alpha(currentColor, 0.55); } calendar.highlight { - color: #0375F8; } + color: #2E7CF7; } entry { - padding: 5px; + padding: 6px; border-width: 1px; border-style: solid; - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-radius: 4px; + border-color: shade(#343236, 0.9); + border-radius: 8px; color: #FFFFFF; caret-color: currentColor; - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); } + background-color: #242226; } entry:active, entry:focus { - box-shadow: 0 0 0 4px #96C4F5; } + box-shadow: 0 0 0 4px #3D6896; } entry:selected, entry:selected:focus, entry selection, entry selection:focus { color: #FFFFFF; - background-color: #96C4F5; } + background-color: #3D6896; } entry:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); } + color: mix(#FFFFFF, #343236, 0.5); } entry:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - border-color: shade(#545454, 0.9); - background-image: none; - background-color: shade(#545454, 1.05); } + color: mix(#FFFFFF, #343236, 0.75); + border-color: shade(#25262A, 0.9); + background-color: shade(#25262A, 1.05); } entry:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.9); - background-color: shade(#545454, 0.9); - background-image: none; } + border-color: shade(#25262A, 0.9); + background-color: #1C1E1F; } entry > image.left { padding-right: 5px; } entry > image.right { @@ -415,7 +392,7 @@ entry { border-width: 0 0 2px; border-radius: 0; border-style: solid; - border-color: #0375F8; + border-color: #2E7CF7; background-color: transparent; } entry.flat, entry.flat:focus { min-height: 0; @@ -433,42 +410,42 @@ expander arrow { expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander arrow:hover { - color: #0375F8; } + color: #2E7CF7; } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } list { color: #FFFFFF; - background-color: #1D1E22; } + background-color: #242226; } list row { padding: 2px; } list row:hover { - background-color: mix(#3B3B3B, #FFFFFF, 0.1); } + background-color: mix(#343236, #FFFFFF, 0.1); } list row:active { - background-color: mix(#3B3B3B, #FFFFFF, 0.2); } + background-color: mix(#343236, #FFFFFF, 0.2); } list row:backdrop { color: #8C8C8C; } list row:selected, list row:selected:hover, list row:selected:focus { border: none; color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } list row:selected:hover, list row:selected:hover:hover, list row:selected:focus:hover { - background-color: shade(#0375F8, 1.05); } + background-color: shade(#2E7CF7, 1.05); } list row:selected:active, list row:selected:hover:active, list row:selected:focus:active { - background-color: shade(#0375F8, 0.95); } + background-color: shade(#2E7CF7, 0.95); } list row:selected:disabled, list row:selected:hover:disabled, list row:selected:focus:disabled { color: alpha(#FFFFFF, 0.7); - background-color: #0375F8; } + background-color: #2E7CF7; } list row:selected:backdrop, list row:selected:hover:backdrop, list row:selected:focus:backdrop { - color: shade(#aeaeae, 0.8); - background-color: shade(#545454, 1.3); } + color: shade(#AEAEAE, 0.8); + background-color: shade(#25262A, 1.3); } list separator, list separator:backdrop { background: none; } .frame, frame > border { border-width: 1px; border-style: solid; - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); border-radius: 0; box-shadow: none; background: none; } @@ -479,27 +456,27 @@ frame.flat > border, frame > border.flat, .frame.flat { iconview:selected, iconview:selected:focus, iconview text:selected, iconview text selection, iconview text:selected:focus, iconview text selection:focus { border-width: 1px; border-style: solid; - border-color: #0375F8; + border-color: #2E7CF7; color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } iconview:selected:backdrop, iconview selection:backdrop, iconview text:selected:backdrop, iconview text selection:backdrop { - color: shade(#aeaeae, 0.8); - background-color: shade(#545454, 1.3); } + color: shade(#AEAEAE, 0.8); + background-color: shade(#25262A, 1.3); } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband, view rubberband, .view.rubberband, .rubberband { border-width: 1px; border-style: solid; - border-color: #0375F8; + border-color: #2E7CF7; background: none; - background-color: alpha(#0375F8, 0.3); } + background-color: alpha(#2E7CF7, 0.3); } flowbox flowboxchild { padding: 3px; - border-radius: 4px; } + border-radius: 8px; } flowbox flowboxchild:selected { outline-offset: -2px; color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } infobar { border: none; } @@ -632,9 +609,9 @@ image { .floating-bar { border-width: 1px; border-style: solid; - border-color: shade(#1D1E22, 0.85); - border-radius: 4px; - background-color: #1D1E22; + border-color: shade(#242226, 0.85); + border-radius: 8px; + background-color: #242226; color: #FFFFFF; } .floating-bar.top { border-top-width: 0px; @@ -663,10 +640,10 @@ image { .dnd { border-width: 1px; border-style: solid; - border-color: shade(#3B3B3B, 0.9); } + border-color: shade(#343236, 0.9); } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: #1D1E22; } + background-color: #242226; } .caja-location-entry { padding: 3px 5px; } @@ -694,12 +671,12 @@ popover.background.touch-selection, .csd popover.background.touch-selection { padding: 2px; } .gedit-search-slider { - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); padding: 6px; - border-radius: 0 0 4px 4px; + border-radius: 0 0 8px 8px; border-width: 0 1px 1px 1px; border-style: solid; - background-color: #3B3B3B; } + background-color: #343236; } button.circular, button.circular-button { padding: 0; @@ -715,7 +692,7 @@ stackswitcher button.circular, stackswitcher button.text-button.circular { padding: 0; } printdialog paper { - border: 1px solid shade(#3B3B3B, 0.9); + border: 1px solid shade(#343236, 0.9); background: white; padding: 0; } @@ -724,9 +701,9 @@ filechooserbutton:drop(active) { border-color: transparent; } :not(decoration):not(window):drop(active), :not(decoration):not(window):drop(active):focus, combobox:drop(active) button.combo { - border-color: #0375F8; - box-shadow: inset 0 0 0 1px #0375F8; - caret-color: #0375F8; } + border-color: #2E7CF7; + box-shadow: inset 0 0 0 1px #2E7CF7; + caret-color: #2E7CF7; } .background.popup { background-color: transparent; } @@ -734,38 +711,38 @@ filechooserbutton:drop(active) { menu, .menu { margin: 4px; padding: 0; - border-radius: 4px; + border-radius: 8px; border-style: none; color: #FFFFFF; - background-color: mix(#1D1E22, #3B3B3B, 0.5); } + background-color: alpha(mix(#242226, #343236, 0.5), 0.9); } .csd menu, .csd .menu { padding: 4px 0px; - border-radius: 4px; + border-radius: 8px; border: none; } menu > arrow, .menu > arrow { padding: 4px; border-color: transparent; - background-color: mix(#1D1E22, #3B3B3B, 0.5); + background-color: alpha(mix(#242226, #343236, 0.5), 0.9); min-width: 16px; min-height: 16px; } menu > arrow.top, .menu > arrow.top { margin-top: -6px; - border-bottom: 1px solid shade(mix(#1D1E22, #3B3B3B, 0.5), 0.9); + border-bottom: 1px solid shade(alpha(mix(#242226, #343236, 0.5), 0.9), 0.9); -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom { margin-bottom: -6px; - border-top: 1px solid shade(mix(#1D1E22, #3B3B3B, 0.5), 0.9); + border-top: 1px solid shade(alpha(mix(#242226, #343236, 0.5), 0.9), 0.9); -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; border-style: none; - background-color: shade(#3B3B3B, 0.9); + background-color: shade(#343236, 0.9); color: #FFFFFF; } menubar:backdrop, .menubar:backdrop { color: #8C8C8C; - background-color: #545454; } + background-color: #25262A; } menubar > menuitem, .menubar > menuitem { padding: 3px 5px; @@ -774,9 +751,9 @@ menubar > menuitem, .menubar > menuitem { background-color: transparent; } menubar > menuitem:hover, .menubar > menuitem:hover { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); + color: mix(#FFFFFF, #343236, 0.5); background-color: transparent; } menubar > menuitem:backdrop, .menubar > menuitem:backdrop { color: #8C8C8C; @@ -792,9 +769,9 @@ menu menuitem, .menu menuitem { background-color: transparent; } menu menuitem:hover, .menu menuitem:hover { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } menu menuitem:disabled, .menu menuitem:disabled { - color: mix(#FFFFFF, mix(#1D1E22, #3B3B3B, 0.5), 0.5); } + color: mix(#FFFFFF, alpha(mix(#242226, #343236, 0.5), 0.9), 0.5); } menu menuitem arrow, .menu menuitem arrow { min-width: 16px; min-height: 16px; } @@ -810,26 +787,26 @@ menuitem accelerator { menuitem accelerator:hover { color: alpha(#FFFFFF, 0.8); } menuitem accelerator:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); } + color: mix(#FFFFFF, #343236, 0.5); } popover, popover.background { padding: 2px; - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); border-width: 1px; border-style: solid; - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; background-clip: border-box; - background-color: #3B3B3B; + background-color: alpha(mix(#242226, #343236, 0.5), 0.9); box-shadow: none; } .csd popover, popover, .csd popover.background, popover.background { - border: 1px solid shade(#3B3B3B, 0.9); } + border: 1px solid shade(#343236, 0.9); } popover > list, popover > .view, popover > iconview, popover > toolbar, popover > .inline-toolbar, popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar, popover.background > .inline-toolbar { border-style: none; background-color: transparent; } popover checkbutton:selected, popover radiobutton:selected, popover.background checkbutton:selected, popover.background radiobutton:selected { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } popover.osd { box-shadow: none; } popover.osd > toolbar button { @@ -837,10 +814,12 @@ popover.osd { border-radius: 0; background-color: transparent; } popover:backdrop { - border-color: shade(#545454, 0.9); + border-color: shade(#25262A, 0.9); color: #8C8C8C; - background-color: #545454; + background-color: #25262A; box-shadow: none; } +popover .view { + background-color: transparent; } modelbutton.flat, menuitem.button.flat, .menuitem.button.flat { padding: 2px 8px; @@ -849,7 +828,7 @@ modelbutton.flat, menuitem.button.flat, .menuitem.button.flat { background-color: transparent; } modelbutton.flat:hover, modelbutton.flat:selected, modelbutton.flat:active:hover, menuitem.button.flat:hover, menuitem.button.flat:selected, menuitem.button.flat:active:hover, .menuitem.button.flat:hover, .menuitem.button.flat:selected, .menuitem.button.flat:active:hover { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } modelbutton.flat > image, menuitem.button.flat > image, .menuitem.button.flat > image { padding-right: 4px; } modelbutton.flat arrow.left, menuitem.button.flat arrow.left, .menuitem.button.flat arrow.left { @@ -861,9 +840,9 @@ notebook { padding: 0; } notebook.frame { margin: -1px; - border-width: 0; + border-width: 1px; border-style: solid; - border-color: shade(#3B3B3B, 0.9); } + border-color: shade(#343236, 0.9); } notebook.frame > header { margin: -1px; } notebook.frame > header.top { @@ -881,54 +860,53 @@ notebook { padding-top: 0; padding-bottom: 0; } notebook > stack:not(:only-child) { - background-color: #1D1E22; } + background-color: #242226; } notebook tab { padding: 6px 20px; border-width: 1px; border-style: solid; border-radius: 0; - border-color: transparent; + border-color: shade(#343236, 0.95); color: alpha(#FFFFFF, 0.5); - background-color: transparent; } + background-color: shade(#343236, 0.95); } notebook tab:checked { color: #FFFFFF; - border-color: shade(#3B3B3B, 0.9); - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 0.9), shade(#3B3B3B, 0.85)); } + border-color: shade(#343236, 0.9); + background-color: #242226; } notebook tab:checked:backdrop { background-image: none; - border-color: shade(#545454, 0.9); - background-color: #545454; } + border-color: shade(#25262A, 0.9); + background-color: #25262A; } notebook tab:backdrop { - background-color: transparent; } + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } notebook > header { - background-color: #3B3B3B; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 0.8), shade(#3B3B3B, 0.75)); } + background-color: #343236; } notebook > header:backdrop { - background-color: #545454; } + background-color: #25262A; } notebook > header.top { - box-shadow: 0 1px shade(#3B3B3B, 0.9); } + box-shadow: 0 1px shade(#343236, 0.9); } notebook > header.top > tabs > tab { border-bottom: none; } notebook > header.top > tabs > tab:checked { border-top-left-radius: 0px; border-top-right-radius: 0px; } notebook > header.bottom { - box-shadow: 0 -1px shade(#3B3B3B, 0.9); } + box-shadow: 0 -1px shade(#343236, 0.9); } notebook > header.bottom > tabs > tab { border-top: none; } notebook > header.bottom > tabs > tab:checked { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } notebook > header.right { - box-shadow: -1px 0 shade(#3B3B3B, 0.9); } + box-shadow: -1px 0 shade(#343236, 0.9); } notebook > header.right > tabs > tab { border-left: none; } notebook > header.right > tabs > tab:checked { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } notebook > header.left { - box-shadow: 1px 0 shade(#3B3B3B, 0.9); } + box-shadow: 1px 0 shade(#343236, 0.9); } notebook > header.left > tabs > tab { border-right: none; } notebook > header.left > tabs > tab:checked { @@ -957,21 +935,21 @@ notebook { notebook > header > tabs > arrow:active { color: shade(#FFFFFF, 0.8); } notebook > header > tabs > arrow:disabled { - color: shade(#3B3B3B, 0.6); } + color: shade(#343236, 0.6); } paned > separator { border: none; color: transparent; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } paned > separator:backdrop { - background-color: shade(#545454, 0.9); } + background-color: shade(#25262A, 0.9); } paned > separator:selected { - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } overshoot.top { - background-image: -gtk-gradient(radial, center top, 0.55, center top, 0.6, from(alpha(#0375F8, 0.2)), to(transparent)); + background-image: -gtk-gradient(radial, center top, 0.55, center top, 0.6, from(alpha(#2E7CF7, 0.2)), to(transparent)); background-size: 100% 60%; background-repeat: no-repeat; background-position: center top; @@ -979,7 +957,7 @@ overshoot.top { border: none; box-shadow: none; } overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0.55, center bottom, 0.6, from(alpha(#0375F8, 0.2)), to(transparent)); + background-image: -gtk-gradient(radial, center bottom, 0.55, center bottom, 0.6, from(alpha(#2E7CF7, 0.2)), to(transparent)); background-size: 100% 60%; background-repeat: no-repeat; background-position: center bottom; @@ -987,7 +965,7 @@ overshoot.bottom { border: none; box-shadow: none; } overshoot.left { - background-image: -gtk-gradient(radial, left center, 0.55, left center, 0.6, from(alpha(#0375F8, 0.2)), to(transparent)); + background-image: -gtk-gradient(radial, left center, 0.55, left center, 0.6, from(alpha(#2E7CF7, 0.2)), to(transparent)); background-size: 60% 100%; background-repeat: no-repeat; background-position: left center; @@ -995,7 +973,7 @@ overshoot.left { border: none; box-shadow: none; } overshoot.right { - background-image: -gtk-gradient(radial, right center, 0.55, right center, 0.6, from(alpha(#0375F8, 0.2)), to(transparent)); + background-image: -gtk-gradient(radial, right center, 0.55, right center, 0.6, from(alpha(#2E7CF7, 0.2)), to(transparent)); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; @@ -1052,9 +1030,9 @@ progressbar { progressbar progress { border: none; border-radius: 1px; - background-color: #0375F8; } + background-color: #2E7CF7; } progressbar progress:backdrop { - background-color: shade(#545454, 1.3); } + background-color: shade(#25262A, 1.3); } progressbar progress.left { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } @@ -1071,7 +1049,7 @@ progressbar { border-radius: 10px; background-color: alpha(black, 0.1); } progressbar trough:backdrop { - background-color: shade(#545454, 0.95); } + background-color: shade(#25262A, 0.95); } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 7px; } progressbar.vertical trough, progressbar.vertical progress { @@ -1080,10 +1058,10 @@ progressbar { treeview.view.progressbar, treeview.view.progressbar:disabled { color: #FFFFFF; border-radius: 0; - background-color: #0375F8; } + background-color: #2E7CF7; } treeview.view.progressbar:focus, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, treeview.view.progressbar:disabled:selected { border-radius: 0; - color: #0375F8; + color: #2E7CF7; background-color: #FFFFFF; } treeview.view.trough { color: #FFFFFF; @@ -1109,7 +1087,7 @@ levelbar block { border: none; padding: 2px; border-radius: 10px; - background-color: #0375F8; } + background-color: #2E7CF7; } levelbar block.high { background-color: shade(#4ED464, 0.9); } levelbar block.low { @@ -1136,13 +1114,13 @@ scale { scale highlight { border: none; border-radius: 4px; - background-color: #0375F8; } + background-color: #2E7CF7; } scale highlight:disabled { - background-color: mix(#FFFFFF, #3B3B3B, 0.95); } + background-color: mix(#FFFFFF, #343236, 0.95); } scale highlight:disabled:backdrop { - background-color: mix(#FFFFFF, #3B3B3B, 0.98); } + background-color: mix(#FFFFFF, #343236, 0.98); } scale highlight:backdrop { - background-color: shade(#545454, 1.3); } + background-color: shade(#25262A, 1.3); } scale.horizontal indicator { min-height: 6px; min-width: 1px; } @@ -1186,16 +1164,16 @@ scale { border-radius: 100%; box-shadow: 0 1px 2px 1px alpha(black, 0.09); color: #FFFFFF; - background-color: shade(#3B3B3B, 1.4); } + background-color: shade(#343236, 1.4); } scale slider:disabled { - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 1.1); + background-color: shade(mix(#FFFFFF, #343236, 0.95), 1.1); -gtk-icon-shadow: none; } scale slider:disabled:backdrop { - background-color: shade(#545454, 1.05); + background-color: shade(#25262A, 1.05); -gtk-icon-shadow: none; } scale slider:backdrop { color: #8C8C8C; - background-color: shade(#545454, 1.4); } + background-color: shade(#25262A, 1.4); } scale value { color: alpha(currentColor, 0.55); } scale marks { @@ -1215,12 +1193,12 @@ scale { scrollbar { border: none; - background-color: shade(#3B3B3B, 1.2); } + background-color: shade(#343236, 1.2); } scrollbar trough { border: none; border-radius: 0; } scrollbar:backdrop { - background-color: shade(#545454, 0.9); } + background-color: #1C1E1F; } scrollbar slider { min-width: 8px; min-height: 8px; @@ -1228,13 +1206,13 @@ scrollbar { border: none; border-radius: 6px; background-clip: padding-box; - background-color: shade(#3B3B3B, 0.6); } + background-color: mix(#343236, #FFFFFF, 0.4); } scrollbar slider:hover { - background-color: shade(#3B3B3B, 0.6); } + background-color: mix(#343236, #FFFFFF, 0.4); } scrollbar slider:hover:active { - background-color: shade(#3B3B3B, 0.55); } + background-color: mix(#343236, #FFFFFF, 0.45); } scrollbar slider:backdrop { - background-color: shade(#3B3B3B, 0.55); } + background-color: mix(#343236, #FFFFFF, 0.45); } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { @@ -1256,7 +1234,7 @@ scrollbar { margin: 0; min-width: 1px; min-height: 1px; - background-color: shade(#3B3B3B, 0.6); + background-color: shade(#343236, 0.6); border: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0; @@ -1267,7 +1245,7 @@ scrollbar { scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 1; } scrollbar.horizontal { - border-top: 1px solid shade(#3B3B3B, 0.9); } + border-top: 1px solid shade(#343236, 0.9); } scrollbar.horizontal slider { min-width: 40px; } scrollbar.horizontal button.down { @@ -1275,7 +1253,7 @@ scrollbar { scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } scrollbar.vertical { - border-left: 1px solid shade(#3B3B3B, 0.9); } + border-left: 1px solid shade(#343236, 0.9); } scrollbar.vertical slider { min-height: 40px; } scrollbar.vertical button.down { @@ -1283,64 +1261,64 @@ scrollbar { scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } treeview ~ scrollbar.vertical { - border-top: 1px solid shade(#3B3B3B, 0.9); + border-top: 1px solid shade(#343236, 0.9); margin-top: -1px; } separator { -gtk-icon-source: none; min-width: 1px; min-height: 1px; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } separator:backdrop { - background-color: shade(#545454, 0.9); } + background-color: shade(#25262A, 0.9); } button separator { margin: 4px 1px; } .sidebar view separator, view separator, separator .separator, separator { border: none; - background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.1); } + background-color: mix(shade(#343236, 1.05), #FFFFFF, 0.1); } .sidebar view separator:backdrop, view separator:backdrop, separator .separator:backdrop, separator:backdrop { border: none; - background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.075); } + background-color: mix(shade(#343236, 1.05), #FFFFFF, 0.075); } .primary-toolbar separator, toolbar separator { - background-color: mix(shade(#3B3B3B, 0.9), #FFFFFF, 0.1); } + background-color: mix(shade(#343236, 0.9), #FFFFFF, 0.1); } .primary-toolbar separator:backdrop, toolbar separator:backdrop { - background-color: mix(shade(#3B3B3B, 0.9), #FFFFFF, 0.075); } + background-color: mix(shade(#343236, 0.9), #FFFFFF, 0.075); } .primary-toolbar button separator, toolbar button separator, .primary-toolbar:not(.libreoffice-toolbar) separator { - background-color: mix(shade(#3B3B3B, 0.9), #FFFFFF, 0.1); } + background-color: mix(shade(#343236, 0.9), #FFFFFF, 0.1); } .primary-toolbar button separator:backdrop, toolbar button separator:backdrop, .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop { - background-color: mix(shade(#3B3B3B, 0.9), #FFFFFF, 0.075); } + background-color: mix(shade(#343236, 0.9), #FFFFFF, 0.075); } headerbar separator { -GtkWidget-window-dragging: true; margin-top: 4px; margin-bottom: 4px; - background-color: mix(#3B3B3B, #FFFFFF, 0.1); } + background-color: mix(#343236, #FFFFFF, 0.1); } headerbar separator:backdrop { - background-color: mix(#3B3B3B, #FFFFFF, 0.075); } + background-color: mix(#343236, #FFFFFF, 0.075); } headerbar button separator { - border-color: mix(#3B3B3B, #FFFFFF, 0.1); } + border-color: mix(#343236, #FFFFFF, 0.1); } headerbar button separator:backdrop { - border-color: mix(#3B3B3B, #FFFFFF, 0.075); } + border-color: mix(#343236, #FFFFFF, 0.075); } .titlebar separator, .titlebar:not(headerbar) > separator, .titlebar separator.titlebutton, .titlebar:not(headerbar) > separator.titlebutton { -GtkWidget-window-dragging: true; - background-color: mix(#3B3B3B, #FFFFFF, 0.1); } + background-color: mix(#2F2934, #FFFFFF, 0.1); } .titlebar separator:backdrop, .titlebar:not(headerbar) > separator:backdrop, .titlebar separator.titlebutton:backdrop, .titlebar:not(headerbar) > separator.titlebutton:backdrop { - background-color: shade(#545454, 0.9); } + background-color: shade(#25262A, 0.9); } headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; - background-color: mix(#3B3B3B, #FFFFFF, 0.1); } + background-color: mix(#2F2934, #FFFFFF, 0.1); } headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { - background-color: shade(#545454, 0.9); } + background-color: shade(#25262A, 0.9); } .titlebutton button separator, .titlebutton separator.titlebutton { - border-color: mix(#3B3B3B, #FFFFFF, 0.1); } + border-color: mix(#2F2934, #FFFFFF, 0.1); } .titlebutton button separator:backdrop, .titlebutton separator.titlebutton:backdrop { - border-color: shade(#545454, 0.9); } + border-color: shade(#25262A, 0.9); } menu separator { - background-color: mix(mix(#1D1E22, #3B3B3B, 0.5), #FFFFFF, 0.1); } + background-color: mix(alpha(mix(#242226, #343236, 0.5), 0.9), #FFFFFF, 0.1); } menuitem separator { border-width: 1px; border-style: none; - color: mix(shade(#3B3B3B, 0.9), mix(#1D1E22, #3B3B3B, 0.5), 0.5); } + color: mix(shade(#343236, 0.9), alpha(mix(#242226, #343236, 0.5), 0.9), 0.5); } popover separator { border: 0; color: alpha(currentColor, 0.5); @@ -1349,30 +1327,26 @@ separator { border: none; } spinbutton.horizontal { - border-radius: 4px; - border: 1px solid shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); } + border-radius: 8px; + border: 1px solid shade(#343236, 0.9); + background-color: #242226; } spinbutton.horizontal:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 1.1); } + color: mix(#FFFFFF, #343236, 0.5); + background-color: shade(mix(#FFFFFF, #343236, 0.95), 1.1); } spinbutton.horizontal:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - background-color: shade(#545454, 1.05); } + color: mix(#FFFFFF, #343236, 0.75); + background-color: shade(#25262A, 1.05); } spinbutton.horizontal:backdrop { - border-color: shade(#545454, 0.9); - background-color: #545454; + border-color: shade(#25262A, 0.9); + background-color: #25262A; background-image: none; } spinbutton.horizontal:focus { - box-shadow: 0 0 0 4px #96C4F5; } + box-shadow: 0 0 0 4px #3D6896; } spinbutton.horizontal entry { padding: 7px 15px; border: none; background: none; - border-radius: 4px 0 0 4px; } + border-radius: 8px 0 0 8px; } spinbutton.horizontal entry:focus { box-shadow: none; } spinbutton.horizontal entry:disabled { @@ -1381,20 +1355,20 @@ spinbutton.horizontal { border: none; border-radius: 0; background: none; - box-shadow: -1px 0 shade(#3B3B3B, 0.9); } + box-shadow: -1px 0 shade(#343236, 0.9); } spinbutton.horizontal button:disabled, spinbutton.horizontal button:backdrop { - box-shadow: -1px 0 shade(#545454, 0.9); + box-shadow: -1px 0 shade(#25262A, 0.9); background: none; } spinbutton.horizontal button.up { - border-radius: 0 4px 4px 0; } + border-radius: 0 8px 8px 0; } spinbutton.vertical entry { padding: 8px 2px; border-radius: 0; - border-color: shade(#3B3B3B, 0.9); } + border-color: shade(#343236, 0.9); } spinbutton.vertical entry:focus { - box-shadow: inset 0 0 0 4px #96C4F5; } + box-shadow: inset 0 0 0 4px #3D6896; } spinbutton.vertical button { - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); padding: 8px 2px; } spinbutton.vertical button.up { border-bottom-left-radius: 0; @@ -1429,24 +1403,24 @@ switch { color: transparent; outline-offset: -4px; margin: 4px; - border: 1px solid shade(#3B3B3B, 0.9); + border: 1px solid shade(#343236, 0.9); border-radius: 16px; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } switch:checked { border-color: #4ED464; background-color: #4ED464; } switch:checked:backdrop { - border-color: mix(shade(#545454, 1.3), #4ED464, 0.8); - background-color: mix(shade(#545454, 1.3), #4ED464, 0.8); } + border-color: mix(shade(#25262A, 1.3), #4ED464, 0.8); + background-color: mix(shade(#25262A, 1.3), #4ED464, 0.8); } switch:disabled { - border-color: mix(#FFFFFF, #3B3B3B, 0.95); - background-color: mix(#FFFFFF, #3B3B3B, 0.95); } + border-color: mix(#FFFFFF, #343236, 0.95); + background-color: mix(#FFFFFF, #343236, 0.95); } switch:disabled:backdrop { - border-color: mix(#FFFFFF, #3B3B3B, 0.98); - background-color: mix(#FFFFFF, #3B3B3B, 0.98); } + border-color: mix(#FFFFFF, #343236, 0.98); + background-color: mix(#FFFFFF, #343236, 0.98); } switch:backdrop { - border-color: shade(#545454, 0.9); - background-color: shade(#545454, 0.9); } + border-color: shade(#25262A, 0.9); + background-color: shade(#25262A, 0.9); } switch slider { min-width: 20px; min-height: 20px; @@ -1455,13 +1429,13 @@ switch { border-radius: 100%; color: #FFFFFF; box-shadow: 0 2px 2px 1px alpha(black, 0.09); - background-color: shade(#3B3B3B, 1.4); } + background-color: shade(#343236, 1.4); } switch:disabled slider { - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 1.1); } + background-color: shade(mix(#FFFFFF, #343236, 0.95), 1.1); } switch:disabled:backdrop slider { - background-color: shade(#545454, 1.05); } + background-color: shade(#25262A, 1.05); } switch:backdrop slider { - background-color: mix(#545454, #1D1E22, 0.2); } + background-color: mix(#25262A, #242226, 0.2); } colorswatch.top { border-top-left-radius: 2.5px; @@ -1516,11 +1490,11 @@ colorchooser .popover.osd { colorchooser #add-color-button { background-clip: padding-box; border-color: alpha(black, 0.1); - background-color: shade(#3B3B3B, 0.95); + background-color: shade(#343236, 0.95); color: #FFFFFF; } colorchooser #add-color-button:hover { border-color: alpha(black, 0.3); - background-color: shade(#3B3B3B, 0.9); + background-color: shade(#343236, 0.9); color: #FFFFFF; } .path-bar button.text-button, .path-bar button.image-button, .path-bar button button { @@ -1542,26 +1516,25 @@ colorchooser #add-color-button { headerbar { min-height: 30px; - padding: 4px 8px; + padding: 12px 14px; border: none; border-radius: 0px; color: #FFFFFF; - background-color: #3B3B3B; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 0.965), shade(#3B3B3B, 0.9)); - border-bottom: 1px solid shade(shade(#3B3B3B, 0.9), 0.9); } + background-color: #2F2934; + border-bottom: 1px solid shade(shade(#343236, 0.9), 0.9); } headerbar:backdrop { color: #8C8C8C; background-image: none; - background-color: #545454; - border-color: shade(#545454, 0.9); } + background-color: #25262A; + border-color: shade(#25262A, 0.9); } .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { border-radius: 0; } separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 4px; } + border-top-left-radius: 8px; } .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { border-radius: 0; } headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 4px; } + border-top-right-radius: 8px; } .maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { border-radius: 0; } headerbar .title { @@ -1574,52 +1547,37 @@ headerbar { padding-right: 12px; color: alpha(currentColor, 0.7); } headerbar button { - padding: 4px 8px; - border-style: solid; - border-width: 1px; - border-radius: 4px; + border-color: transparent; + border-radius: 8px; color: #FFFFFF; - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); - -gtk-outline-radius: 4px; } + background-color: transparent; } headerbar button:hover { color: #FFFFFF; - background-color: shade(#1D1E22, 1.1); } + background-color: #242226; } headerbar button:active, headerbar button:checked { color: #FFFFFF; - border-color: shade(shade(#3B3B3B, 0.9), 0.9); - background-image: none; - background-color: mix(#FFFFFF, #1D1E22, 0.5); } + border-color: alpha(#FFFFFF, 0.1); + background-color: alpha(#FFFFFF, 0.1); } headerbar button:active:backdrop, headerbar button:checked:backdrop { - color: #8C8C8C; - border-color: shade(#545454, 0.85); - background-color: shade(#545454, 0.85); } - headerbar button:active:disabled, headerbar button:checked:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.1); - border-color: mix(shade(#3B3B3B, 0.9), mix(#FFFFFF, #3B3B3B, 0.95), 0.15); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 0.9); } - headerbar button:active:disabled:backdrop, headerbar button:checked:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - border-color: shade(#545454, 0.9); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.98), 0.9); } + color: shade(#AEAEAE, 0.8); + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } headerbar button:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.5); } + border-color: transparent; + color: alpha(#FFFFFF, 0.8); + background-color: transparent; } headerbar button:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - background-image: none; } + border-color: transparent; + color: alpha(#FFFFFF, 0.7); + background-color: transparent; } headerbar button:backdrop { - color: #8C8C8C; - border-color: shade(#545454, 0.9); - background-image: none; - background-color: #545454; } + border-color: transparent; + background-color: transparent; + color: #8C8C8C; } headerbar entry { padding: 4px 8px; } headerbar.titlebar, .titlebar headerbar { - border-radius: 4px 4px 0px 0px; } + border-radius: 8px 8px 0px 0px; } headerbar .titlebutton.close, headerbar .titlebutton.maximize, headerbar .titlebutton.minimize, headerbar .titlebutton:not(separator) { padding: 2px 2px; border: none; @@ -1659,6 +1617,16 @@ window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, w border: none; box-shadow: none; } +.nautilus-window headerbar { + background-color: transparent; + background-image: linear-gradient(to right, shade(#343236, 1.05) 188px, shade(#343236, 0.9), #2F2934 189px); + border-image: linear-gradient(to right, shade(#343236, 1.05) 188px, shade(#343236, 0.9) 189px) 1 stretch; } + .nautilus-window headerbar:backdrop { + background-image: linear-gradient(to right, #25262A 188px, shade(#25262A, 0.9), #25262A 189px); + border-image: linear-gradient(to right, #25262A 188px, shade(#25262A, 0.9) 189px) 1 stretch; } + .nautilus-window headerbar separator.titlebutton { + margin-right: 100px; } + window.ssd .titlebar { border-bottom: none; min-height: 20px; } @@ -1667,36 +1635,29 @@ toolbar { padding: 4px; border: none; color: #FFFFFF; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } toolbar:backdrop { color: #8C8C8C; - background-color: #545454; } + background-color: #25262A; } toolbar:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); - background-color: mix(#FFFFFF, #3B3B3B, 0.95); } + color: mix(#FFFFFF, #343236, 0.5); + background-color: mix(#FFFFFF, #343236, 0.95); } toolbar button.flat { border-color: transparent; - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; - background-color: transparent; - background-image: none; } + background-color: transparent; } toolbar button.flat:hover { - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); color: #FFFFFF; - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); } + background-color: #242226; } toolbar button.flat:active, toolbar button.flat:checked { color: #FFFFFF; - border-color: shade(shade(#3B3B3B, 0.9), 0.9); - background-image: none; - background-color: shade(#1D1E22, 0.5); } + border-color: alpha(#FFFFFF, 0.1); + background-color: alpha(#FFFFFF, 0.1); } toolbar button.flat:active:backdrop, toolbar button.flat:checked:backdrop { - color: shade(#aeaeae, 0.8); - border-color: shade(#545454, 0.85); - background-color: shade(shade(#545454, 1.3), 0.6); } + color: shade(#AEAEAE, 0.8); + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } toolbar button.flat:disabled { border-color: transparent; color: alpha(#FFFFFF, 0.8); @@ -1717,251 +1678,231 @@ toolbar { padding: 4px; border-width: 0 0 1px 0; border-style: solid; - border-color: mix(shade(#3B3B3B, 0.9), shade(#3B3B3B, 0.9), 0.5); + border-color: mix(shade(#343236, 0.9), shade(#343236, 0.9), 0.5); color: #FFFFFF; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } .primary-toolbar:backdrop { - border-color: #545454; + border-color: #25262A; color: #8C8C8C; - background-color: #545454; } + background-color: #25262A; } .primary-toolbar button, .primary-toolbar .raised button { - padding: 4px 8px; + padding: 6px 8px; border-style: solid; border-width: 1px; - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); - -gtk-outline-radius: 4px; } - .primary-toolbar button:hover, .primary-toolbar .raised button:hover { - color: #FFFFFF; - background-color: shade(#1D1E22, 1.1); } + border-color: shade(#343236, 0.9); + background-color: #242226; + -gtk-outline-radius: 8px; } .primary-toolbar button:active, .primary-toolbar button:checked, .primary-toolbar .raised button:active, .primary-toolbar .raised button:checked { color: #FFFFFF; - border-color: shade(shade(#3B3B3B, 0.9), 0.9); - background-image: none; - background-color: mix(#FFFFFF, #1D1E22, 0.5); } + border-color: alpha(#FFFFFF, 0.1); + background-color: alpha(#FFFFFF, 0.1); } .primary-toolbar button:active:backdrop, .primary-toolbar button:checked:backdrop, .primary-toolbar .raised button:active:backdrop, .primary-toolbar .raised button:checked:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.85); - background-color: shade(#545454, 0.85); } + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } .primary-toolbar button:active:disabled, .primary-toolbar button:checked:disabled, .primary-toolbar .raised button:active:disabled, .primary-toolbar .raised button:checked:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.1); - border-color: mix(shade(#3B3B3B, 0.9), mix(#FFFFFF, #3B3B3B, 0.95), 0.15); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 0.9); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.1); + border-color: mix(#FFFFFF, #343236, 0.95); + background-color: mix(#FFFFFF, #343236, 0.95); } .primary-toolbar button:active:disabled:backdrop, .primary-toolbar button:checked:disabled:backdrop, .primary-toolbar .raised button:active:disabled:backdrop, .primary-toolbar .raised button:checked:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - border-color: shade(#545454, 0.9); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.98), 0.9); } + color: mix(#FFFFFF, #343236, 0.75); + border-color: mix(#FFFFFF, #343236, 0.98); + background-color: mix(#FFFFFF, #343236, 0.98); } .primary-toolbar button:disabled, .primary-toolbar .raised button:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.5); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.5); } .primary-toolbar button:disabled:backdrop, .primary-toolbar .raised button:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - background-image: none; } + color: mix(#FFFFFF, #343236, 0.75); } .primary-toolbar button:backdrop, .primary-toolbar .raised button:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.9); - background-image: none; - background-color: #545454; } + border-color: shade(#25262A, 0.9); + background-color: #25262A; } .inline-toolbar { padding: 1px; border-width: 1px; border-style: solid; - border-color: mix(shade(#3B3B3B, 0.9), shade(#3B3B3B, 0.9), 0.5); + border-color: mix(shade(#343236, 0.9), shade(#343236, 0.9), 0.5); border-radius: 0; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } .inline-toolbar:backdrop { - border-color: shade(#545454, 0.9); - background-color: #545454; } + border-color: shade(#25262A, 0.9); + background-color: #25262A; } .inline-toolbar toolbutton > button { - padding: 4px 8px; + padding: 6px 8px; border-style: solid; border-width: 1px; - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); - background-color: shade(#3B3B3B, 0.9); - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); - -gtk-outline-radius: 4px; } - .inline-toolbar toolbutton > button:hover { - color: #FFFFFF; - background-color: shade(shade(#3B3B3B, 0.9), 1.1); } + border-color: shade(#343236, 0.9); + background-color: shade(#343236, 0.9); + -gtk-outline-radius: 8px; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #FFFFFF; - border-color: shade(shade(#3B3B3B, 0.9), 0.9); - background-image: none; - background-color: mix(#FFFFFF, shade(#3B3B3B, 0.9), 0.5); } + border-color: alpha(#FFFFFF, 0.1); + background-color: alpha(#FFFFFF, 0.1); } .inline-toolbar toolbutton > button:active:backdrop, .inline-toolbar toolbutton > button:checked:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.85); - background-color: shade(#545454, 0.85); } + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } .inline-toolbar toolbutton > button:active:disabled, .inline-toolbar toolbutton > button:checked:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.1); - border-color: mix(shade(#3B3B3B, 0.9), mix(#FFFFFF, #3B3B3B, 0.95), 0.15); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 0.9); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.1); + border-color: mix(#FFFFFF, #343236, 0.95); + background-color: mix(#FFFFFF, #343236, 0.95); } .inline-toolbar toolbutton > button:active:disabled:backdrop, .inline-toolbar toolbutton > button:checked:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - border-color: shade(#545454, 0.9); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.98), 0.9); } + color: mix(#FFFFFF, #343236, 0.75); + border-color: mix(#FFFFFF, #343236, 0.98); + background-color: mix(#FFFFFF, #343236, 0.98); } .inline-toolbar toolbutton > button:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.5); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.5); } .inline-toolbar toolbutton > button:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - background-image: none; } + color: mix(#FFFFFF, #343236, 0.75); } .inline-toolbar toolbutton > button:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.9); - background-image: none; - background-color: #545454; } + border-color: shade(#25262A, 0.9); + background-color: #25262A; } .linked button, .linked .raised button, .primary-toolbar .linked button, .primary-toolbar .linked .raised button { border-radius: 0; border-left-width: 0; } .linked button:first-child, .linked .raised button:first-child, .primary-toolbar .linked button:first-child, .primary-toolbar .linked .raised button:first-child { border-left-width: 1px; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } .linked button:last-child, .linked .raised button:last-child, .primary-toolbar .linked button:last-child, .primary-toolbar .linked .raised button:last-child { border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; } + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } .linked button:only-child, .linked .raised button:only-child, .primary-toolbar .linked button:only-child, .primary-toolbar .linked .raised button:only-child { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked entry, .primary-toolbar .linked entry { border-radius: 0; border-left-width: 0; } .linked entry:first-child, .primary-toolbar .linked entry:first-child { border-left-width: 1px; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } .linked entry:last-child, .primary-toolbar .linked entry:last-child { border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; } + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } .linked entry:only-child, .primary-toolbar .linked entry:only-child { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked combobox box.linked button, .primary-toolbar .linked combobox box.linked button { border-radius: 0; border-left-width: 0; } .linked combobox:first-child box.linked button, .primary-toolbar .linked combobox:first-child box.linked button { border-left-width: 1px; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } .linked combobox:last-child box.linked button, .primary-toolbar .linked combobox:last-child box.linked button { border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; } + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } .linked combobox:only-child box.linked button, .primary-toolbar .linked combobox:only-child box.linked button { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked spinbutton, .primary-toolbar .linked spinbutton { border-radius: 0; border-left-width: 0; } .linked spinbutton:first-child, .primary-toolbar .linked spinbutton:first-child { border-left-width: 1px; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } .linked spinbutton:last-child, .primary-toolbar .linked spinbutton:last-child { border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; } + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } .linked spinbutton:only-child, .primary-toolbar .linked spinbutton:only-child { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked.vertical button, .primary-toolbar .linked.vertical button { border-left-width: 1px; border-top-width: 0; border-radius: 0; } .linked.vertical button:first-child, .primary-toolbar .linked.vertical button:first-child { border-top-width: 1px; - border-top-left-radius: 4px; - border-top-right-radius: 4px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked.vertical button:last-child, .primary-toolbar .linked.vertical button:last-child { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } .linked.vertical button:only-child, .primary-toolbar .linked.vertical button:only-child { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked.vertical entry, .primary-toolbar .linked.vertical entry { border-left-width: 1px; border-top-width: 0; border-radius: 0; } .linked.vertical entry:first-child, .primary-toolbar .linked.vertical entry:first-child { border-top-width: 1px; - border-top-left-radius: 4px; - border-top-right-radius: 4px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked.vertical entry:last-child, .primary-toolbar .linked.vertical entry:last-child { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } .linked.vertical entry:only-child, .primary-toolbar .linked.vertical entry:only-child { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked.vertical combobox box.linked button, .primary-toolbar .linked.vertical combobox box.linked button { border-left-width: 1px; border-top-width: 0; border-radius: 0; } .linked.vertical combobox:first-child box.linked button, .primary-toolbar .linked.vertical combobox:first-child box.linked button { border-top-width: 1px; - border-top-left-radius: 4px; - border-top-right-radius: 4px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked.vertical combobox:last-child box.linked button, .primary-toolbar .linked.vertical combobox:last-child box.linked button { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } .linked.vertical combobox:only-child box.linked button, .primary-toolbar .linked.vertical combobox:only-child box.linked button { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked.vertical spinbutton, .primary-toolbar .linked.vertical spinbutton { border-left-width: 1px; border-top-width: 0; border-radius: 0; } .linked.vertical spinbutton:first-child, .primary-toolbar .linked.vertical spinbutton:first-child { border-top-width: 1px; - border-top-left-radius: 4px; - border-top-right-radius: 4px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked.vertical spinbutton:last-child, .primary-toolbar .linked.vertical spinbutton:last-child { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } .linked.vertical spinbutton:only-child, .primary-toolbar .linked.vertical spinbutton:only-child { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked.vertical spinbutton button:first-child, .linked.vertical spinbutton button:last-child, .primary-toolbar .linked.vertical spinbutton button:first-child, .primary-toolbar .linked.vertical spinbutton button:last-child { border-radius: 0; } @@ -1970,36 +1911,45 @@ toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutt border-left-width: 0; } toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat { border-left-width: 1px; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat { border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; } + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } stackswitcher button.text-button { min-width: 80px; box-shadow: none; } stackswitcher button.text-button:active, stackswitcher button.text-button:active:hover, stackswitcher button.text-button:active:focus, stackswitcher button.text-button:checked, stackswitcher button.text-button:checked:hover, stackswitcher button.text-button:checked:focus { - background-color: #0375F8; - background-image: linear-gradient(to bottom, shade(#0375F8, 1.4), shade(#0375F8, 1.05)); + background-color: #2E7CF7; color: #FFFFFF; } stackswitcher button.text-button:active:backdrop, stackswitcher button.text-button:active:hover:backdrop, stackswitcher button.text-button:active:focus:backdrop, stackswitcher button.text-button:checked:backdrop, stackswitcher button.text-button:checked:hover:backdrop, stackswitcher button.text-button:checked:focus:backdrop { - background-image: linear-gradient(to bottom, shade(#545454, 0.9), shade(#545454, 1.05)); + background-color: shade(#25262A, 1.3); color: #8C8C8C; } +headerbar .linked button, headerbar .linked button:last-child { + border-width: 1px; + border-left-width: 1px; + border-radius: 8px; } + +headerbar .linked.vertical button, .linked.vertical button:last-child { + border-width: 1px; + border-top-width: 1px; + border-radius: 8px; } + tooltip { - border-radius: 4px; + border-radius: 8px; box-shadow: none; } tooltip.background { border-width: 1px; border-style: solid; - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); background-color: #3B3B3B; } tooltip.background label { padding: 1px; } @@ -2009,28 +1959,28 @@ tooltip { textview { color: #FFFFFF; - background-color: #1D1E22; } + background-color: #242226; } textview text { - background-color: #1D1E22; } + background-color: #242226; } textview text:selected, textview text selection, textview text:selected:focus, textview text selection:focus { color: #FFFFFF; - background-color: #96C4F5; } + background-color: #3D6896; } textview text:backdrop { - background-color: shade(#545454, 0.9); } + background-color: #1C1E1F; } treeview { -treeview-vertical-separator: 0; } treeview.view:selected, treeview.view:selected:focus { border-radius: 0; color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } treeview.view:selected:backdrop, treeview.view:selected:focus:backdrop { - color: shade(#aeaeae, 0.8); - background-color: shade(#545454, 1.3); } + color: shade(#AEAEAE, 0.8); + background-color: shade(#25262A, 1.3); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; - border-color: #0375F8; } + border-color: #2E7CF7; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { @@ -2040,119 +1990,122 @@ treeview { border-style: solid; border-width: 0 1px 1px 0; background-image: none; - background-color: #3B3B3B; } + background-color: #343236; } treeview header button:last-child { border-width: 0 0 1px 0; } treeview header button:hover, treeview header button:focus:hover { background-image: none; - background-color: #3B3B3B; } + background-color: #343236; } treeview header button:active, treeview header button:focus:active { color: #FFFFFF; background-image: none; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } treeview entry, treeview entry.flat { border-radius: 0; background-image: none; - background-color: #1D1E22; } + background-color: #242226; } treeview entry:focus, treeview entry.flat:focus { - border-color: #0375F8; } + border-color: #2E7CF7; } .view { color: #FFFFFF; - background-color: #1D1E22; } + background-color: #242226; } .view:backdrop { - color: #aeaeae; - background-color: shade(#545454, 0.9); } + color: #AEAEAE; + background-color: #1C1E1F; } .view:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); - background-color: mix(#FFFFFF, #3B3B3B, 0.95); } + color: mix(#FFFFFF, #343236, 0.5); + background-color: mix(#FFFFFF, #343236, 0.95); } .view:selected, .view:selected:focus, .view text:selected, .view text:selected:focus, .view text selection, .view text selection:focus { color: #FFFFFF; - background-color: #0375F8; - border-radius: 3px; - -gtk-outline-radius: 3px; } + background-color: #2E7CF7; + border-radius: 8px; + -gtk-outline-radius: 8px; } .view:selected:disabled, .view:selected:focus:disabled, .view text:selected:disabled, .view text:selected:focus:disabled, .view text selection:disabled, .view text selection:focus:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.5), 0.5); - background-color: #0375F8; } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.5), 0.5); + background-color: #2E7CF7; } .view:selected:backdrop, .view:selected:focus:backdrop, .view text:selected:backdrop, .view text:selected:focus:backdrop, .view text selection:backdrop, .view text selection:focus:backdrop { - color: shade(#aeaeae, 0.8); - background-color: shade(#545454, 1.3); } + color: shade(#AEAEAE, 0.8); + background-color: shade(#25262A, 1.3); } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list, .nemo-window.csd.background, .nemo-window placessidebar list { - background-color: alpha(#3B3B3B, 0.85); } + background-color: shade(#343236, 1.05); } filechooser.csd.background:backdrop, filechooser placessidebar list:backdrop, .nautilus-window.csd.background:backdrop, .nautilus-window placessidebar list:backdrop, .nemo-window.csd.background:backdrop, .nemo-window placessidebar list:backdrop { - background-color: #545454; } + background-color: #25262A; } filechooser .sidebar row, filechooser .sidebar row:focus, filechooser .sidebar view row, filechooser .sidebar view row:focus, filechooser .sidebar row.sidebar-row, filechooser .sidebar row.sidebar-row:focus, filechooser .sidebar .view, filechooser .sidebar .view:focus, filechooser .sidebar iconview, filechooser .sidebar iconview:focus, .nautilus-window .sidebar row, .nautilus-window .sidebar row:focus, .nautilus-window .sidebar view row, .nautilus-window .sidebar view row:focus, .nautilus-window .sidebar row.sidebar-row, .nautilus-window .sidebar row.sidebar-row:focus, .nautilus-window .sidebar .view, .nautilus-window .sidebar .view:focus, .nautilus-window .sidebar iconview, .nautilus-window .sidebar iconview:focus, .nemo-window .sidebar row, .nemo-window .sidebar row:focus, .nemo-window .sidebar view row, .nemo-window .sidebar view row:focus, .nemo-window .sidebar row.sidebar-row, .nemo-window .sidebar row.sidebar-row:focus, .nemo-window .sidebar .view, .nemo-window .sidebar .view:focus, .nemo-window .sidebar iconview, .nemo-window .sidebar iconview:focus { border: none; color: #FFFFFF; background-color: transparent; } filechooser .sidebar row:hover, filechooser .sidebar row:focus:hover, filechooser .sidebar view row:hover, filechooser .sidebar view row:focus:hover, filechooser .sidebar row.sidebar-row:hover, filechooser .sidebar row.sidebar-row:focus:hover, filechooser .sidebar .view:hover, filechooser .sidebar .view:focus:hover, filechooser .sidebar iconview:hover, filechooser .sidebar iconview:focus:hover, .nautilus-window .sidebar row:hover, .nautilus-window .sidebar row:focus:hover, .nautilus-window .sidebar view row:hover, .nautilus-window .sidebar view row:focus:hover, .nautilus-window .sidebar row.sidebar-row:hover, .nautilus-window .sidebar row.sidebar-row:focus:hover, .nautilus-window .sidebar .view:hover, .nautilus-window .sidebar .view:focus:hover, .nautilus-window .sidebar iconview:hover, .nautilus-window .sidebar iconview:focus:hover, .nemo-window .sidebar row:hover, .nemo-window .sidebar row:focus:hover, .nemo-window .sidebar view row:hover, .nemo-window .sidebar view row:focus:hover, .nemo-window .sidebar row.sidebar-row:hover, .nemo-window .sidebar row.sidebar-row:focus:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar .view:focus:hover, .nemo-window .sidebar iconview:hover, .nemo-window .sidebar iconview:focus:hover { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.05); } + background-color: mix(shade(#343236, 1.05), #FFFFFF, 0.05); } filechooser .sidebar row:active, filechooser .sidebar row:focus:active, filechooser .sidebar view row:active, filechooser .sidebar view row:focus:active, filechooser .sidebar row.sidebar-row:active, filechooser .sidebar row.sidebar-row:focus:active, filechooser .sidebar .view:active, filechooser .sidebar .view:focus:active, filechooser .sidebar iconview:active, filechooser .sidebar iconview:focus:active, .nautilus-window .sidebar row:active, .nautilus-window .sidebar row:focus:active, .nautilus-window .sidebar view row:active, .nautilus-window .sidebar view row:focus:active, .nautilus-window .sidebar row.sidebar-row:active, .nautilus-window .sidebar row.sidebar-row:focus:active, .nautilus-window .sidebar .view:active, .nautilus-window .sidebar .view:focus:active, .nautilus-window .sidebar iconview:active, .nautilus-window .sidebar iconview:focus:active, .nemo-window .sidebar row:active, .nemo-window .sidebar row:focus:active, .nemo-window .sidebar view row:active, .nemo-window .sidebar view row:focus:active, .nemo-window .sidebar row.sidebar-row:active, .nemo-window .sidebar row.sidebar-row:focus:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar .view:focus:active, .nemo-window .sidebar iconview:active, .nemo-window .sidebar iconview:focus:active { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.15); } + background-color: mix(shade(#343236, 1.05), #FFFFFF, 0.15); } filechooser .sidebar row:backdrop, filechooser .sidebar row:focus:backdrop, filechooser .sidebar view row:backdrop, filechooser .sidebar view row:focus:backdrop, filechooser .sidebar row.sidebar-row:backdrop, filechooser .sidebar row.sidebar-row:focus:backdrop, filechooser .sidebar .view:backdrop, filechooser .sidebar .view:focus:backdrop, filechooser .sidebar iconview:backdrop, filechooser .sidebar iconview:focus:backdrop, .nautilus-window .sidebar row:backdrop, .nautilus-window .sidebar row:focus:backdrop, .nautilus-window .sidebar view row:backdrop, .nautilus-window .sidebar view row:focus:backdrop, .nautilus-window .sidebar row.sidebar-row:backdrop, .nautilus-window .sidebar row.sidebar-row:focus:backdrop, .nautilus-window .sidebar .view:backdrop, .nautilus-window .sidebar .view:focus:backdrop, .nautilus-window .sidebar iconview:backdrop, .nautilus-window .sidebar iconview:focus:backdrop, .nemo-window .sidebar row:backdrop, .nemo-window .sidebar row:focus:backdrop, .nemo-window .sidebar view row:backdrop, .nemo-window .sidebar view row:focus:backdrop, .nemo-window .sidebar row.sidebar-row:backdrop, .nemo-window .sidebar row.sidebar-row:focus:backdrop, .nemo-window .sidebar .view:backdrop, .nemo-window .sidebar .view:focus:backdrop, .nemo-window .sidebar iconview:backdrop, .nemo-window .sidebar iconview:focus:backdrop { color: #8C8C8C; } filechooser .sidebar row:selected, filechooser .sidebar row:focus:selected, filechooser .sidebar view row:selected, filechooser .sidebar view row:focus:selected, filechooser .sidebar row.sidebar-row:selected, filechooser .sidebar row.sidebar-row:focus:selected, filechooser .sidebar .view:selected, filechooser .sidebar .view:focus:selected, filechooser .sidebar iconview:selected, filechooser .sidebar iconview:focus:selected, .nautilus-window .sidebar row:selected, .nautilus-window .sidebar row:focus:selected, .nautilus-window .sidebar view row:selected, .nautilus-window .sidebar view row:focus:selected, .nautilus-window .sidebar row.sidebar-row:selected, .nautilus-window .sidebar row.sidebar-row:focus:selected, .nautilus-window .sidebar .view:selected, .nautilus-window .sidebar .view:focus:selected, .nautilus-window .sidebar iconview:selected, .nautilus-window .sidebar iconview:focus:selected, .nemo-window .sidebar row:selected, .nemo-window .sidebar row:focus:selected, .nemo-window .sidebar view row:selected, .nemo-window .sidebar view row:focus:selected, .nemo-window .sidebar row.sidebar-row:selected, .nemo-window .sidebar row.sidebar-row:focus:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar .view:focus:selected, .nemo-window .sidebar iconview:selected, .nemo-window .sidebar iconview:focus:selected { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.2); } + background-color: mix(shade(#343236, 1.05), #FFFFFF, 0.2); } filechooser .sidebar row:selected:hover, filechooser .sidebar row:focus:selected:hover, filechooser .sidebar view row:selected:hover, filechooser .sidebar view row:focus:selected:hover, filechooser .sidebar row.sidebar-row:selected:hover, filechooser .sidebar row.sidebar-row:focus:selected:hover, filechooser .sidebar .view:selected:hover, filechooser .sidebar .view:focus:selected:hover, filechooser .sidebar iconview:selected:hover, filechooser .sidebar iconview:focus:selected:hover, .nautilus-window .sidebar row:selected:hover, .nautilus-window .sidebar row:focus:selected:hover, .nautilus-window .sidebar view row:selected:hover, .nautilus-window .sidebar view row:focus:selected:hover, .nautilus-window .sidebar row.sidebar-row:selected:hover, .nautilus-window .sidebar row.sidebar-row:focus:selected:hover, .nautilus-window .sidebar .view:selected:hover, .nautilus-window .sidebar .view:focus:selected:hover, .nautilus-window .sidebar iconview:selected:hover, .nautilus-window .sidebar iconview:focus:selected:hover, .nemo-window .sidebar row:selected:hover, .nemo-window .sidebar row:focus:selected:hover, .nemo-window .sidebar view row:selected:hover, .nemo-window .sidebar view row:focus:selected:hover, .nemo-window .sidebar row.sidebar-row:selected:hover, .nemo-window .sidebar row.sidebar-row:focus:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar .view:focus:selected:hover, .nemo-window .sidebar iconview:selected:hover, .nemo-window .sidebar iconview:focus:selected:hover { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.3); } + background-color: mix(shade(#343236, 1.05), #FFFFFF, 0.3); } filechooser .sidebar row:selected:active, filechooser .sidebar row:focus:selected:active, filechooser .sidebar view row:selected:active, filechooser .sidebar view row:focus:selected:active, filechooser .sidebar row.sidebar-row:selected:active, filechooser .sidebar row.sidebar-row:focus:selected:active, filechooser .sidebar .view:selected:active, filechooser .sidebar .view:focus:selected:active, filechooser .sidebar iconview:selected:active, filechooser .sidebar iconview:focus:selected:active, .nautilus-window .sidebar row:selected:active, .nautilus-window .sidebar row:focus:selected:active, .nautilus-window .sidebar view row:selected:active, .nautilus-window .sidebar view row:focus:selected:active, .nautilus-window .sidebar row.sidebar-row:selected:active, .nautilus-window .sidebar row.sidebar-row:focus:selected:active, .nautilus-window .sidebar .view:selected:active, .nautilus-window .sidebar .view:focus:selected:active, .nautilus-window .sidebar iconview:selected:active, .nautilus-window .sidebar iconview:focus:selected:active, .nemo-window .sidebar row:selected:active, .nemo-window .sidebar row:focus:selected:active, .nemo-window .sidebar view row:selected:active, .nemo-window .sidebar view row:focus:selected:active, .nemo-window .sidebar row.sidebar-row:selected:active, .nemo-window .sidebar row.sidebar-row:focus:selected:active, .nemo-window .sidebar .view:selected:active, .nemo-window .sidebar .view:focus:selected:active, .nemo-window .sidebar iconview:selected:active, .nemo-window .sidebar iconview:focus:selected:active { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.15); } + background-color: mix(shade(#343236, 1.05), #FFFFFF, 0.15); } filechooser .sidebar row:selected:backdrop, filechooser .sidebar row:focus:selected:backdrop, filechooser .sidebar view row:selected:backdrop, filechooser .sidebar view row:focus:selected:backdrop, filechooser .sidebar row.sidebar-row:selected:backdrop, filechooser .sidebar row.sidebar-row:focus:selected:backdrop, filechooser .sidebar .view:selected:backdrop, filechooser .sidebar .view:focus:selected:backdrop, filechooser .sidebar iconview:selected:backdrop, filechooser .sidebar iconview:focus:selected:backdrop, .nautilus-window .sidebar row:selected:backdrop, .nautilus-window .sidebar row:focus:selected:backdrop, .nautilus-window .sidebar view row:selected:backdrop, .nautilus-window .sidebar view row:focus:selected:backdrop, .nautilus-window .sidebar row.sidebar-row:selected:backdrop, .nautilus-window .sidebar row.sidebar-row:focus:selected:backdrop, .nautilus-window .sidebar .view:selected:backdrop, .nautilus-window .sidebar .view:focus:selected:backdrop, .nautilus-window .sidebar iconview:selected:backdrop, .nautilus-window .sidebar iconview:focus:selected:backdrop, .nemo-window .sidebar row:selected:backdrop, .nemo-window .sidebar row:focus:selected:backdrop, .nemo-window .sidebar view row:selected:backdrop, .nemo-window .sidebar view row:focus:selected:backdrop, .nemo-window .sidebar row.sidebar-row:selected:backdrop, .nemo-window .sidebar row.sidebar-row:focus:selected:backdrop, .nemo-window .sidebar .view:selected:backdrop, .nemo-window .sidebar .view:focus:selected:backdrop, .nemo-window .sidebar iconview:selected:backdrop, .nemo-window .sidebar iconview:focus:selected:backdrop { color: #8C8C8C; - background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.1); } + background-color: mix(shade(#343236, 1.05), #FFFFFF, 0.1); } filechooser .sidebar row.expander, filechooser .sidebar view row.expander, filechooser .sidebar row.sidebar-row.expander, filechooser .sidebar .view.expander, filechooser .sidebar iconview.expander, .nautilus-window .sidebar row.expander, .nautilus-window .sidebar view row.expander, .nautilus-window .sidebar row.sidebar-row.expander, .nautilus-window .sidebar .view.expander, .nautilus-window .sidebar iconview.expander, .nemo-window .sidebar row.expander, .nemo-window .sidebar view row.expander, .nemo-window .sidebar row.sidebar-row.expander, .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander { color: #FFFFFF; } filechooser .sidebar row.expander:hover, filechooser .sidebar view row.expander:hover, filechooser .sidebar row.sidebar-row.expander:hover, filechooser .sidebar .view.expander:hover, filechooser .sidebar iconview.expander:hover, .nautilus-window .sidebar row.expander:hover, .nautilus-window .sidebar view row.expander:hover, .nautilus-window .sidebar row.sidebar-row.expander:hover, .nautilus-window .sidebar .view.expander:hover, .nautilus-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover, .nemo-window .sidebar view row.expander:hover, .nemo-window .sidebar row.sidebar-row.expander:hover, .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover { - color: #0375F8; } + color: #2E7CF7; } filechooser .sidebar frame > border, filechooser .sidebar .frame, .nautilus-window .sidebar frame > border, .nautilus-window .sidebar .frame, .nemo-window .sidebar frame > border, .nemo-window .sidebar .frame { border: none; } filechooser .sidebar separator, filechooser .sidebar separator:backdrop, .nautilus-window .sidebar separator, .nautilus-window .sidebar separator:backdrop, .nemo-window .sidebar separator, .nemo-window .sidebar separator:backdrop { background-color: transparent; } +.nautilus-window.csd.background { + background: transparent; } + .caja-navigation-window .caja-side-pane row, .caja-navigation-window .caja-side-pane row:focus, .caja-navigation-window .caja-side-pane view row, .caja-navigation-window .caja-side-pane view row:focus, .caja-navigation-window .caja-side-pane row.sidebar-row, .caja-navigation-window .caja-side-pane row.sidebar-row:focus, .caja-navigation-window .caja-side-pane .view, .caja-navigation-window .caja-side-pane .view:focus, .caja-navigation-window .caja-side-pane iconview, .caja-navigation-window .caja-side-pane iconview:focus { border: none; color: #FFFFFF; background-color: transparent; } .caja-navigation-window .caja-side-pane row:hover, .caja-navigation-window .caja-side-pane row:focus:hover, .caja-navigation-window .caja-side-pane view row:hover, .caja-navigation-window .caja-side-pane view row:focus:hover, .caja-navigation-window .caja-side-pane row.sidebar-row:hover, .caja-navigation-window .caja-side-pane row.sidebar-row:focus:hover, .caja-navigation-window .caja-side-pane .view:hover, .caja-navigation-window .caja-side-pane .view:focus:hover, .caja-navigation-window .caja-side-pane iconview:hover, .caja-navigation-window .caja-side-pane iconview:focus:hover { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.05); } + background-color: mix(shade(#343236, 1.05), #FFFFFF, 0.05); } .caja-navigation-window .caja-side-pane row:active, .caja-navigation-window .caja-side-pane row:focus:active, .caja-navigation-window .caja-side-pane view row:active, .caja-navigation-window .caja-side-pane view row:focus:active, .caja-navigation-window .caja-side-pane row.sidebar-row:active, .caja-navigation-window .caja-side-pane row.sidebar-row:focus:active, .caja-navigation-window .caja-side-pane .view:active, .caja-navigation-window .caja-side-pane .view:focus:active, .caja-navigation-window .caja-side-pane iconview:active, .caja-navigation-window .caja-side-pane iconview:focus:active { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.15); } + background-color: mix(shade(#343236, 1.05), #FFFFFF, 0.15); } .caja-navigation-window .caja-side-pane row:backdrop, .caja-navigation-window .caja-side-pane row:focus:backdrop, .caja-navigation-window .caja-side-pane view row:backdrop, .caja-navigation-window .caja-side-pane view row:focus:backdrop, .caja-navigation-window .caja-side-pane row.sidebar-row:backdrop, .caja-navigation-window .caja-side-pane row.sidebar-row:focus:backdrop, .caja-navigation-window .caja-side-pane .view:backdrop, .caja-navigation-window .caja-side-pane .view:focus:backdrop, .caja-navigation-window .caja-side-pane iconview:backdrop, .caja-navigation-window .caja-side-pane iconview:focus:backdrop { color: #8C8C8C; } .caja-navigation-window .caja-side-pane row:selected, .caja-navigation-window .caja-side-pane row:focus:selected, .caja-navigation-window .caja-side-pane view row:selected, .caja-navigation-window .caja-side-pane view row:focus:selected, .caja-navigation-window .caja-side-pane row.sidebar-row:selected, .caja-navigation-window .caja-side-pane row.sidebar-row:focus:selected, .caja-navigation-window .caja-side-pane .view:selected, .caja-navigation-window .caja-side-pane .view:focus:selected, .caja-navigation-window .caja-side-pane iconview:selected, .caja-navigation-window .caja-side-pane iconview:focus:selected { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.2); } + background-color: mix(shade(#343236, 1.05), #FFFFFF, 0.2); } .caja-navigation-window .caja-side-pane row:selected:hover, .caja-navigation-window .caja-side-pane row:focus:selected:hover, .caja-navigation-window .caja-side-pane view row:selected:hover, .caja-navigation-window .caja-side-pane view row:focus:selected:hover, .caja-navigation-window .caja-side-pane row.sidebar-row:selected:hover, .caja-navigation-window .caja-side-pane row.sidebar-row:focus:selected:hover, .caja-navigation-window .caja-side-pane .view:selected:hover, .caja-navigation-window .caja-side-pane .view:focus:selected:hover, .caja-navigation-window .caja-side-pane iconview:selected:hover, .caja-navigation-window .caja-side-pane iconview:focus:selected:hover { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.3); } + background-color: mix(shade(#343236, 1.05), #FFFFFF, 0.3); } .caja-navigation-window .caja-side-pane row:selected:active, .caja-navigation-window .caja-side-pane row:focus:selected:active, .caja-navigation-window .caja-side-pane view row:selected:active, .caja-navigation-window .caja-side-pane view row:focus:selected:active, .caja-navigation-window .caja-side-pane row.sidebar-row:selected:active, .caja-navigation-window .caja-side-pane row.sidebar-row:focus:selected:active, .caja-navigation-window .caja-side-pane .view:selected:active, .caja-navigation-window .caja-side-pane .view:focus:selected:active, .caja-navigation-window .caja-side-pane iconview:selected:active, .caja-navigation-window .caja-side-pane iconview:focus:selected:active { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.15); } + background-color: mix(shade(#343236, 1.05), #FFFFFF, 0.15); } .caja-navigation-window .caja-side-pane row:selected:backdrop, .caja-navigation-window .caja-side-pane row:focus:selected:backdrop, .caja-navigation-window .caja-side-pane view row:selected:backdrop, .caja-navigation-window .caja-side-pane view row:focus:selected:backdrop, .caja-navigation-window .caja-side-pane row.sidebar-row:selected:backdrop, .caja-navigation-window .caja-side-pane row.sidebar-row:focus:selected:backdrop, .caja-navigation-window .caja-side-pane .view:selected:backdrop, .caja-navigation-window .caja-side-pane .view:focus:selected:backdrop, .caja-navigation-window .caja-side-pane iconview:selected:backdrop, .caja-navigation-window .caja-side-pane iconview:focus:selected:backdrop { color: #8C8C8C; - background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.1); } + background-color: mix(shade(#343236, 1.05), #FFFFFF, 0.1); } .caja-navigation-window .caja-side-pane row.expander, .caja-navigation-window .caja-side-pane view row.expander, .caja-navigation-window .caja-side-pane row.sidebar-row.expander, .caja-navigation-window .caja-side-pane .view.expander, .caja-navigation-window .caja-side-pane iconview.expander { color: #FFFFFF; } .caja-navigation-window .caja-side-pane row.expander:hover, .caja-navigation-window .caja-side-pane view row.expander:hover, .caja-navigation-window .caja-side-pane row.sidebar-row.expander:hover, .caja-navigation-window .caja-side-pane .view.expander:hover, .caja-navigation-window .caja-side-pane iconview.expander:hover { - color: #0375F8; } + color: #2E7CF7; } .caja-navigation-window .caja-side-pane frame > border, .caja-navigation-window .caja-side-pane .frame { border: none; } .caja-navigation-window .caja-side-pane separator, .caja-navigation-window .caja-side-pane separator:backdrop { background-color: transparent; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid shade(#3B3B3B, 0.9); + border-right: 1px solid shade(#343236, 0.9); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid shade(#3B3B3B, 0.9); + border-left: 1px solid shade(#343236, 0.9); border-right-style: none; } stacksidebar row { padding: 10px 4px; } @@ -2180,13 +2133,13 @@ placessidebar row { placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar row.sidebar-new-bookmark-row { - color: #0375F8; } + color: #2E7CF7; } placessidebar row:drop(active):not(:disabled) { - color: #0375F8; - box-shadow: inset 0 1px #0375F8, inset 0 -1px #0375F8; } + color: #2E7CF7; + box-shadow: inset 0 1px #2E7CF7, inset 0 -1px #2E7CF7; } placessidebar row:drop(active):not(:disabled):selected { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } button.sidebar-button, button.sidebar-button:backdrop { min-width: 22px; @@ -2206,13 +2159,13 @@ actionbar { padding: 4px; border-width: 1px 0 0 0; border-style: solid; - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); color: #FFFFFF; - background-color: #3B3B3B; } + background-color: #343236; } actionbar:backdrop { - border-color: shade(#545454, 0.9); + border-color: shade(#25262A, 0.9); color: #8C8C8C; - background-color: #545454; } + background-color: #25262A; } actionbar button.text-button { padding: 4px; } actionbar button .image-button { @@ -2227,20 +2180,20 @@ actionbar { searchbar { border-width: 0 0 1px 0; border-style: solid; - border-color: shade(#3B3B3B, 0.9); - background-color: #3B3B3B; } + border-color: shade(#343236, 0.9); + background-color: #343236; } .nautilus-window .searchbar-container { margin-top: -1px; } .app-notification { border-style: solid; - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); border-width: 1px; border-radius: 0; margin: 5px; padding: 8px; - background-color: #1D1E22; + background-color: #242226; color: #FFFFFF; } .app-notification border { border: none; } @@ -2258,7 +2211,7 @@ searchbar { border-width: 1px; border-style: solid; border-color: shade(mix(#3B3B3B, #FFFFFF, 0.2), 0.8); - border-radius: 4px; + border-radius: 8px; background-image: none; background-color: shade(mix(#3B3B3B, #FFFFFF, 0.2), 1.08); color: #FFFFFF; } @@ -2293,7 +2246,7 @@ searchbar { border-width: 1px; border-style: solid; border-color: shade(mix(#3B3B3B, #FFFFFF, 0.2), 0.8); - border-radius: 4px; + border-radius: 8px; background-image: none; background-color: shade(mix(#3B3B3B, #FFFFFF, 0.2), 1.08); color: #FFFFFF; } @@ -2317,9 +2270,9 @@ searchbar { color: shade(mix(#3B3B3B, #FFFFFF, 0.2), 0.9); } .osd scale slider, scale.osd slider { - background-color: #0375F8; } + background-color: #2E7CF7; } .osd scale slider:hover, scale.osd slider:hover { - background-color: #0375F8; } + background-color: #2E7CF7; } .osd scale slider:disabled, scale.osd slider:disabled { background-color: mix(mix(#3B3B3B, #FFFFFF, 0.2), #FFFFFF, 0.15); } .osd scale trough, scale.osd trough { @@ -2328,8 +2281,8 @@ searchbar { border-color: shade(mix(#3B3B3B, #FFFFFF, 0.2), 0.85); background-color: transparent; } .osd scale highlight, scale.osd highlight { - border-color: #0375F8; - background-color: #0375F8; } + border-color: #2E7CF7; + background-color: #2E7CF7; } .osd progress, progress.osd { background-color: #FFFFFF; } @@ -2344,7 +2297,7 @@ searchbar { .osd progressbar progress, progressbar.osd progress { border-style: none; border-radius: 0; - background-color: #0375F8; } + background-color: #2E7CF7; } .osd scrollbar trough, scrollbar.osd trough { background-color: transparent; } @@ -2373,7 +2326,7 @@ button.destructive-action { border-width: 1px; border-style: solid; border-color: mix(#CC0000, #FFFFFF, 0.2); - border-radius: 4px; + border-radius: 8px; color: mix(#FFFFFF, #CC0000, 0.1); background-image: none; background-color: #CC0000; } @@ -2385,120 +2338,120 @@ button.destructive-action { background-color: mix(#CC0000, #FFFFFF, 0.1); } button.destructive-action:backdrop { border-color: mix(#CC0000, #8C8C8C, 0.2); - color: mix(shade(#aeaeae, 0.8), #CC0000, 0.1); - background-color: mix(#CC0000, #545454, 0.3); } + color: mix(shade(#AEAEAE, 0.8), #CC0000, 0.1); + background-color: mix(#CC0000, #25262A, 0.3); } button.suggested-action { border-width: 1px; border-style: solid; - border-radius: 4px; - border-color: #0375F8; + border-radius: 8px; + border-color: #2E7CF7; color: #FFFFFF; - background-image: linear-gradient(to bottom, shade(#0375F8, 1.25), shade(#0375F8, 1.1)); } + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.25), shade(#2E7CF7, 1.1)); } button.suggested-action:active, button.suggested-action:checked { - background-image: linear-gradient(to bottom, shade(#0375F8, 1.1), shade(#0375F8, 0.95)); } + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.1), shade(#2E7CF7, 0.95)); } button.suggested-action:active:backdrop, button.suggested-action:checked:backdrop { - color: shade(#aeaeae, 0.8); } + color: shade(#AEAEAE, 0.8); } button.suggested-action:disabled { - border-color: mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2); - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.5), 0.2); - background-image: linear-gradient(to bottom, shade(mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2), 1.2), shade(mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2), 1.05)); } + border-color: mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2); + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.5), 0.2); + background-image: linear-gradient(to bottom, shade(mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2), 1.2), shade(mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2), 1.05)); } button.suggested-action:disabled:backdrop { - border-color: mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2); - color: mix(shade(#aeaeae, 0.8), mix(#FFFFFF, #3B3B3B, 0.75), 0.2); - background-image: linear-gradient(to bottom, shade(mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2), 1.1), shade(mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2), 0.95)); } + border-color: mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2); + color: mix(shade(#AEAEAE, 0.8), mix(#FFFFFF, #343236, 0.75), 0.2); + background-image: linear-gradient(to bottom, shade(mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2), 1.1), shade(mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2), 0.95)); } button.suggested-action:backdrop { - border-color: shade(#545454, 1.3); - color: shade(#aeaeae, 0.8); - background-image: linear-gradient(to bottom, shade(#0375F8, 1.2), shade(#0375F8, 1.05)); } + border-color: shade(#25262A, 1.3); + color: shade(#AEAEAE, 0.8); + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.2), shade(#2E7CF7, 1.05)); } headerbar button.suggested-action { border-width: 1px; border-style: solid; - border-radius: 4px; - border-color: #0375F8; + border-radius: 8px; + border-color: #2E7CF7; color: #FFFFFF; - background-image: linear-gradient(to bottom, shade(#0375F8, 1.25), shade(#0375F8, 1.1)); } + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.25), shade(#2E7CF7, 1.1)); } headerbar button.suggested-action:active, headerbar button.suggested-action:checked { - background-image: linear-gradient(to bottom, shade(#0375F8, 1.1), shade(#0375F8, 0.95)); } + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.1), shade(#2E7CF7, 0.95)); } headerbar button.suggested-action:active:backdrop, headerbar button.suggested-action:checked:backdrop { - color: shade(#aeaeae, 0.8); } + color: shade(#AEAEAE, 0.8); } headerbar button.suggested-action:disabled { - border-color: mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2); - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.5), 0.2); - background-image: linear-gradient(to bottom, shade(mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2), 1.2), shade(mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2), 1.05)); } + border-color: mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2); + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.5), 0.2); + background-image: linear-gradient(to bottom, shade(mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2), 1.2), shade(mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2), 1.05)); } headerbar button.suggested-action:disabled:backdrop { - border-color: mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2); - color: mix(shade(#aeaeae, 0.8), mix(#FFFFFF, #3B3B3B, 0.75), 0.2); - background-image: linear-gradient(to bottom, shade(mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2), 1.1), shade(mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2), 0.95)); } + border-color: mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2); + color: mix(shade(#AEAEAE, 0.8), mix(#FFFFFF, #343236, 0.75), 0.2); + background-image: linear-gradient(to bottom, shade(mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2), 1.1), shade(mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2), 0.95)); } headerbar button.suggested-action:backdrop { - border-color: shade(#545454, 1.3); - color: shade(#aeaeae, 0.8); - background-image: linear-gradient(to bottom, shade(#0375F8, 1.2), shade(#0375F8, 1.05)); } + border-color: shade(#25262A, 1.3); + color: shade(#AEAEAE, 0.8); + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.2), shade(#2E7CF7, 1.05)); } toolbar.selection-mode { padding: 4px; } headerbar.selection-mode, toolbar.selection-mode { - border-color: mix(#0375F8, #FFFFFF, 0.6); + border-color: mix(#2E7CF7, #FFFFFF, 0.6); color: #FFFFFF; - background-color: mix(#0375F8, #FFFFFF, 0.6); } + background-color: mix(#2E7CF7, #FFFFFF, 0.6); } headerbar.selection-mode:backdrop, toolbar.selection-mode:backdrop { - border-color: mix(shade(#545454, 1.3), shade(#aeaeae, 0.8), 0.6); - color: shade(#aeaeae, 0.8); - background-color: mix(shade(#545454, 1.3), shade(#aeaeae, 0.8), 0.6); } + border-color: mix(shade(#25262A, 1.3), shade(#AEAEAE, 0.8), 0.6); + color: shade(#AEAEAE, 0.8); + background-color: mix(shade(#25262A, 1.3), shade(#AEAEAE, 0.8), 0.6); } headerbar.selection-mode button, toolbar.selection-mode button { border-width: 1px; border-style: solid; - border-color: mix(#0375F8, #FFFFFF, 0.7); - border-radius: 4px; - color: mix(#0375F8, #FFFFFF, 0.2); - background-color: mix(#0375F8, #FFFFFF, 0.7); } + border-color: mix(#2E7CF7, #FFFFFF, 0.7); + border-radius: 8px; + color: mix(#2E7CF7, #FFFFFF, 0.2); + background-color: mix(#2E7CF7, #FFFFFF, 0.7); } headerbar.selection-mode button:hover, toolbar.selection-mode button:hover { - border-color: mix(#0375F8, #FFFFFF, 0.75); - background-color: mix(#0375F8, #FFFFFF, 0.75); } + border-color: mix(#2E7CF7, #FFFFFF, 0.75); + background-color: mix(#2E7CF7, #FFFFFF, 0.75); } headerbar.selection-mode button:active, headerbar.selection-mode button:checked, toolbar.selection-mode button:active, toolbar.selection-mode button:checked { - border-color: mix(#0375F8, #FFFFFF, 0.45); - background-color: mix(#0375F8, #FFFFFF, 0.45); } + border-color: mix(#2E7CF7, #FFFFFF, 0.45); + background-color: mix(#2E7CF7, #FFFFFF, 0.45); } headerbar.selection-mode button:active:backdrop, headerbar.selection-mode button:checked:backdrop, toolbar.selection-mode button:active:backdrop, toolbar.selection-mode button:checked:backdrop { - border-color: mix(shade(#545454, 1.3), shade(#aeaeae, 0.8), 0.45); - background-color: mix(shade(#545454, 1.3), shade(#aeaeae, 0.8), 0.45); } + border-color: mix(shade(#25262A, 1.3), shade(#AEAEAE, 0.8), 0.45); + background-color: mix(shade(#25262A, 1.3), shade(#AEAEAE, 0.8), 0.45); } headerbar.selection-mode button:backdrop, toolbar.selection-mode button:backdrop { - border-color: mix(shade(#545454, 1.3), shade(#aeaeae, 0.8), 0.75); - color: mix(shade(#545454, 1.3), #8C8C8C, 0.3); - background-color: mix(shade(#545454, 1.3), shade(#aeaeae, 0.8), 0.75); } + border-color: mix(shade(#25262A, 1.3), shade(#AEAEAE, 0.8), 0.75); + color: mix(shade(#25262A, 1.3), #8C8C8C, 0.3); + background-color: mix(shade(#25262A, 1.3), shade(#AEAEAE, 0.8), 0.75); } headerbar.selection-mode button.suggested-action, toolbar.selection-mode button.suggested-action { border-width: 1px; border-style: solid; - border-radius: 4px; - border-color: #0375F8; + border-radius: 8px; + border-color: #2E7CF7; color: #FFFFFF; - background-image: linear-gradient(to bottom, shade(#0375F8, 1.25), shade(#0375F8, 1.1)); } + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.25), shade(#2E7CF7, 1.1)); } headerbar.selection-mode button.suggested-action:active, headerbar.selection-mode button.suggested-action:checked, toolbar.selection-mode button.suggested-action:active, toolbar.selection-mode button.suggested-action:checked { - background-image: linear-gradient(to bottom, shade(#0375F8, 1.1), shade(#0375F8, 0.95)); } + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.1), shade(#2E7CF7, 0.95)); } headerbar.selection-mode button.suggested-action:active:backdrop, headerbar.selection-mode button.suggested-action:checked:backdrop, toolbar.selection-mode button.suggested-action:active:backdrop, toolbar.selection-mode button.suggested-action:checked:backdrop { - color: shade(#aeaeae, 0.8); } + color: shade(#AEAEAE, 0.8); } headerbar.selection-mode button.suggested-action:disabled, toolbar.selection-mode button.suggested-action:disabled { - border-color: mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2); - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.5), 0.2); - background-image: linear-gradient(to bottom, shade(mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2), 1.2), shade(mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2), 1.05)); } + border-color: mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2); + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.5), 0.2); + background-image: linear-gradient(to bottom, shade(mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2), 1.2), shade(mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2), 1.05)); } headerbar.selection-mode button.suggested-action:disabled:backdrop, toolbar.selection-mode button.suggested-action:disabled:backdrop { - border-color: mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2); - color: mix(shade(#aeaeae, 0.8), mix(#FFFFFF, #3B3B3B, 0.75), 0.2); - background-image: linear-gradient(to bottom, shade(mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2), 1.1), shade(mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2), 0.95)); } + border-color: mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2); + color: mix(shade(#AEAEAE, 0.8), mix(#FFFFFF, #343236, 0.75), 0.2); + background-image: linear-gradient(to bottom, shade(mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2), 1.1), shade(mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2), 0.95)); } headerbar.selection-mode button.suggested-action:backdrop, toolbar.selection-mode button.suggested-action:backdrop { - border-color: shade(#545454, 1.3); - color: shade(#aeaeae, 0.8); - background-image: linear-gradient(to bottom, shade(#0375F8, 1.2), shade(#0375F8, 1.05)); } + border-color: shade(#25262A, 1.3); + color: shade(#AEAEAE, 0.8); + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.2), shade(#2E7CF7, 1.05)); } headerbar.selection-mode .selection-menu button, toolbar.selection-mode .selection-menu button { border-style: none; background-color: transparent; - color: shade(#0375F8, 0.8); } + color: shade(#2E7CF7, 0.8); } headerbar.selection-mode .selection-menu button .dim-label, toolbar.selection-mode .selection-menu button .dim-label { - color: shade(#0375F8, 0.7); } + color: shade(#2E7CF7, 0.7); } decoration { - border-radius: 4px 4px 0 0; + border-radius: 8px 8px 0 0; border-width: 0px; box-shadow: 0 10px 15px 1px alpha(#000000, 0.3), 0 0 0 1px alpha(#000000, 0.25); margin: 10px; } @@ -2509,15 +2462,15 @@ decoration { .popup decoration { box-shadow: none; } .csd.popup decoration { - border-radius: 4px; + border-radius: 8px; box-shadow: 0 6px 5px 1px alpha(#000000, 0.2), 0 0 0 1px alpha(#000000, 0.1); } .ssd decoration { - border-radius: 4px 4px 0 0; + border-radius: 8px 8px 0 0; box-shadow: 0 0 0 1px alpha(#000000, 0.1); } .ssd decoration.maximized { border-radius: 0; } tooltip.csd decoration { - border-radius: 4px; + border-radius: 8px; box-shadow: none; } .solid-csd decoration { margin: 1px; @@ -2526,24 +2479,24 @@ decoration { box-shadow: none; } window.background.csd.popup { - border-radius: 4px; } + border-radius: 8px; } messagedialog { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } messagedialog .background.csd { - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; - background-color: #3B3B3B; } + background-color: #343236; } messagedialog decoration { - border-radius: 4px; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; + border-radius: 8px; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; box-shadow: 0 1px 2px alpha(black, 0.2); } messagedialog .titlebar.horizontal { border: none; background-image: none; - background-color: #3B3B3B; } + background-color: #343236; } messagedialog.csd .dialog-action-area button { padding: 10px; border-radius: 0; @@ -2553,18 +2506,18 @@ messagedialog { messagedialog.csd .dialog-action-area button:last-child { border-right-width: 0; border-radius: 0px; - border-bottom-right-radius: 4px; - -gtk-outline-radius: 0 0 4px 0; } + border-bottom-right-radius: 8px; + -gtk-outline-radius: 0 0 8px 0; } messagedialog.csd .dialog-action-area button:first-child { border-left-width: 0; border-radius: 0px; - border-bottom-left-radius: 4px; - -gtk-outline-radius: 0 0 0 4px; } + border-bottom-left-radius: 8px; + -gtk-outline-radius: 0 0 0 8px; } messagedialog.csd .dialog-action-area button:only-child { border-radius: 0px; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - -gtk-outline-radius: 0 0 4px 4px; } + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + -gtk-outline-radius: 0 0 8px 8px; } .caja-desktop, .nemo-desktop.nemo-canvas-item, .nautilus-desktop.nautilus-canvas-item { color: #FFFFFF; @@ -2598,7 +2551,7 @@ panel-toplevel.background button { border: none; box-shadow: none; background-image: none; - background-color: #0375F8; } + background-color: #2E7CF7; } #tasklist-button { color: #FFFFFF; @@ -2614,7 +2567,7 @@ panel-toplevel.background button { border: none; box-shadow: none; background-image: none; - background-color: #0375F8; } + background-color: #2E7CF7; } #tasklist-button label { color: alpha(#FFFFFF, 0.7); } #tasklist-button label:hover { @@ -2640,7 +2593,7 @@ panel-toplevel.background na-tray-applet { background-color: transparent; } .mate-panel-menu-bar menubar menuitem:hover, .mate-panel-menu-bar menubar menuitem:active { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } .mate-panel-menu-bar .menubar > .menuitem { padding-top: 0; padding-bottom: 0; } @@ -2648,7 +2601,7 @@ panel-toplevel.background na-tray-applet { color: #FFFFFF; font-style: normal; } .mate-panel-menu-bar GtkMenu .label:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); } + color: mix(#FFFFFF, #343236, 0.5); } .mate-panel-menu-bar button, .mate-panel-menu-bar button.flat { background-color: transparent; } .mate-panel-menu-bar > .button:not(#tasklist-button) { @@ -2665,7 +2618,7 @@ panel-toplevel.background na-tray-applet { border: none; box-shadow: none; background-image: none; - background-color: #0375F8; } + background-color: #2E7CF7; } .mate-panel-menu-bar #tasklist-button { color: #FFFFFF; background-color: #000000; @@ -2680,7 +2633,7 @@ panel-toplevel.background na-tray-applet { border: none; box-shadow: none; background-image: none; - background-color: #0375F8; } + background-color: #2E7CF7; } .mate-panel-menu-bar PanelSeparator { color: shade(#000000, 0.7); padding-top: 4px; @@ -2691,27 +2644,27 @@ panel-toplevel.background na-tray-applet { color: #FFFFFF; } .mate-panel-menu-bar .caja-desktop.entry, .mate-panel-menu-bar .caja-navigation-window .view.entry { background-image: none; - border-radius: 4px; + border-radius: 8px; box-shadow: none; - border-color: shade(#0375F8, 0.6); - background-color: #1D1E22; } + border-color: shade(#2E7CF7, 0.6); + background-color: #242226; } .mate-panel-menu-bar .caja-desktop.entry:selected, .mate-panel-menu-bar .caja-navigation-window .view.entry:selected { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } .mintmenu:hover { background-color: shade(#000000, 1.1); } .mintmenu:selected { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } .wnck-pager { background-color: alpha(black, 0.04); } .wnck-pager:selected { - background-color: alpha(#0375F8, 0.3); } + background-color: alpha(#2E7CF7, 0.3); } .wnck-pager:hover { - background-color: alpha(#0375F8, 0.2); } + background-color: alpha(#2E7CF7, 0.2); } .xfce4-panel.panel { background-color: #000000; } @@ -2729,7 +2682,7 @@ panel-toplevel.background na-tray-applet { border: none; box-shadow: none; background-image: none; - background-color: #0375F8; } + background-color: #2E7CF7; } .xfce4-panel.panel .tasklist button { color: #FFFFFF; background-color: #000000; @@ -2744,68 +2697,58 @@ panel-toplevel.background na-tray-applet { border: none; box-shadow: none; background-image: none; - background-color: #0375F8; } + background-color: #2E7CF7; } #XfceNotifyWindow.osd { - background-color: #3B3B3B; + background-color: #343236; color: #FFFFFF; - border-radius: 4px; + border-radius: 8px; border: none; } #XfceNotifyWindow.osd label #summary { font-weight: bold; } #XfceNotifyWindow.osd button { - padding: 4px 8px; + padding: 6px 8px; border-style: solid; border-width: 1px; - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); - background-color: #3B3B3B; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); - -gtk-outline-radius: 4px; } - #XfceNotifyWindow.osd button:hover { - color: #FFFFFF; - background-color: shade(#3B3B3B, 1.1); } + border-color: shade(#343236, 0.9); + background-color: #343236; + -gtk-outline-radius: 8px; } #XfceNotifyWindow.osd button:active, #XfceNotifyWindow.osd button:checked { color: #FFFFFF; - border-color: shade(shade(#3B3B3B, 0.9), 0.9); - background-image: none; - background-color: mix(#FFFFFF, #3B3B3B, 0.5); } + border-color: alpha(#FFFFFF, 0.1); + background-color: alpha(#FFFFFF, 0.1); } #XfceNotifyWindow.osd button:active:backdrop, #XfceNotifyWindow.osd button:checked:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.85); - background-color: shade(#545454, 0.85); } + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } #XfceNotifyWindow.osd button:active:disabled, #XfceNotifyWindow.osd button:checked:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.1); - border-color: mix(shade(#3B3B3B, 0.9), mix(#FFFFFF, #3B3B3B, 0.95), 0.15); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 0.9); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.1); + border-color: mix(#FFFFFF, #343236, 0.95); + background-color: mix(#FFFFFF, #343236, 0.95); } #XfceNotifyWindow.osd button:active:disabled:backdrop, #XfceNotifyWindow.osd button:checked:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - border-color: shade(#545454, 0.9); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.98), 0.9); } + color: mix(#FFFFFF, #343236, 0.75); + border-color: mix(#FFFFFF, #343236, 0.98); + background-color: mix(#FFFFFF, #343236, 0.98); } #XfceNotifyWindow.osd button:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.5); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.5); } #XfceNotifyWindow.osd button:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - background-image: none; } + color: mix(#FFFFFF, #343236, 0.75); } #XfceNotifyWindow.osd button:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.9); - background-image: none; - background-color: #545454; } + border-color: shade(#25262A, 0.9); + background-color: #25262A; } .nemo-window .nemo-window-pane widget.entry { border: 1px solid; border-radius: 3px; - border-color: #0375F8; + border-color: #2E7CF7; color: #FFFFFF; - background-color: #1D1E22; } + background-color: #242226; } .nemo-window .nemo-window-pane widget.entry:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } UnityDecoration { -UnityDecoration-extents: 28px 0 0 0; @@ -2817,28 +2760,28 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.5); -UnityDecoration-inactive-shadow-radius: 5px; -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #0375F8; + -UnityDecoration-glow-color: #2E7CF7; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { border: none; - border-radius: 4px 4px 0 0; + border-radius: 8px 8px 0 0; padding: 1px 8px 0 8px; - background-color: #3B3B3B; - color: mix(#FFFFFF, #3B3B3B, 0.1); + background-color: #2F2934; + color: mix(#FFFFFF, #2F2934, 0.1); text-shadow: none; } UnityDecoration .top:backdrop { - background-color: #545454; - color: mix(#FFFFFF, #3B3B3B, 0.4); } + background-color: #25262A; + color: mix(#FFFFFF, #2F2934, 0.4); } UnityDecoration .left, UnityDecoration .right, UnityDecoration.bottom { - background-color: #3B3B3B; } + background-color: #2F2934; } UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration.bottom:backdrop { - background-color: #3B3B3B; } + background-color: #2F2934; } UnityDecoration.menuitem, UnityDecoration .menuitem { border-radius: 0; } UnityDecoration.menuitem:hover, UnityDecoration.menuitem *:hover, UnityDecoration .menuitem:hover, UnityDecoration .menuitem *:hover { - background-color: #0375F8; + background-color: #2E7CF7; color: #FFFFFF; } UnityPanelWidget, .unity-panel { @@ -2857,7 +2800,7 @@ UnityPanelWidget, .unity-panel { .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; - color: #0375F8; } + color: #2E7CF7; } /* GTK NAMED COLORS - use responsibly! */ /* widget text/foreground color */ @@ -2865,37 +2808,37 @@ UnityPanelWidget, .unity-panel { /* text color for entries, views and content in general */ @define-color theme_text_color #FFFFFF; /* widget base background color */ -@define-color theme_bg_color #3B3B3B; +@define-color theme_bg_color #343236; /* text widgets and the like base background color */ -@define-color theme_base_color #1D1E22; +@define-color theme_base_color #242226; /* base background color of selections */ -@define-color theme_selected_bg_color #0375F8; +@define-color theme_selected_bg_color #2E7CF7; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color mix(#FFFFFF, #3B3B3B, 0.95); +@define-color insensitive_bg_color mix(#FFFFFF, #343236, 0.95); /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color mix(#FFFFFF, #3B3B3B, 0.5); +@define-color insensitive_fg_color mix(#FFFFFF, #343236, 0.5); /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #1D1E22; +@define-color insensitive_base_color #242226; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #8C8C8C; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #FFFFFF; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #545454; +@define-color theme_unfocused_bg_color #25262A; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color shade(#545454, 0.9); +@define-color theme_unfocused_base_color #1C1E1F; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #0375F8; +@define-color theme_unfocused_selected_bg_color #2E7CF7; /* 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 mix(#FFFFFF, #3B3B3B, 0.75); +@define-color unfocused_insensitive_color mix(#FFFFFF, #343236, 0.75); /* widgets main borders color */ -@define-color borders shade(#3B3B3B, 0.9); +@define-color borders shade(#343236, 0.9); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders shade(#545454, 0.9); +@define-color unfocused_borders shade(#25262A, 0.9); /* these are pretty self explicative */ @define-color warning_color #FF9900; @define-color error_color #CC0000; @@ -2905,14 +2848,14 @@ read if you used those and something break with a version upgrade you're on your @define-color wm_title shade(#FFFFFF, 1.8); @define-color wm_unfocused_title #8C8C8C; @define-color wm_highlight #000000; -@define-color wm_borders_edge shade(#3B3B3B, 0.9); -@define-color wm_bg_a shade(#3B3B3B, 1.2); -@define-color wm_bg_b #3B3B3B; +@define-color wm_borders_edge shade(#343236, 0.9); +@define-color wm_bg_a shade(#343236, 1.2); +@define-color wm_bg_b #343236; @define-color wm_shadow alpha(#000000, 0.35); @define-color wm_border alpha(#000000, 0.18); -@define-color wm_button_hover_color_a shade(#3B3B3B, 1.3); -@define-color wm_button_hover_color_b #3B3B3B; -@define-color wm_button_active_color_a shade(#3B3B3B, 0.85); -@define-color wm_button_active_color_b shade(#3B3B3B, 0.89); -@define-color wm_button_active_color_c shade(#3B3B3B, 0.9); -@define-color content_view_bg #1D1E22; +@define-color wm_button_hover_color_a shade(#343236, 1.3); +@define-color wm_button_hover_color_b #343236; +@define-color wm_button_active_color_a shade(#343236, 0.85); +@define-color wm_button_active_color_b shade(#343236, 0.89); +@define-color wm_button_active_color_c shade(#343236, 0.9); +@define-color content_view_bg #242226; diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index bd89166..fceaae2 100644 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -17,15 +17,15 @@ outline-width: 1px; outline-offset: -3px; outline-style: dashed; - outline-color: shade(#3B3B3B, 0.75); + outline-color: shade(#343236, 0.75); -gtk-outline-radius: 0; } .background { color: #FFFFFF; - background-color: alpha(#3B3B3B, 0.999); } + background-color: alpha(#343236, 0.999); } .background:backdrop { color: #8C8C8C; - background-color: #545454; } + background-color: #25262A; } *:disabled { -gtk-icon-effect: dim; } @@ -34,25 +34,25 @@ .gtkstyle-fallback { color: #FFFFFF; - background-color: #3B3B3B; } + background-color: #343236; } .gtkstyle-fallback:hover { color: #FFFFFF; - background-color: shade(#3B3B3B, 1.1); } + background-color: shade(#343236, 1.1); } .gtkstyle-fallback:active { color: #FFFFFF; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } .gtkstyle-fallback:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); - background-color: mix(#FFFFFF, #3B3B3B, 0.95); } + color: mix(#FFFFFF, #343236, 0.5); + background-color: mix(#FFFFFF, #343236, 0.95); } .gtkstyle-fallback:selected { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } image, image:disabled, label, label:disabled, box, box:disabled { background-color: transparent; } label selection { - background-color: #0375F8; + background-color: #2E7CF7; color: #FFFFFF; } label.dim-label, label.separator, popover label.separator, popover.background label.separator, label:disabled { opacity: 0.55; } @@ -95,15 +95,15 @@ decoration { assistant .sidebar label.highlight { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } assistant .sidebar { padding: 4px; border-width: 0 1px 0 0; border-style: solid; border-radius: 0; - border-right-color: shade(#3B3B3B, 0.9); + border-right-color: shade(#343236, 0.9); color: #FFFFFF; - background-color: #3B3B3B; } + background-color: #343236; } button:link > label, button:visited > label, *:link, button:link, button:visited { color: #0057D8; } @@ -113,21 +113,21 @@ button:link > label, button:visited > label, *:link, button:link, button:visited *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { - color: mix(#FFFFFF, #0375F8, 0.4); } + color: mix(#FFFFFF, #2E7CF7, 0.4); } button:link > label:hover, button:visited > label:hover, *:link:hover, button:hover:link, button:hover:visited { color: shade(#0057D8, 1.1); } *:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { - color: mix(#FFFFFF, #0375F8, 0.9); } + color: mix(#FFFFFF, #2E7CF7, 0.9); } button:link > label:active, button:visited > label:active, *:link:active, button:active:link, button:active:visited { color: #0057D8; } *:selected button:link > label:active, *:selected button:visited > label:active, *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { - color: mix(#FFFFFF, #0375F8, 0.8); } + color: mix(#FFFFFF, #2E7CF7, 0.8); } button:link > label:backdrop:backdrop:hover, button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected, button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop, button:visited > label:backdrop, *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, @@ -138,7 +138,7 @@ button:link > label, button:visited > label, *:link, button:link, button:visited *:link:backdrop, button:backdrop:link, button:backdrop:visited { - color: mix(#0057D8, shade(#545454, 1.3), 0.3); } + color: mix(#0057D8, shade(#25262A, 1.3), 0.3); } button:link > label:selected, button:visited > label:selected, *:selected button:link > label, *:selected button:visited > label, *:link:selected, button:selected:link, @@ -146,7 +146,7 @@ button:link > label, button:visited > label, *:link, button:link, button:visited *:selected *:link, *:selected button:link, *:selected button:visited { - color: mix(#FFFFFF, #0375F8, 0.8); } + color: mix(#FFFFFF, #2E7CF7, 0.8); } button:link, button:visited { border-color: transparent; @@ -160,71 +160,54 @@ button:link, button:visited { text-decoration-line: underline; } button { - padding: 4px 8px; + padding: 6px 8px; border-style: solid; border-width: 1px; - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); - -gtk-outline-radius: 4px; } - button:hover { - color: #FFFFFF; - background-color: shade(#1D1E22, 1.1); } + border-color: shade(#343236, 0.9); + background-color: #242226; + -gtk-outline-radius: 8px; } button:active, button:checked { color: #FFFFFF; - border-color: shade(shade(#3B3B3B, 0.9), 0.9); - background-image: none; - background-color: mix(#FFFFFF, #1D1E22, 0.5); } + border-color: alpha(#FFFFFF, 0.1); + background-color: alpha(#FFFFFF, 0.1); } button:active:backdrop, button:checked:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.85); - background-color: shade(#545454, 0.85); } + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } button:active:disabled, button:checked:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.1); - border-color: mix(shade(#3B3B3B, 0.9), mix(#FFFFFF, #3B3B3B, 0.95), 0.15); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 0.9); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.1); + border-color: mix(#FFFFFF, #343236, 0.95); + background-color: mix(#FFFFFF, #343236, 0.95); } button:active:disabled:backdrop, button:checked:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - border-color: shade(#545454, 0.9); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.98), 0.9); } + color: mix(#FFFFFF, #343236, 0.75); + border-color: mix(#FFFFFF, #343236, 0.98); + background-color: mix(#FFFFFF, #343236, 0.98); } button:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.5); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.5); } button:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - background-image: none; } + color: mix(#FFFFFF, #343236, 0.75); } button:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.9); - background-image: none; - background-color: #545454; } + border-color: shade(#25262A, 0.9); + background-color: #25262A; } button.flat { border-color: transparent; - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; - background-color: transparent; - background-image: none; } + background-color: transparent; } button.flat:hover { - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); color: #FFFFFF; - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); } + background-color: #242226; } button.flat:active, button.flat:checked { color: #FFFFFF; - border-color: shade(shade(#3B3B3B, 0.9), 0.9); - background-image: none; - background-color: shade(#1D1E22, 0.5); } + border-color: alpha(#FFFFFF, 0.1); + background-color: alpha(#FFFFFF, 0.1); } button.flat:active:backdrop, button.flat:checked:backdrop { - color: shade(#aeaeae, 0.8); - border-color: shade(#545454, 0.85); - background-color: shade(shade(#545454, 1.3), 0.6); } + color: shade(#AEAEAE, 0.8); + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } button.flat:disabled { border-color: transparent; color: alpha(#FFFFFF, 0.8); @@ -347,65 +330,59 @@ menuitem radio, .menuitem radio, menuitem.button.flat radio, .menuitem.button.fl -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-unfocused.png"), url("assets/radio-mixed-insensitive-unfocused-@2.png")); } .content-view.view { - background-color: #1D1E22; } + background-color: #242226; } .content-view.view:hover { - background-color: alpha(#0375F8, 0.6); } + background-color: alpha(#2E7CF7, 0.6); } .content-view.view:selected, .content-view.view:active { - background-color: #0375F8; } + background-color: #2E7CF7; } .content-view.view:disabled { - background-color: shade(#1D1E22, 0.9); } + background-color: shade(#242226, 0.9); } calendar { padding: 2px; border-width: 1px; - border-radius: 4px; + border-radius: 8px; border-style: solid; - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); color: #FFFFFF; } calendar.header { border: none; - color: #0375F8; } + color: #2E7CF7; } calendar.button { - color: #0375F8; } + color: #2E7CF7; } calendar:selected { border-radius: 0; color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } calendar:indeterminate { color: alpha(currentColor, 0.55); } calendar.highlight { - color: #0375F8; } + color: #2E7CF7; } entry { - padding: 5px; + padding: 6px; border-width: 1px; border-style: solid; - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-radius: 4px; + border-color: shade(#343236, 0.9); + border-radius: 8px; color: #FFFFFF; caret-color: currentColor; - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); } + background-color: #242226; } entry:active, entry:focus { - box-shadow: 0 0 0 4px #96C4F5; } + box-shadow: 0 0 0 4px #3D6896; } entry:selected, entry:selected:focus, entry selection, entry selection:focus { color: #FFFFFF; - background-color: #96C4F5; } + background-color: #3D6896; } entry:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); } + color: mix(#FFFFFF, #343236, 0.5); } entry:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - border-color: shade(#545454, 0.9); - background-image: none; - background-color: shade(#545454, 1.05); } + color: mix(#FFFFFF, #343236, 0.75); + border-color: shade(#25262A, 0.9); + background-color: shade(#25262A, 1.05); } entry:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.9); - background-color: shade(#545454, 0.9); - background-image: none; } + border-color: shade(#25262A, 0.9); + background-color: #1C1E1F; } entry > image.left { padding-right: 5px; } entry > image.right { @@ -415,7 +392,7 @@ entry { border-width: 0 0 2px; border-radius: 0; border-style: solid; - border-color: #0375F8; + border-color: #2E7CF7; background-color: transparent; } entry.flat, entry.flat:focus { min-height: 0; @@ -433,42 +410,42 @@ expander arrow { expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander arrow:hover { - color: #0375F8; } + color: #2E7CF7; } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } list { color: #FFFFFF; - background-color: #1D1E22; } + background-color: #242226; } list row { padding: 2px; } list row:hover { - background-color: mix(#3B3B3B, #FFFFFF, 0.1); } + background-color: mix(#343236, #FFFFFF, 0.1); } list row:active { - background-color: mix(#3B3B3B, #FFFFFF, 0.2); } + background-color: mix(#343236, #FFFFFF, 0.2); } list row:backdrop { color: #8C8C8C; } list row:selected, list row:selected:hover, list row:selected:focus { border: none; color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } list row:selected:hover, list row:selected:hover:hover, list row:selected:focus:hover { - background-color: shade(#0375F8, 1.05); } + background-color: shade(#2E7CF7, 1.05); } list row:selected:active, list row:selected:hover:active, list row:selected:focus:active { - background-color: shade(#0375F8, 0.95); } + background-color: shade(#2E7CF7, 0.95); } list row:selected:disabled, list row:selected:hover:disabled, list row:selected:focus:disabled { color: alpha(#FFFFFF, 0.7); - background-color: #0375F8; } + background-color: #2E7CF7; } list row:selected:backdrop, list row:selected:hover:backdrop, list row:selected:focus:backdrop { - color: shade(#aeaeae, 0.8); - background-color: shade(#545454, 1.3); } + color: shade(#AEAEAE, 0.8); + background-color: shade(#25262A, 1.3); } list separator, list separator:backdrop { background: none; } .frame, frame > border { border-width: 1px; border-style: solid; - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); border-radius: 0; box-shadow: none; background: none; } @@ -479,27 +456,27 @@ frame.flat > border, frame > border.flat, .frame.flat { iconview:selected, iconview:selected:focus, iconview text:selected, iconview text selection, iconview text:selected:focus, iconview text selection:focus { border-width: 1px; border-style: solid; - border-color: #0375F8; + border-color: #2E7CF7; color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } iconview:selected:backdrop, iconview selection:backdrop, iconview text:selected:backdrop, iconview text selection:backdrop { - color: shade(#aeaeae, 0.8); - background-color: shade(#545454, 1.3); } + color: shade(#AEAEAE, 0.8); + background-color: shade(#25262A, 1.3); } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband, view rubberband, .view.rubberband, .rubberband { border-width: 1px; border-style: solid; - border-color: #0375F8; + border-color: #2E7CF7; background: none; - background-color: alpha(#0375F8, 0.3); } + background-color: alpha(#2E7CF7, 0.3); } flowbox flowboxchild { padding: 3px; - border-radius: 4px; } + border-radius: 8px; } flowbox flowboxchild:selected { outline-offset: -2px; color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } infobar { border: none; } @@ -632,9 +609,9 @@ image { .floating-bar { border-width: 1px; border-style: solid; - border-color: shade(#1D1E22, 0.85); - border-radius: 4px; - background-color: #1D1E22; + border-color: shade(#242226, 0.85); + border-radius: 8px; + background-color: #242226; color: #FFFFFF; } .floating-bar.top { border-top-width: 0px; @@ -663,10 +640,10 @@ image { .dnd { border-width: 1px; border-style: solid; - border-color: shade(#3B3B3B, 0.9); } + border-color: shade(#343236, 0.9); } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: #1D1E22; } + background-color: #242226; } .caja-location-entry { padding: 3px 5px; } @@ -694,12 +671,12 @@ popover.background.touch-selection, .csd popover.background.touch-selection { padding: 2px; } .gedit-search-slider { - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); padding: 6px; - border-radius: 0 0 4px 4px; + border-radius: 0 0 8px 8px; border-width: 0 1px 1px 1px; border-style: solid; - background-color: #3B3B3B; } + background-color: #343236; } button.circular, button.circular-button { padding: 0; @@ -715,7 +692,7 @@ stackswitcher button.circular, stackswitcher button.text-button.circular { padding: 0; } printdialog paper { - border: 1px solid shade(#3B3B3B, 0.9); + border: 1px solid shade(#343236, 0.9); background: white; padding: 0; } @@ -724,9 +701,9 @@ filechooserbutton:drop(active) { border-color: transparent; } :not(decoration):not(window):drop(active), :not(decoration):not(window):drop(active):focus, combobox:drop(active) button.combo { - border-color: #0375F8; - box-shadow: inset 0 0 0 1px #0375F8; - caret-color: #0375F8; } + border-color: #2E7CF7; + box-shadow: inset 0 0 0 1px #2E7CF7; + caret-color: #2E7CF7; } .background.popup { background-color: transparent; } @@ -734,38 +711,38 @@ filechooserbutton:drop(active) { menu, .menu { margin: 4px; padding: 0; - border-radius: 4px; + border-radius: 8px; border-style: none; color: #FFFFFF; - background-color: alpha(mix(#1D1E22, #3B3B3B, 0.5), 0.9); } + background-color: alpha(mix(#242226, #343236, 0.5), 0.9); } .csd menu, .csd .menu { padding: 4px 0px; - border-radius: 4px; + border-radius: 8px; border: none; } menu > arrow, .menu > arrow { padding: 4px; border-color: transparent; - background-color: alpha(mix(#1D1E22, #3B3B3B, 0.5), 0.9); + background-color: alpha(mix(#242226, #343236, 0.5), 0.9); min-width: 16px; min-height: 16px; } menu > arrow.top, .menu > arrow.top { margin-top: -6px; - border-bottom: 1px solid shade(alpha(mix(#1D1E22, #3B3B3B, 0.5), 0.9), 0.9); + border-bottom: 1px solid shade(alpha(mix(#242226, #343236, 0.5), 0.9), 0.9); -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom { margin-bottom: -6px; - border-top: 1px solid shade(alpha(mix(#1D1E22, #3B3B3B, 0.5), 0.9), 0.9); + border-top: 1px solid shade(alpha(mix(#242226, #343236, 0.5), 0.9), 0.9); -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; border-style: none; - background-color: shade(#3B3B3B, 0.9); + background-color: shade(#343236, 0.9); color: #FFFFFF; } menubar:backdrop, .menubar:backdrop { color: #8C8C8C; - background-color: #545454; } + background-color: #25262A; } menubar > menuitem, .menubar > menuitem { padding: 3px 5px; @@ -774,9 +751,9 @@ menubar > menuitem, .menubar > menuitem { background-color: transparent; } menubar > menuitem:hover, .menubar > menuitem:hover { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); + color: mix(#FFFFFF, #343236, 0.5); background-color: transparent; } menubar > menuitem:backdrop, .menubar > menuitem:backdrop { color: #8C8C8C; @@ -792,9 +769,9 @@ menu menuitem, .menu menuitem { background-color: transparent; } menu menuitem:hover, .menu menuitem:hover { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } menu menuitem:disabled, .menu menuitem:disabled { - color: mix(#FFFFFF, alpha(mix(#1D1E22, #3B3B3B, 0.5), 0.9), 0.5); } + color: mix(#FFFFFF, alpha(mix(#242226, #343236, 0.5), 0.9), 0.5); } menu menuitem arrow, .menu menuitem arrow { min-width: 16px; min-height: 16px; } @@ -810,26 +787,26 @@ menuitem accelerator { menuitem accelerator:hover { color: alpha(#FFFFFF, 0.8); } menuitem accelerator:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); } + color: mix(#FFFFFF, #343236, 0.5); } popover, popover.background { padding: 2px; - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); border-width: 1px; border-style: solid; - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; background-clip: border-box; - background-color: #3B3B3B; + background-color: alpha(mix(#242226, #343236, 0.5), 0.9); box-shadow: none; } .csd popover, popover, .csd popover.background, popover.background { - border: 1px solid shade(#3B3B3B, 0.9); } + border: 1px solid shade(#343236, 0.9); } popover > list, popover > .view, popover > iconview, popover > toolbar, popover > .inline-toolbar, popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar, popover.background > .inline-toolbar { border-style: none; background-color: transparent; } popover checkbutton:selected, popover radiobutton:selected, popover.background checkbutton:selected, popover.background radiobutton:selected { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } popover.osd { box-shadow: none; } popover.osd > toolbar button { @@ -837,10 +814,12 @@ popover.osd { border-radius: 0; background-color: transparent; } popover:backdrop { - border-color: shade(#545454, 0.9); + border-color: shade(#25262A, 0.9); color: #8C8C8C; - background-color: #545454; + background-color: #25262A; box-shadow: none; } +popover .view { + background-color: transparent; } modelbutton.flat, menuitem.button.flat, .menuitem.button.flat { padding: 2px 8px; @@ -849,7 +828,7 @@ modelbutton.flat, menuitem.button.flat, .menuitem.button.flat { background-color: transparent; } modelbutton.flat:hover, modelbutton.flat:selected, modelbutton.flat:active:hover, menuitem.button.flat:hover, menuitem.button.flat:selected, menuitem.button.flat:active:hover, .menuitem.button.flat:hover, .menuitem.button.flat:selected, .menuitem.button.flat:active:hover { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } modelbutton.flat > image, menuitem.button.flat > image, .menuitem.button.flat > image { padding-right: 4px; } modelbutton.flat arrow.left, menuitem.button.flat arrow.left, .menuitem.button.flat arrow.left { @@ -861,9 +840,9 @@ notebook { padding: 0; } notebook.frame { margin: -1px; - border-width: 0; + border-width: 1px; border-style: solid; - border-color: shade(#3B3B3B, 0.9); } + border-color: shade(#343236, 0.9); } notebook.frame > header { margin: -1px; } notebook.frame > header.top { @@ -881,54 +860,53 @@ notebook { padding-top: 0; padding-bottom: 0; } notebook > stack:not(:only-child) { - background-color: #1D1E22; } + background-color: #242226; } notebook tab { padding: 6px 20px; border-width: 1px; border-style: solid; border-radius: 0; - border-color: transparent; + border-color: shade(#343236, 0.95); color: alpha(#FFFFFF, 0.5); - background-color: transparent; } + background-color: shade(#343236, 0.95); } notebook tab:checked { color: #FFFFFF; - border-color: shade(#3B3B3B, 0.9); - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 0.9), shade(#3B3B3B, 0.85)); } + border-color: shade(#343236, 0.9); + background-color: #242226; } notebook tab:checked:backdrop { background-image: none; - border-color: shade(#545454, 0.9); - background-color: #545454; } + border-color: shade(#25262A, 0.9); + background-color: #25262A; } notebook tab:backdrop { - background-color: transparent; } + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } notebook > header { - background-color: #3B3B3B; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 0.8), shade(#3B3B3B, 0.75)); } + background-color: #343236; } notebook > header:backdrop { - background-color: #545454; } + background-color: #25262A; } notebook > header.top { - box-shadow: 0 1px shade(#3B3B3B, 0.9); } + box-shadow: 0 1px shade(#343236, 0.9); } notebook > header.top > tabs > tab { border-bottom: none; } notebook > header.top > tabs > tab:checked { border-top-left-radius: 0px; border-top-right-radius: 0px; } notebook > header.bottom { - box-shadow: 0 -1px shade(#3B3B3B, 0.9); } + box-shadow: 0 -1px shade(#343236, 0.9); } notebook > header.bottom > tabs > tab { border-top: none; } notebook > header.bottom > tabs > tab:checked { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } notebook > header.right { - box-shadow: -1px 0 shade(#3B3B3B, 0.9); } + box-shadow: -1px 0 shade(#343236, 0.9); } notebook > header.right > tabs > tab { border-left: none; } notebook > header.right > tabs > tab:checked { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } notebook > header.left { - box-shadow: 1px 0 shade(#3B3B3B, 0.9); } + box-shadow: 1px 0 shade(#343236, 0.9); } notebook > header.left > tabs > tab { border-right: none; } notebook > header.left > tabs > tab:checked { @@ -957,21 +935,21 @@ notebook { notebook > header > tabs > arrow:active { color: shade(#FFFFFF, 0.8); } notebook > header > tabs > arrow:disabled { - color: shade(#3B3B3B, 0.6); } + color: shade(#343236, 0.6); } paned > separator { border: none; color: transparent; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } paned > separator:backdrop { - background-color: shade(#545454, 0.9); } + background-color: shade(#25262A, 0.9); } paned > separator:selected { - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } overshoot.top { - background-image: -gtk-gradient(radial, center top, 0.55, center top, 0.6, from(alpha(#0375F8, 0.2)), to(transparent)); + background-image: -gtk-gradient(radial, center top, 0.55, center top, 0.6, from(alpha(#2E7CF7, 0.2)), to(transparent)); background-size: 100% 60%; background-repeat: no-repeat; background-position: center top; @@ -979,7 +957,7 @@ overshoot.top { border: none; box-shadow: none; } overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0.55, center bottom, 0.6, from(alpha(#0375F8, 0.2)), to(transparent)); + background-image: -gtk-gradient(radial, center bottom, 0.55, center bottom, 0.6, from(alpha(#2E7CF7, 0.2)), to(transparent)); background-size: 100% 60%; background-repeat: no-repeat; background-position: center bottom; @@ -987,7 +965,7 @@ overshoot.bottom { border: none; box-shadow: none; } overshoot.left { - background-image: -gtk-gradient(radial, left center, 0.55, left center, 0.6, from(alpha(#0375F8, 0.2)), to(transparent)); + background-image: -gtk-gradient(radial, left center, 0.55, left center, 0.6, from(alpha(#2E7CF7, 0.2)), to(transparent)); background-size: 60% 100%; background-repeat: no-repeat; background-position: left center; @@ -995,7 +973,7 @@ overshoot.left { border: none; box-shadow: none; } overshoot.right { - background-image: -gtk-gradient(radial, right center, 0.55, right center, 0.6, from(alpha(#0375F8, 0.2)), to(transparent)); + background-image: -gtk-gradient(radial, right center, 0.55, right center, 0.6, from(alpha(#2E7CF7, 0.2)), to(transparent)); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; @@ -1052,9 +1030,9 @@ progressbar { progressbar progress { border: none; border-radius: 1px; - background-color: #0375F8; } + background-color: #2E7CF7; } progressbar progress:backdrop { - background-color: shade(#545454, 1.3); } + background-color: shade(#25262A, 1.3); } progressbar progress.left { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } @@ -1071,7 +1049,7 @@ progressbar { border-radius: 10px; background-color: alpha(black, 0.1); } progressbar trough:backdrop { - background-color: shade(#545454, 0.95); } + background-color: shade(#25262A, 0.95); } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 7px; } progressbar.vertical trough, progressbar.vertical progress { @@ -1080,10 +1058,10 @@ progressbar { treeview.view.progressbar, treeview.view.progressbar:disabled { color: #FFFFFF; border-radius: 0; - background-color: #0375F8; } + background-color: #2E7CF7; } treeview.view.progressbar:focus, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus, treeview.view.progressbar:disabled:selected { border-radius: 0; - color: #0375F8; + color: #2E7CF7; background-color: #FFFFFF; } treeview.view.trough { color: #FFFFFF; @@ -1109,7 +1087,7 @@ levelbar block { border: none; padding: 2px; border-radius: 10px; - background-color: #0375F8; } + background-color: #2E7CF7; } levelbar block.high { background-color: shade(#4ED464, 0.9); } levelbar block.low { @@ -1136,13 +1114,13 @@ scale { scale highlight { border: none; border-radius: 4px; - background-color: #0375F8; } + background-color: #2E7CF7; } scale highlight:disabled { - background-color: mix(#FFFFFF, #3B3B3B, 0.95); } + background-color: mix(#FFFFFF, #343236, 0.95); } scale highlight:disabled:backdrop { - background-color: mix(#FFFFFF, #3B3B3B, 0.98); } + background-color: mix(#FFFFFF, #343236, 0.98); } scale highlight:backdrop { - background-color: shade(#545454, 1.3); } + background-color: shade(#25262A, 1.3); } scale.horizontal indicator { min-height: 6px; min-width: 1px; } @@ -1186,16 +1164,16 @@ scale { border-radius: 100%; box-shadow: 0 1px 2px 1px alpha(black, 0.09); color: #FFFFFF; - background-color: shade(#3B3B3B, 1.4); } + background-color: shade(#343236, 1.4); } scale slider:disabled { - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 1.1); + background-color: shade(mix(#FFFFFF, #343236, 0.95), 1.1); -gtk-icon-shadow: none; } scale slider:disabled:backdrop { - background-color: shade(#545454, 1.05); + background-color: shade(#25262A, 1.05); -gtk-icon-shadow: none; } scale slider:backdrop { color: #8C8C8C; - background-color: shade(#545454, 1.4); } + background-color: shade(#25262A, 1.4); } scale value { color: alpha(currentColor, 0.55); } scale marks { @@ -1215,12 +1193,12 @@ scale { scrollbar { border: none; - background-color: shade(#3B3B3B, 1.2); } + background-color: shade(#343236, 1.2); } scrollbar trough { border: none; border-radius: 0; } scrollbar:backdrop { - background-color: shade(#545454, 0.9); } + background-color: #1C1E1F; } scrollbar slider { min-width: 8px; min-height: 8px; @@ -1228,13 +1206,13 @@ scrollbar { border: none; border-radius: 6px; background-clip: padding-box; - background-color: shade(#3B3B3B, 0.6); } + background-color: mix(#343236, #FFFFFF, 0.4); } scrollbar slider:hover { - background-color: shade(#3B3B3B, 0.6); } + background-color: mix(#343236, #FFFFFF, 0.4); } scrollbar slider:hover:active { - background-color: shade(#3B3B3B, 0.55); } + background-color: mix(#343236, #FFFFFF, 0.45); } scrollbar slider:backdrop { - background-color: shade(#3B3B3B, 0.55); } + background-color: mix(#343236, #FFFFFF, 0.45); } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { @@ -1256,7 +1234,7 @@ scrollbar { margin: 0; min-width: 1px; min-height: 1px; - background-color: shade(#3B3B3B, 0.6); + background-color: shade(#343236, 0.6); border: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0; @@ -1267,7 +1245,7 @@ scrollbar { scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 1; } scrollbar.horizontal { - border-top: 1px solid shade(#3B3B3B, 0.9); } + border-top: 1px solid shade(#343236, 0.9); } scrollbar.horizontal slider { min-width: 40px; } scrollbar.horizontal button.down { @@ -1275,7 +1253,7 @@ scrollbar { scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } scrollbar.vertical { - border-left: 1px solid shade(#3B3B3B, 0.9); } + border-left: 1px solid shade(#343236, 0.9); } scrollbar.vertical slider { min-height: 40px; } scrollbar.vertical button.down { @@ -1283,64 +1261,64 @@ scrollbar { scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } treeview ~ scrollbar.vertical { - border-top: 1px solid shade(#3B3B3B, 0.9); + border-top: 1px solid shade(#343236, 0.9); margin-top: -1px; } separator { -gtk-icon-source: none; min-width: 1px; min-height: 1px; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } separator:backdrop { - background-color: shade(#545454, 0.9); } + background-color: shade(#25262A, 0.9); } button separator { margin: 4px 1px; } .sidebar view separator, view separator, separator .separator, separator { border: none; - background-color: mix(alpha(#3B3B3B, 0.75), #FFFFFF, 0.1); } + background-color: mix(alpha(#343236, 0.9), #FFFFFF, 0.1); } .sidebar view separator:backdrop, view separator:backdrop, separator .separator:backdrop, separator:backdrop { border: none; - background-color: mix(alpha(#3B3B3B, 0.75), #FFFFFF, 0.075); } + background-color: mix(alpha(#343236, 0.9), #FFFFFF, 0.075); } .primary-toolbar separator, toolbar separator { - background-color: mix(shade(#3B3B3B, 0.9), #FFFFFF, 0.1); } + background-color: mix(shade(#343236, 0.9), #FFFFFF, 0.1); } .primary-toolbar separator:backdrop, toolbar separator:backdrop { - background-color: mix(shade(#3B3B3B, 0.9), #FFFFFF, 0.075); } + background-color: mix(shade(#343236, 0.9), #FFFFFF, 0.075); } .primary-toolbar button separator, toolbar button separator, .primary-toolbar:not(.libreoffice-toolbar) separator { - background-color: mix(shade(#3B3B3B, 0.9), #FFFFFF, 0.1); } + background-color: mix(shade(#343236, 0.9), #FFFFFF, 0.1); } .primary-toolbar button separator:backdrop, toolbar button separator:backdrop, .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop { - background-color: mix(shade(#3B3B3B, 0.9), #FFFFFF, 0.075); } + background-color: mix(shade(#343236, 0.9), #FFFFFF, 0.075); } headerbar separator { -GtkWidget-window-dragging: true; margin-top: 4px; margin-bottom: 4px; - background-color: mix(#3B3B3B, #FFFFFF, 0.1); } + background-color: mix(#343236, #FFFFFF, 0.1); } headerbar separator:backdrop { - background-color: mix(#3B3B3B, #FFFFFF, 0.075); } + background-color: mix(#343236, #FFFFFF, 0.075); } headerbar button separator { - border-color: mix(#3B3B3B, #FFFFFF, 0.1); } + border-color: mix(#343236, #FFFFFF, 0.1); } headerbar button separator:backdrop { - border-color: mix(#3B3B3B, #FFFFFF, 0.075); } + border-color: mix(#343236, #FFFFFF, 0.075); } .titlebar separator, .titlebar:not(headerbar) > separator, .titlebar separator.titlebutton, .titlebar:not(headerbar) > separator.titlebutton { -GtkWidget-window-dragging: true; - background-color: mix(#3B3B3B, #FFFFFF, 0.1); } + background-color: mix(#2F2934, #FFFFFF, 0.1); } .titlebar separator:backdrop, .titlebar:not(headerbar) > separator:backdrop, .titlebar separator.titlebutton:backdrop, .titlebar:not(headerbar) > separator.titlebutton:backdrop { - background-color: shade(#545454, 0.9); } + background-color: shade(#25262A, 0.9); } headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; - background-color: mix(#3B3B3B, #FFFFFF, 0.1); } + background-color: mix(#2F2934, #FFFFFF, 0.1); } headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { - background-color: shade(#545454, 0.9); } + background-color: shade(#25262A, 0.9); } .titlebutton button separator, .titlebutton separator.titlebutton { - border-color: mix(#3B3B3B, #FFFFFF, 0.1); } + border-color: mix(#2F2934, #FFFFFF, 0.1); } .titlebutton button separator:backdrop, .titlebutton separator.titlebutton:backdrop { - border-color: shade(#545454, 0.9); } + border-color: shade(#25262A, 0.9); } menu separator { - background-color: mix(alpha(mix(#1D1E22, #3B3B3B, 0.5), 0.9), #FFFFFF, 0.1); } + background-color: mix(alpha(mix(#242226, #343236, 0.5), 0.9), #FFFFFF, 0.1); } menuitem separator { border-width: 1px; border-style: none; - color: mix(shade(#3B3B3B, 0.9), alpha(mix(#1D1E22, #3B3B3B, 0.5), 0.9), 0.5); } + color: mix(shade(#343236, 0.9), alpha(mix(#242226, #343236, 0.5), 0.9), 0.5); } popover separator { border: 0; color: alpha(currentColor, 0.5); @@ -1349,30 +1327,26 @@ separator { border: none; } spinbutton.horizontal { - border-radius: 4px; - border: 1px solid shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); } + border-radius: 8px; + border: 1px solid shade(#343236, 0.9); + background-color: #242226; } spinbutton.horizontal:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 1.1); } + color: mix(#FFFFFF, #343236, 0.5); + background-color: shade(mix(#FFFFFF, #343236, 0.95), 1.1); } spinbutton.horizontal:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - background-color: shade(#545454, 1.05); } + color: mix(#FFFFFF, #343236, 0.75); + background-color: shade(#25262A, 1.05); } spinbutton.horizontal:backdrop { - border-color: shade(#545454, 0.9); - background-color: #545454; + border-color: shade(#25262A, 0.9); + background-color: #25262A; background-image: none; } spinbutton.horizontal:focus { - box-shadow: 0 0 0 4px #96C4F5; } + box-shadow: 0 0 0 4px #3D6896; } spinbutton.horizontal entry { padding: 7px 15px; border: none; background: none; - border-radius: 4px 0 0 4px; } + border-radius: 8px 0 0 8px; } spinbutton.horizontal entry:focus { box-shadow: none; } spinbutton.horizontal entry:disabled { @@ -1381,20 +1355,20 @@ spinbutton.horizontal { border: none; border-radius: 0; background: none; - box-shadow: -1px 0 shade(#3B3B3B, 0.9); } + box-shadow: -1px 0 shade(#343236, 0.9); } spinbutton.horizontal button:disabled, spinbutton.horizontal button:backdrop { - box-shadow: -1px 0 shade(#545454, 0.9); + box-shadow: -1px 0 shade(#25262A, 0.9); background: none; } spinbutton.horizontal button.up { - border-radius: 0 4px 4px 0; } + border-radius: 0 8px 8px 0; } spinbutton.vertical entry { padding: 8px 2px; border-radius: 0; - border-color: shade(#3B3B3B, 0.9); } + border-color: shade(#343236, 0.9); } spinbutton.vertical entry:focus { - box-shadow: inset 0 0 0 4px #96C4F5; } + box-shadow: inset 0 0 0 4px #3D6896; } spinbutton.vertical button { - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); padding: 8px 2px; } spinbutton.vertical button.up { border-bottom-left-radius: 0; @@ -1429,24 +1403,24 @@ switch { color: transparent; outline-offset: -4px; margin: 4px; - border: 1px solid shade(#3B3B3B, 0.9); + border: 1px solid shade(#343236, 0.9); border-radius: 16px; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } switch:checked { border-color: #4ED464; background-color: #4ED464; } switch:checked:backdrop { - border-color: mix(shade(#545454, 1.3), #4ED464, 0.8); - background-color: mix(shade(#545454, 1.3), #4ED464, 0.8); } + border-color: mix(shade(#25262A, 1.3), #4ED464, 0.8); + background-color: mix(shade(#25262A, 1.3), #4ED464, 0.8); } switch:disabled { - border-color: mix(#FFFFFF, #3B3B3B, 0.95); - background-color: mix(#FFFFFF, #3B3B3B, 0.95); } + border-color: mix(#FFFFFF, #343236, 0.95); + background-color: mix(#FFFFFF, #343236, 0.95); } switch:disabled:backdrop { - border-color: mix(#FFFFFF, #3B3B3B, 0.98); - background-color: mix(#FFFFFF, #3B3B3B, 0.98); } + border-color: mix(#FFFFFF, #343236, 0.98); + background-color: mix(#FFFFFF, #343236, 0.98); } switch:backdrop { - border-color: shade(#545454, 0.9); - background-color: shade(#545454, 0.9); } + border-color: shade(#25262A, 0.9); + background-color: shade(#25262A, 0.9); } switch slider { min-width: 20px; min-height: 20px; @@ -1455,13 +1429,13 @@ switch { border-radius: 100%; color: #FFFFFF; box-shadow: 0 2px 2px 1px alpha(black, 0.09); - background-color: shade(#3B3B3B, 1.4); } + background-color: shade(#343236, 1.4); } switch:disabled slider { - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 1.1); } + background-color: shade(mix(#FFFFFF, #343236, 0.95), 1.1); } switch:disabled:backdrop slider { - background-color: shade(#545454, 1.05); } + background-color: shade(#25262A, 1.05); } switch:backdrop slider { - background-color: mix(#545454, #1D1E22, 0.2); } + background-color: mix(#25262A, #242226, 0.2); } colorswatch.top { border-top-left-radius: 2.5px; @@ -1516,11 +1490,11 @@ colorchooser .popover.osd { colorchooser #add-color-button { background-clip: padding-box; border-color: alpha(black, 0.1); - background-color: shade(#3B3B3B, 0.95); + background-color: shade(#343236, 0.95); color: #FFFFFF; } colorchooser #add-color-button:hover { border-color: alpha(black, 0.3); - background-color: shade(#3B3B3B, 0.9); + background-color: shade(#343236, 0.9); color: #FFFFFF; } .path-bar button.text-button, .path-bar button.image-button, .path-bar button button { @@ -1542,26 +1516,25 @@ colorchooser #add-color-button { headerbar { min-height: 30px; - padding: 4px 8px; + padding: 12px 14px; border: none; border-radius: 0px; color: #FFFFFF; - background-color: #3B3B3B; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 0.965), shade(#3B3B3B, 0.9)); - border-bottom: 1px solid shade(shade(#3B3B3B, 0.9), 0.9); } + background-color: #2F2934; + border-bottom: 1px solid shade(shade(#343236, 0.9), 0.9); } headerbar:backdrop { color: #8C8C8C; background-image: none; - background-color: #545454; - border-color: shade(#545454, 0.9); } + background-color: #25262A; + border-color: shade(#25262A, 0.9); } .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { border-radius: 0; } separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 4px; } + border-top-left-radius: 8px; } .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { border-radius: 0; } headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 4px; } + border-top-right-radius: 8px; } .maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { border-radius: 0; } headerbar .title { @@ -1574,52 +1547,37 @@ headerbar { padding-right: 12px; color: alpha(currentColor, 0.7); } headerbar button { - padding: 4px 8px; - border-style: solid; - border-width: 1px; - border-radius: 4px; + border-color: transparent; + border-radius: 8px; color: #FFFFFF; - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); - -gtk-outline-radius: 4px; } + background-color: transparent; } headerbar button:hover { color: #FFFFFF; - background-color: shade(#1D1E22, 1.1); } + background-color: #242226; } headerbar button:active, headerbar button:checked { color: #FFFFFF; - border-color: shade(shade(#3B3B3B, 0.9), 0.9); - background-image: none; - background-color: mix(#FFFFFF, #1D1E22, 0.5); } + border-color: alpha(#FFFFFF, 0.1); + background-color: alpha(#FFFFFF, 0.1); } headerbar button:active:backdrop, headerbar button:checked:backdrop { - color: #8C8C8C; - border-color: shade(#545454, 0.85); - background-color: shade(#545454, 0.85); } - headerbar button:active:disabled, headerbar button:checked:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.1); - border-color: mix(shade(#3B3B3B, 0.9), mix(#FFFFFF, #3B3B3B, 0.95), 0.15); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 0.9); } - headerbar button:active:disabled:backdrop, headerbar button:checked:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - border-color: shade(#545454, 0.9); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.98), 0.9); } + color: shade(#AEAEAE, 0.8); + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } headerbar button:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.5); } + border-color: transparent; + color: alpha(#FFFFFF, 0.8); + background-color: transparent; } headerbar button:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - background-image: none; } + border-color: transparent; + color: alpha(#FFFFFF, 0.7); + background-color: transparent; } headerbar button:backdrop { - color: #8C8C8C; - border-color: shade(#545454, 0.9); - background-image: none; - background-color: #545454; } + border-color: transparent; + background-color: transparent; + color: #8C8C8C; } headerbar entry { padding: 4px 8px; } headerbar.titlebar, .titlebar headerbar { - border-radius: 4px 4px 0px 0px; } + border-radius: 8px 8px 0px 0px; } headerbar .titlebutton.close, headerbar .titlebutton.maximize, headerbar .titlebutton.minimize, headerbar .titlebutton:not(separator) { padding: 2px 2px; border: none; @@ -1659,6 +1617,16 @@ window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, w border: none; box-shadow: none; } +.nautilus-window headerbar { + background-color: transparent; + background-image: linear-gradient(to right, alpha(#343236, 0.9) 188px, shade(#343236, 0.9), #2F2934 189px); + border-image: linear-gradient(to right, alpha(#343236, 0.9) 188px, shade(#343236, 0.9) 189px) 1 stretch; } + .nautilus-window headerbar:backdrop { + background-image: linear-gradient(to right, #25262A 188px, shade(#25262A, 0.9), #25262A 189px); + border-image: linear-gradient(to right, #25262A 188px, shade(#25262A, 0.9) 189px) 1 stretch; } + .nautilus-window headerbar separator.titlebutton { + margin-right: 100px; } + window.ssd .titlebar { border-bottom: none; min-height: 20px; } @@ -1667,36 +1635,29 @@ toolbar { padding: 4px; border: none; color: #FFFFFF; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } toolbar:backdrop { color: #8C8C8C; - background-color: #545454; } + background-color: #25262A; } toolbar:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); - background-color: mix(#FFFFFF, #3B3B3B, 0.95); } + color: mix(#FFFFFF, #343236, 0.5); + background-color: mix(#FFFFFF, #343236, 0.95); } toolbar button.flat { border-color: transparent; - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; - background-color: transparent; - background-image: none; } + background-color: transparent; } toolbar button.flat:hover { - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); color: #FFFFFF; - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); } + background-color: #242226; } toolbar button.flat:active, toolbar button.flat:checked { color: #FFFFFF; - border-color: shade(shade(#3B3B3B, 0.9), 0.9); - background-image: none; - background-color: shade(#1D1E22, 0.5); } + border-color: alpha(#FFFFFF, 0.1); + background-color: alpha(#FFFFFF, 0.1); } toolbar button.flat:active:backdrop, toolbar button.flat:checked:backdrop { - color: shade(#aeaeae, 0.8); - border-color: shade(#545454, 0.85); - background-color: shade(shade(#545454, 1.3), 0.6); } + color: shade(#AEAEAE, 0.8); + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } toolbar button.flat:disabled { border-color: transparent; color: alpha(#FFFFFF, 0.8); @@ -1717,251 +1678,231 @@ toolbar { padding: 4px; border-width: 0 0 1px 0; border-style: solid; - border-color: mix(shade(#3B3B3B, 0.9), shade(#3B3B3B, 0.9), 0.5); + border-color: mix(shade(#343236, 0.9), shade(#343236, 0.9), 0.5); color: #FFFFFF; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } .primary-toolbar:backdrop { - border-color: #545454; + border-color: #25262A; color: #8C8C8C; - background-color: #545454; } + background-color: #25262A; } .primary-toolbar button, .primary-toolbar .raised button { - padding: 4px 8px; + padding: 6px 8px; border-style: solid; border-width: 1px; - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); - background-color: #1D1E22; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); - -gtk-outline-radius: 4px; } - .primary-toolbar button:hover, .primary-toolbar .raised button:hover { - color: #FFFFFF; - background-color: shade(#1D1E22, 1.1); } + border-color: shade(#343236, 0.9); + background-color: #242226; + -gtk-outline-radius: 8px; } .primary-toolbar button:active, .primary-toolbar button:checked, .primary-toolbar .raised button:active, .primary-toolbar .raised button:checked { color: #FFFFFF; - border-color: shade(shade(#3B3B3B, 0.9), 0.9); - background-image: none; - background-color: mix(#FFFFFF, #1D1E22, 0.5); } + border-color: alpha(#FFFFFF, 0.1); + background-color: alpha(#FFFFFF, 0.1); } .primary-toolbar button:active:backdrop, .primary-toolbar button:checked:backdrop, .primary-toolbar .raised button:active:backdrop, .primary-toolbar .raised button:checked:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.85); - background-color: shade(#545454, 0.85); } + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } .primary-toolbar button:active:disabled, .primary-toolbar button:checked:disabled, .primary-toolbar .raised button:active:disabled, .primary-toolbar .raised button:checked:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.1); - border-color: mix(shade(#3B3B3B, 0.9), mix(#FFFFFF, #3B3B3B, 0.95), 0.15); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 0.9); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.1); + border-color: mix(#FFFFFF, #343236, 0.95); + background-color: mix(#FFFFFF, #343236, 0.95); } .primary-toolbar button:active:disabled:backdrop, .primary-toolbar button:checked:disabled:backdrop, .primary-toolbar .raised button:active:disabled:backdrop, .primary-toolbar .raised button:checked:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - border-color: shade(#545454, 0.9); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.98), 0.9); } + color: mix(#FFFFFF, #343236, 0.75); + border-color: mix(#FFFFFF, #343236, 0.98); + background-color: mix(#FFFFFF, #343236, 0.98); } .primary-toolbar button:disabled, .primary-toolbar .raised button:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.5); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.5); } .primary-toolbar button:disabled:backdrop, .primary-toolbar .raised button:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - background-image: none; } + color: mix(#FFFFFF, #343236, 0.75); } .primary-toolbar button:backdrop, .primary-toolbar .raised button:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.9); - background-image: none; - background-color: #545454; } + border-color: shade(#25262A, 0.9); + background-color: #25262A; } .inline-toolbar { padding: 1px; border-width: 1px; border-style: solid; - border-color: mix(shade(#3B3B3B, 0.9), shade(#3B3B3B, 0.9), 0.5); + border-color: mix(shade(#343236, 0.9), shade(#343236, 0.9), 0.5); border-radius: 0; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } .inline-toolbar:backdrop { - border-color: shade(#545454, 0.9); - background-color: #545454; } + border-color: shade(#25262A, 0.9); + background-color: #25262A; } .inline-toolbar toolbutton > button { - padding: 4px 8px; + padding: 6px 8px; border-style: solid; border-width: 1px; - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); - background-color: shade(#3B3B3B, 0.9); - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); - -gtk-outline-radius: 4px; } - .inline-toolbar toolbutton > button:hover { - color: #FFFFFF; - background-color: shade(shade(#3B3B3B, 0.9), 1.1); } + border-color: shade(#343236, 0.9); + background-color: shade(#343236, 0.9); + -gtk-outline-radius: 8px; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #FFFFFF; - border-color: shade(shade(#3B3B3B, 0.9), 0.9); - background-image: none; - background-color: mix(#FFFFFF, shade(#3B3B3B, 0.9), 0.5); } + border-color: alpha(#FFFFFF, 0.1); + background-color: alpha(#FFFFFF, 0.1); } .inline-toolbar toolbutton > button:active:backdrop, .inline-toolbar toolbutton > button:checked:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.85); - background-color: shade(#545454, 0.85); } + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } .inline-toolbar toolbutton > button:active:disabled, .inline-toolbar toolbutton > button:checked:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.1); - border-color: mix(shade(#3B3B3B, 0.9), mix(#FFFFFF, #3B3B3B, 0.95), 0.15); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 0.9); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.1); + border-color: mix(#FFFFFF, #343236, 0.95); + background-color: mix(#FFFFFF, #343236, 0.95); } .inline-toolbar toolbutton > button:active:disabled:backdrop, .inline-toolbar toolbutton > button:checked:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - border-color: shade(#545454, 0.9); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.98), 0.9); } + color: mix(#FFFFFF, #343236, 0.75); + border-color: mix(#FFFFFF, #343236, 0.98); + background-color: mix(#FFFFFF, #343236, 0.98); } .inline-toolbar toolbutton > button:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.5); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.5); } .inline-toolbar toolbutton > button:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - background-image: none; } + color: mix(#FFFFFF, #343236, 0.75); } .inline-toolbar toolbutton > button:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.9); - background-image: none; - background-color: #545454; } + border-color: shade(#25262A, 0.9); + background-color: #25262A; } .linked button, .linked .raised button, .primary-toolbar .linked button, .primary-toolbar .linked .raised button { border-radius: 0; border-left-width: 0; } .linked button:first-child, .linked .raised button:first-child, .primary-toolbar .linked button:first-child, .primary-toolbar .linked .raised button:first-child { border-left-width: 1px; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } .linked button:last-child, .linked .raised button:last-child, .primary-toolbar .linked button:last-child, .primary-toolbar .linked .raised button:last-child { border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; } + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } .linked button:only-child, .linked .raised button:only-child, .primary-toolbar .linked button:only-child, .primary-toolbar .linked .raised button:only-child { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked entry, .primary-toolbar .linked entry { border-radius: 0; border-left-width: 0; } .linked entry:first-child, .primary-toolbar .linked entry:first-child { border-left-width: 1px; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } .linked entry:last-child, .primary-toolbar .linked entry:last-child { border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; } + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } .linked entry:only-child, .primary-toolbar .linked entry:only-child { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked combobox box.linked button, .primary-toolbar .linked combobox box.linked button { border-radius: 0; border-left-width: 0; } .linked combobox:first-child box.linked button, .primary-toolbar .linked combobox:first-child box.linked button { border-left-width: 1px; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } .linked combobox:last-child box.linked button, .primary-toolbar .linked combobox:last-child box.linked button { border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; } + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } .linked combobox:only-child box.linked button, .primary-toolbar .linked combobox:only-child box.linked button { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked spinbutton, .primary-toolbar .linked spinbutton { border-radius: 0; border-left-width: 0; } .linked spinbutton:first-child, .primary-toolbar .linked spinbutton:first-child { border-left-width: 1px; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } .linked spinbutton:last-child, .primary-toolbar .linked spinbutton:last-child { border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; } + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } .linked spinbutton:only-child, .primary-toolbar .linked spinbutton:only-child { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked.vertical button, .primary-toolbar .linked.vertical button { border-left-width: 1px; border-top-width: 0; border-radius: 0; } .linked.vertical button:first-child, .primary-toolbar .linked.vertical button:first-child { border-top-width: 1px; - border-top-left-radius: 4px; - border-top-right-radius: 4px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked.vertical button:last-child, .primary-toolbar .linked.vertical button:last-child { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } .linked.vertical button:only-child, .primary-toolbar .linked.vertical button:only-child { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked.vertical entry, .primary-toolbar .linked.vertical entry { border-left-width: 1px; border-top-width: 0; border-radius: 0; } .linked.vertical entry:first-child, .primary-toolbar .linked.vertical entry:first-child { border-top-width: 1px; - border-top-left-radius: 4px; - border-top-right-radius: 4px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked.vertical entry:last-child, .primary-toolbar .linked.vertical entry:last-child { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } .linked.vertical entry:only-child, .primary-toolbar .linked.vertical entry:only-child { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked.vertical combobox box.linked button, .primary-toolbar .linked.vertical combobox box.linked button { border-left-width: 1px; border-top-width: 0; border-radius: 0; } .linked.vertical combobox:first-child box.linked button, .primary-toolbar .linked.vertical combobox:first-child box.linked button { border-top-width: 1px; - border-top-left-radius: 4px; - border-top-right-radius: 4px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked.vertical combobox:last-child box.linked button, .primary-toolbar .linked.vertical combobox:last-child box.linked button { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } .linked.vertical combobox:only-child box.linked button, .primary-toolbar .linked.vertical combobox:only-child box.linked button { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked.vertical spinbutton, .primary-toolbar .linked.vertical spinbutton { border-left-width: 1px; border-top-width: 0; border-radius: 0; } .linked.vertical spinbutton:first-child, .primary-toolbar .linked.vertical spinbutton:first-child { border-top-width: 1px; - border-top-left-radius: 4px; - border-top-right-radius: 4px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .linked.vertical spinbutton:last-child, .primary-toolbar .linked.vertical spinbutton:last-child { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } .linked.vertical spinbutton:only-child, .primary-toolbar .linked.vertical spinbutton:only-child { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } .linked.vertical spinbutton button:first-child, .linked.vertical spinbutton button:last-child, .primary-toolbar .linked.vertical spinbutton button:first-child, .primary-toolbar .linked.vertical spinbutton button:last-child { border-radius: 0; } @@ -1970,36 +1911,45 @@ toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutt border-left-width: 0; } toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat { border-left-width: 1px; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat { border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; } + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat { border-width: 1px; - border-radius: 4px; } + border-radius: 8px; } stackswitcher button.text-button { min-width: 80px; box-shadow: none; } stackswitcher button.text-button:active, stackswitcher button.text-button:active:hover, stackswitcher button.text-button:active:focus, stackswitcher button.text-button:checked, stackswitcher button.text-button:checked:hover, stackswitcher button.text-button:checked:focus { - background-color: #0375F8; - background-image: linear-gradient(to bottom, shade(#0375F8, 1.4), shade(#0375F8, 1.05)); + background-color: #2E7CF7; color: #FFFFFF; } stackswitcher button.text-button:active:backdrop, stackswitcher button.text-button:active:hover:backdrop, stackswitcher button.text-button:active:focus:backdrop, stackswitcher button.text-button:checked:backdrop, stackswitcher button.text-button:checked:hover:backdrop, stackswitcher button.text-button:checked:focus:backdrop { - background-image: linear-gradient(to bottom, shade(#545454, 0.9), shade(#545454, 1.05)); + background-color: shade(#25262A, 1.3); color: #8C8C8C; } +headerbar .linked button, headerbar .linked button:last-child { + border-width: 1px; + border-left-width: 1px; + border-radius: 8px; } + +headerbar .linked.vertical button, .linked.vertical button:last-child { + border-width: 1px; + border-top-width: 1px; + border-radius: 8px; } + tooltip { - border-radius: 4px; + border-radius: 8px; box-shadow: none; } tooltip.background { border-width: 1px; border-style: solid; - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); background-color: #3B3B3B; } tooltip.background label { padding: 1px; } @@ -2009,28 +1959,28 @@ tooltip { textview { color: #FFFFFF; - background-color: #1D1E22; } + background-color: #242226; } textview text { - background-color: #1D1E22; } + background-color: #242226; } textview text:selected, textview text selection, textview text:selected:focus, textview text selection:focus { color: #FFFFFF; - background-color: #96C4F5; } + background-color: #3D6896; } textview text:backdrop { - background-color: shade(#545454, 0.9); } + background-color: #1C1E1F; } treeview { -treeview-vertical-separator: 0; } treeview.view:selected, treeview.view:selected:focus { border-radius: 0; color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } treeview.view:selected:backdrop, treeview.view:selected:focus:backdrop { - color: shade(#aeaeae, 0.8); - background-color: shade(#545454, 1.3); } + color: shade(#AEAEAE, 0.8); + background-color: shade(#25262A, 1.3); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; - border-color: #0375F8; } + border-color: #2E7CF7; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { @@ -2040,119 +1990,122 @@ treeview { border-style: solid; border-width: 0 1px 1px 0; background-image: none; - background-color: #3B3B3B; } + background-color: #343236; } treeview header button:last-child { border-width: 0 0 1px 0; } treeview header button:hover, treeview header button:focus:hover { background-image: none; - background-color: #3B3B3B; } + background-color: #343236; } treeview header button:active, treeview header button:focus:active { color: #FFFFFF; background-image: none; - background-color: shade(#3B3B3B, 0.9); } + background-color: shade(#343236, 0.9); } treeview entry, treeview entry.flat { border-radius: 0; background-image: none; - background-color: #1D1E22; } + background-color: #242226; } treeview entry:focus, treeview entry.flat:focus { - border-color: #0375F8; } + border-color: #2E7CF7; } .view { color: #FFFFFF; - background-color: #1D1E22; } + background-color: #242226; } .view:backdrop { - color: #aeaeae; - background-color: shade(#545454, 0.9); } + color: #AEAEAE; + background-color: #1C1E1F; } .view:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); - background-color: mix(#FFFFFF, #3B3B3B, 0.95); } + color: mix(#FFFFFF, #343236, 0.5); + background-color: mix(#FFFFFF, #343236, 0.95); } .view:selected, .view:selected:focus, .view text:selected, .view text:selected:focus, .view text selection, .view text selection:focus { color: #FFFFFF; - background-color: #0375F8; - border-radius: 3px; - -gtk-outline-radius: 3px; } + background-color: #2E7CF7; + border-radius: 8px; + -gtk-outline-radius: 8px; } .view:selected:disabled, .view:selected:focus:disabled, .view text:selected:disabled, .view text:selected:focus:disabled, .view text selection:disabled, .view text selection:focus:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.5), 0.5); - background-color: #0375F8; } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.5), 0.5); + background-color: #2E7CF7; } .view:selected:backdrop, .view:selected:focus:backdrop, .view text:selected:backdrop, .view text:selected:focus:backdrop, .view text selection:backdrop, .view text selection:focus:backdrop { - color: shade(#aeaeae, 0.8); - background-color: shade(#545454, 1.3); } + color: shade(#AEAEAE, 0.8); + background-color: shade(#25262A, 1.3); } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list, .nemo-window.csd.background, .nemo-window placessidebar list { - background-color: alpha(#3B3B3B, 0.75); } + background-color: alpha(#343236, 0.9); } filechooser.csd.background:backdrop, filechooser placessidebar list:backdrop, .nautilus-window.csd.background:backdrop, .nautilus-window placessidebar list:backdrop, .nemo-window.csd.background:backdrop, .nemo-window placessidebar list:backdrop { - background-color: #545454; } + background-color: #25262A; } filechooser .sidebar row, filechooser .sidebar row:focus, filechooser .sidebar view row, filechooser .sidebar view row:focus, filechooser .sidebar row.sidebar-row, filechooser .sidebar row.sidebar-row:focus, filechooser .sidebar .view, filechooser .sidebar .view:focus, filechooser .sidebar iconview, filechooser .sidebar iconview:focus, .nautilus-window .sidebar row, .nautilus-window .sidebar row:focus, .nautilus-window .sidebar view row, .nautilus-window .sidebar view row:focus, .nautilus-window .sidebar row.sidebar-row, .nautilus-window .sidebar row.sidebar-row:focus, .nautilus-window .sidebar .view, .nautilus-window .sidebar .view:focus, .nautilus-window .sidebar iconview, .nautilus-window .sidebar iconview:focus, .nemo-window .sidebar row, .nemo-window .sidebar row:focus, .nemo-window .sidebar view row, .nemo-window .sidebar view row:focus, .nemo-window .sidebar row.sidebar-row, .nemo-window .sidebar row.sidebar-row:focus, .nemo-window .sidebar .view, .nemo-window .sidebar .view:focus, .nemo-window .sidebar iconview, .nemo-window .sidebar iconview:focus { border: none; color: #FFFFFF; background-color: transparent; } filechooser .sidebar row:hover, filechooser .sidebar row:focus:hover, filechooser .sidebar view row:hover, filechooser .sidebar view row:focus:hover, filechooser .sidebar row.sidebar-row:hover, filechooser .sidebar row.sidebar-row:focus:hover, filechooser .sidebar .view:hover, filechooser .sidebar .view:focus:hover, filechooser .sidebar iconview:hover, filechooser .sidebar iconview:focus:hover, .nautilus-window .sidebar row:hover, .nautilus-window .sidebar row:focus:hover, .nautilus-window .sidebar view row:hover, .nautilus-window .sidebar view row:focus:hover, .nautilus-window .sidebar row.sidebar-row:hover, .nautilus-window .sidebar row.sidebar-row:focus:hover, .nautilus-window .sidebar .view:hover, .nautilus-window .sidebar .view:focus:hover, .nautilus-window .sidebar iconview:hover, .nautilus-window .sidebar iconview:focus:hover, .nemo-window .sidebar row:hover, .nemo-window .sidebar row:focus:hover, .nemo-window .sidebar view row:hover, .nemo-window .sidebar view row:focus:hover, .nemo-window .sidebar row.sidebar-row:hover, .nemo-window .sidebar row.sidebar-row:focus:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar .view:focus:hover, .nemo-window .sidebar iconview:hover, .nemo-window .sidebar iconview:focus:hover { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.75), #FFFFFF, 0.05); } + background-color: mix(alpha(#343236, 0.9), #FFFFFF, 0.05); } filechooser .sidebar row:active, filechooser .sidebar row:focus:active, filechooser .sidebar view row:active, filechooser .sidebar view row:focus:active, filechooser .sidebar row.sidebar-row:active, filechooser .sidebar row.sidebar-row:focus:active, filechooser .sidebar .view:active, filechooser .sidebar .view:focus:active, filechooser .sidebar iconview:active, filechooser .sidebar iconview:focus:active, .nautilus-window .sidebar row:active, .nautilus-window .sidebar row:focus:active, .nautilus-window .sidebar view row:active, .nautilus-window .sidebar view row:focus:active, .nautilus-window .sidebar row.sidebar-row:active, .nautilus-window .sidebar row.sidebar-row:focus:active, .nautilus-window .sidebar .view:active, .nautilus-window .sidebar .view:focus:active, .nautilus-window .sidebar iconview:active, .nautilus-window .sidebar iconview:focus:active, .nemo-window .sidebar row:active, .nemo-window .sidebar row:focus:active, .nemo-window .sidebar view row:active, .nemo-window .sidebar view row:focus:active, .nemo-window .sidebar row.sidebar-row:active, .nemo-window .sidebar row.sidebar-row:focus:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar .view:focus:active, .nemo-window .sidebar iconview:active, .nemo-window .sidebar iconview:focus:active { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.75), #FFFFFF, 0.15); } + background-color: mix(alpha(#343236, 0.9), #FFFFFF, 0.15); } filechooser .sidebar row:backdrop, filechooser .sidebar row:focus:backdrop, filechooser .sidebar view row:backdrop, filechooser .sidebar view row:focus:backdrop, filechooser .sidebar row.sidebar-row:backdrop, filechooser .sidebar row.sidebar-row:focus:backdrop, filechooser .sidebar .view:backdrop, filechooser .sidebar .view:focus:backdrop, filechooser .sidebar iconview:backdrop, filechooser .sidebar iconview:focus:backdrop, .nautilus-window .sidebar row:backdrop, .nautilus-window .sidebar row:focus:backdrop, .nautilus-window .sidebar view row:backdrop, .nautilus-window .sidebar view row:focus:backdrop, .nautilus-window .sidebar row.sidebar-row:backdrop, .nautilus-window .sidebar row.sidebar-row:focus:backdrop, .nautilus-window .sidebar .view:backdrop, .nautilus-window .sidebar .view:focus:backdrop, .nautilus-window .sidebar iconview:backdrop, .nautilus-window .sidebar iconview:focus:backdrop, .nemo-window .sidebar row:backdrop, .nemo-window .sidebar row:focus:backdrop, .nemo-window .sidebar view row:backdrop, .nemo-window .sidebar view row:focus:backdrop, .nemo-window .sidebar row.sidebar-row:backdrop, .nemo-window .sidebar row.sidebar-row:focus:backdrop, .nemo-window .sidebar .view:backdrop, .nemo-window .sidebar .view:focus:backdrop, .nemo-window .sidebar iconview:backdrop, .nemo-window .sidebar iconview:focus:backdrop { color: #8C8C8C; } filechooser .sidebar row:selected, filechooser .sidebar row:focus:selected, filechooser .sidebar view row:selected, filechooser .sidebar view row:focus:selected, filechooser .sidebar row.sidebar-row:selected, filechooser .sidebar row.sidebar-row:focus:selected, filechooser .sidebar .view:selected, filechooser .sidebar .view:focus:selected, filechooser .sidebar iconview:selected, filechooser .sidebar iconview:focus:selected, .nautilus-window .sidebar row:selected, .nautilus-window .sidebar row:focus:selected, .nautilus-window .sidebar view row:selected, .nautilus-window .sidebar view row:focus:selected, .nautilus-window .sidebar row.sidebar-row:selected, .nautilus-window .sidebar row.sidebar-row:focus:selected, .nautilus-window .sidebar .view:selected, .nautilus-window .sidebar .view:focus:selected, .nautilus-window .sidebar iconview:selected, .nautilus-window .sidebar iconview:focus:selected, .nemo-window .sidebar row:selected, .nemo-window .sidebar row:focus:selected, .nemo-window .sidebar view row:selected, .nemo-window .sidebar view row:focus:selected, .nemo-window .sidebar row.sidebar-row:selected, .nemo-window .sidebar row.sidebar-row:focus:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar .view:focus:selected, .nemo-window .sidebar iconview:selected, .nemo-window .sidebar iconview:focus:selected { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.75), #FFFFFF, 0.2); } + background-color: mix(alpha(#343236, 0.9), #FFFFFF, 0.2); } filechooser .sidebar row:selected:hover, filechooser .sidebar row:focus:selected:hover, filechooser .sidebar view row:selected:hover, filechooser .sidebar view row:focus:selected:hover, filechooser .sidebar row.sidebar-row:selected:hover, filechooser .sidebar row.sidebar-row:focus:selected:hover, filechooser .sidebar .view:selected:hover, filechooser .sidebar .view:focus:selected:hover, filechooser .sidebar iconview:selected:hover, filechooser .sidebar iconview:focus:selected:hover, .nautilus-window .sidebar row:selected:hover, .nautilus-window .sidebar row:focus:selected:hover, .nautilus-window .sidebar view row:selected:hover, .nautilus-window .sidebar view row:focus:selected:hover, .nautilus-window .sidebar row.sidebar-row:selected:hover, .nautilus-window .sidebar row.sidebar-row:focus:selected:hover, .nautilus-window .sidebar .view:selected:hover, .nautilus-window .sidebar .view:focus:selected:hover, .nautilus-window .sidebar iconview:selected:hover, .nautilus-window .sidebar iconview:focus:selected:hover, .nemo-window .sidebar row:selected:hover, .nemo-window .sidebar row:focus:selected:hover, .nemo-window .sidebar view row:selected:hover, .nemo-window .sidebar view row:focus:selected:hover, .nemo-window .sidebar row.sidebar-row:selected:hover, .nemo-window .sidebar row.sidebar-row:focus:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar .view:focus:selected:hover, .nemo-window .sidebar iconview:selected:hover, .nemo-window .sidebar iconview:focus:selected:hover { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.75), #FFFFFF, 0.3); } + background-color: mix(alpha(#343236, 0.9), #FFFFFF, 0.3); } filechooser .sidebar row:selected:active, filechooser .sidebar row:focus:selected:active, filechooser .sidebar view row:selected:active, filechooser .sidebar view row:focus:selected:active, filechooser .sidebar row.sidebar-row:selected:active, filechooser .sidebar row.sidebar-row:focus:selected:active, filechooser .sidebar .view:selected:active, filechooser .sidebar .view:focus:selected:active, filechooser .sidebar iconview:selected:active, filechooser .sidebar iconview:focus:selected:active, .nautilus-window .sidebar row:selected:active, .nautilus-window .sidebar row:focus:selected:active, .nautilus-window .sidebar view row:selected:active, .nautilus-window .sidebar view row:focus:selected:active, .nautilus-window .sidebar row.sidebar-row:selected:active, .nautilus-window .sidebar row.sidebar-row:focus:selected:active, .nautilus-window .sidebar .view:selected:active, .nautilus-window .sidebar .view:focus:selected:active, .nautilus-window .sidebar iconview:selected:active, .nautilus-window .sidebar iconview:focus:selected:active, .nemo-window .sidebar row:selected:active, .nemo-window .sidebar row:focus:selected:active, .nemo-window .sidebar view row:selected:active, .nemo-window .sidebar view row:focus:selected:active, .nemo-window .sidebar row.sidebar-row:selected:active, .nemo-window .sidebar row.sidebar-row:focus:selected:active, .nemo-window .sidebar .view:selected:active, .nemo-window .sidebar .view:focus:selected:active, .nemo-window .sidebar iconview:selected:active, .nemo-window .sidebar iconview:focus:selected:active { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.75), #FFFFFF, 0.15); } + background-color: mix(alpha(#343236, 0.9), #FFFFFF, 0.15); } filechooser .sidebar row:selected:backdrop, filechooser .sidebar row:focus:selected:backdrop, filechooser .sidebar view row:selected:backdrop, filechooser .sidebar view row:focus:selected:backdrop, filechooser .sidebar row.sidebar-row:selected:backdrop, filechooser .sidebar row.sidebar-row:focus:selected:backdrop, filechooser .sidebar .view:selected:backdrop, filechooser .sidebar .view:focus:selected:backdrop, filechooser .sidebar iconview:selected:backdrop, filechooser .sidebar iconview:focus:selected:backdrop, .nautilus-window .sidebar row:selected:backdrop, .nautilus-window .sidebar row:focus:selected:backdrop, .nautilus-window .sidebar view row:selected:backdrop, .nautilus-window .sidebar view row:focus:selected:backdrop, .nautilus-window .sidebar row.sidebar-row:selected:backdrop, .nautilus-window .sidebar row.sidebar-row:focus:selected:backdrop, .nautilus-window .sidebar .view:selected:backdrop, .nautilus-window .sidebar .view:focus:selected:backdrop, .nautilus-window .sidebar iconview:selected:backdrop, .nautilus-window .sidebar iconview:focus:selected:backdrop, .nemo-window .sidebar row:selected:backdrop, .nemo-window .sidebar row:focus:selected:backdrop, .nemo-window .sidebar view row:selected:backdrop, .nemo-window .sidebar view row:focus:selected:backdrop, .nemo-window .sidebar row.sidebar-row:selected:backdrop, .nemo-window .sidebar row.sidebar-row:focus:selected:backdrop, .nemo-window .sidebar .view:selected:backdrop, .nemo-window .sidebar .view:focus:selected:backdrop, .nemo-window .sidebar iconview:selected:backdrop, .nemo-window .sidebar iconview:focus:selected:backdrop { color: #8C8C8C; - background-color: mix(alpha(#3B3B3B, 0.75), #FFFFFF, 0.1); } + background-color: mix(alpha(#343236, 0.9), #FFFFFF, 0.1); } filechooser .sidebar row.expander, filechooser .sidebar view row.expander, filechooser .sidebar row.sidebar-row.expander, filechooser .sidebar .view.expander, filechooser .sidebar iconview.expander, .nautilus-window .sidebar row.expander, .nautilus-window .sidebar view row.expander, .nautilus-window .sidebar row.sidebar-row.expander, .nautilus-window .sidebar .view.expander, .nautilus-window .sidebar iconview.expander, .nemo-window .sidebar row.expander, .nemo-window .sidebar view row.expander, .nemo-window .sidebar row.sidebar-row.expander, .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander { color: #FFFFFF; } filechooser .sidebar row.expander:hover, filechooser .sidebar view row.expander:hover, filechooser .sidebar row.sidebar-row.expander:hover, filechooser .sidebar .view.expander:hover, filechooser .sidebar iconview.expander:hover, .nautilus-window .sidebar row.expander:hover, .nautilus-window .sidebar view row.expander:hover, .nautilus-window .sidebar row.sidebar-row.expander:hover, .nautilus-window .sidebar .view.expander:hover, .nautilus-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover, .nemo-window .sidebar view row.expander:hover, .nemo-window .sidebar row.sidebar-row.expander:hover, .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover { - color: #0375F8; } + color: #2E7CF7; } filechooser .sidebar frame > border, filechooser .sidebar .frame, .nautilus-window .sidebar frame > border, .nautilus-window .sidebar .frame, .nemo-window .sidebar frame > border, .nemo-window .sidebar .frame { border: none; } filechooser .sidebar separator, filechooser .sidebar separator:backdrop, .nautilus-window .sidebar separator, .nautilus-window .sidebar separator:backdrop, .nemo-window .sidebar separator, .nemo-window .sidebar separator:backdrop { background-color: transparent; } +.nautilus-window.csd.background { + background: transparent; } + .caja-navigation-window .caja-side-pane row, .caja-navigation-window .caja-side-pane row:focus, .caja-navigation-window .caja-side-pane view row, .caja-navigation-window .caja-side-pane view row:focus, .caja-navigation-window .caja-side-pane row.sidebar-row, .caja-navigation-window .caja-side-pane row.sidebar-row:focus, .caja-navigation-window .caja-side-pane .view, .caja-navigation-window .caja-side-pane .view:focus, .caja-navigation-window .caja-side-pane iconview, .caja-navigation-window .caja-side-pane iconview:focus { border: none; color: #FFFFFF; background-color: transparent; } .caja-navigation-window .caja-side-pane row:hover, .caja-navigation-window .caja-side-pane row:focus:hover, .caja-navigation-window .caja-side-pane view row:hover, .caja-navigation-window .caja-side-pane view row:focus:hover, .caja-navigation-window .caja-side-pane row.sidebar-row:hover, .caja-navigation-window .caja-side-pane row.sidebar-row:focus:hover, .caja-navigation-window .caja-side-pane .view:hover, .caja-navigation-window .caja-side-pane .view:focus:hover, .caja-navigation-window .caja-side-pane iconview:hover, .caja-navigation-window .caja-side-pane iconview:focus:hover { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.75), #FFFFFF, 0.05); } + background-color: mix(alpha(#343236, 0.9), #FFFFFF, 0.05); } .caja-navigation-window .caja-side-pane row:active, .caja-navigation-window .caja-side-pane row:focus:active, .caja-navigation-window .caja-side-pane view row:active, .caja-navigation-window .caja-side-pane view row:focus:active, .caja-navigation-window .caja-side-pane row.sidebar-row:active, .caja-navigation-window .caja-side-pane row.sidebar-row:focus:active, .caja-navigation-window .caja-side-pane .view:active, .caja-navigation-window .caja-side-pane .view:focus:active, .caja-navigation-window .caja-side-pane iconview:active, .caja-navigation-window .caja-side-pane iconview:focus:active { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.75), #FFFFFF, 0.15); } + background-color: mix(alpha(#343236, 0.9), #FFFFFF, 0.15); } .caja-navigation-window .caja-side-pane row:backdrop, .caja-navigation-window .caja-side-pane row:focus:backdrop, .caja-navigation-window .caja-side-pane view row:backdrop, .caja-navigation-window .caja-side-pane view row:focus:backdrop, .caja-navigation-window .caja-side-pane row.sidebar-row:backdrop, .caja-navigation-window .caja-side-pane row.sidebar-row:focus:backdrop, .caja-navigation-window .caja-side-pane .view:backdrop, .caja-navigation-window .caja-side-pane .view:focus:backdrop, .caja-navigation-window .caja-side-pane iconview:backdrop, .caja-navigation-window .caja-side-pane iconview:focus:backdrop { color: #8C8C8C; } .caja-navigation-window .caja-side-pane row:selected, .caja-navigation-window .caja-side-pane row:focus:selected, .caja-navigation-window .caja-side-pane view row:selected, .caja-navigation-window .caja-side-pane view row:focus:selected, .caja-navigation-window .caja-side-pane row.sidebar-row:selected, .caja-navigation-window .caja-side-pane row.sidebar-row:focus:selected, .caja-navigation-window .caja-side-pane .view:selected, .caja-navigation-window .caja-side-pane .view:focus:selected, .caja-navigation-window .caja-side-pane iconview:selected, .caja-navigation-window .caja-side-pane iconview:focus:selected { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.75), #FFFFFF, 0.2); } + background-color: mix(alpha(#343236, 0.9), #FFFFFF, 0.2); } .caja-navigation-window .caja-side-pane row:selected:hover, .caja-navigation-window .caja-side-pane row:focus:selected:hover, .caja-navigation-window .caja-side-pane view row:selected:hover, .caja-navigation-window .caja-side-pane view row:focus:selected:hover, .caja-navigation-window .caja-side-pane row.sidebar-row:selected:hover, .caja-navigation-window .caja-side-pane row.sidebar-row:focus:selected:hover, .caja-navigation-window .caja-side-pane .view:selected:hover, .caja-navigation-window .caja-side-pane .view:focus:selected:hover, .caja-navigation-window .caja-side-pane iconview:selected:hover, .caja-navigation-window .caja-side-pane iconview:focus:selected:hover { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.75), #FFFFFF, 0.3); } + background-color: mix(alpha(#343236, 0.9), #FFFFFF, 0.3); } .caja-navigation-window .caja-side-pane row:selected:active, .caja-navigation-window .caja-side-pane row:focus:selected:active, .caja-navigation-window .caja-side-pane view row:selected:active, .caja-navigation-window .caja-side-pane view row:focus:selected:active, .caja-navigation-window .caja-side-pane row.sidebar-row:selected:active, .caja-navigation-window .caja-side-pane row.sidebar-row:focus:selected:active, .caja-navigation-window .caja-side-pane .view:selected:active, .caja-navigation-window .caja-side-pane .view:focus:selected:active, .caja-navigation-window .caja-side-pane iconview:selected:active, .caja-navigation-window .caja-side-pane iconview:focus:selected:active { color: #FFFFFF; - background-color: mix(alpha(#3B3B3B, 0.75), #FFFFFF, 0.15); } + background-color: mix(alpha(#343236, 0.9), #FFFFFF, 0.15); } .caja-navigation-window .caja-side-pane row:selected:backdrop, .caja-navigation-window .caja-side-pane row:focus:selected:backdrop, .caja-navigation-window .caja-side-pane view row:selected:backdrop, .caja-navigation-window .caja-side-pane view row:focus:selected:backdrop, .caja-navigation-window .caja-side-pane row.sidebar-row:selected:backdrop, .caja-navigation-window .caja-side-pane row.sidebar-row:focus:selected:backdrop, .caja-navigation-window .caja-side-pane .view:selected:backdrop, .caja-navigation-window .caja-side-pane .view:focus:selected:backdrop, .caja-navigation-window .caja-side-pane iconview:selected:backdrop, .caja-navigation-window .caja-side-pane iconview:focus:selected:backdrop { color: #8C8C8C; - background-color: mix(alpha(#3B3B3B, 0.75), #FFFFFF, 0.1); } + background-color: mix(alpha(#343236, 0.9), #FFFFFF, 0.1); } .caja-navigation-window .caja-side-pane row.expander, .caja-navigation-window .caja-side-pane view row.expander, .caja-navigation-window .caja-side-pane row.sidebar-row.expander, .caja-navigation-window .caja-side-pane .view.expander, .caja-navigation-window .caja-side-pane iconview.expander { color: #FFFFFF; } .caja-navigation-window .caja-side-pane row.expander:hover, .caja-navigation-window .caja-side-pane view row.expander:hover, .caja-navigation-window .caja-side-pane row.sidebar-row.expander:hover, .caja-navigation-window .caja-side-pane .view.expander:hover, .caja-navigation-window .caja-side-pane iconview.expander:hover { - color: #0375F8; } + color: #2E7CF7; } .caja-navigation-window .caja-side-pane frame > border, .caja-navigation-window .caja-side-pane .frame { border: none; } .caja-navigation-window .caja-side-pane separator, .caja-navigation-window .caja-side-pane separator:backdrop { background-color: transparent; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid shade(#3B3B3B, 0.9); + border-right: 1px solid shade(#343236, 0.9); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid shade(#3B3B3B, 0.9); + border-left: 1px solid shade(#343236, 0.9); border-right-style: none; } stacksidebar row { padding: 10px 4px; } @@ -2180,13 +2133,13 @@ placessidebar row { placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } placessidebar row.sidebar-new-bookmark-row { - color: #0375F8; } + color: #2E7CF7; } placessidebar row:drop(active):not(:disabled) { - color: #0375F8; - box-shadow: inset 0 1px #0375F8, inset 0 -1px #0375F8; } + color: #2E7CF7; + box-shadow: inset 0 1px #2E7CF7, inset 0 -1px #2E7CF7; } placessidebar row:drop(active):not(:disabled):selected { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } button.sidebar-button, button.sidebar-button:backdrop { min-width: 22px; @@ -2206,13 +2159,13 @@ actionbar { padding: 4px; border-width: 1px 0 0 0; border-style: solid; - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); color: #FFFFFF; - background-color: #3B3B3B; } + background-color: #343236; } actionbar:backdrop { - border-color: shade(#545454, 0.9); + border-color: shade(#25262A, 0.9); color: #8C8C8C; - background-color: #545454; } + background-color: #25262A; } actionbar button.text-button { padding: 4px; } actionbar button .image-button { @@ -2227,20 +2180,20 @@ actionbar { searchbar { border-width: 0 0 1px 0; border-style: solid; - border-color: shade(#3B3B3B, 0.9); - background-color: #3B3B3B; } + border-color: shade(#343236, 0.9); + background-color: #343236; } .nautilus-window .searchbar-container { margin-top: -1px; } .app-notification { border-style: solid; - border-color: shade(#3B3B3B, 0.9); + border-color: shade(#343236, 0.9); border-width: 1px; border-radius: 0; margin: 5px; padding: 8px; - background-color: #1D1E22; + background-color: #242226; color: #FFFFFF; } .app-notification border { border: none; } @@ -2258,7 +2211,7 @@ searchbar { border-width: 1px; border-style: solid; border-color: shade(mix(#3B3B3B, #FFFFFF, 0.2), 0.8); - border-radius: 4px; + border-radius: 8px; background-image: none; background-color: shade(mix(#3B3B3B, #FFFFFF, 0.2), 1.08); color: #FFFFFF; } @@ -2293,7 +2246,7 @@ searchbar { border-width: 1px; border-style: solid; border-color: shade(mix(#3B3B3B, #FFFFFF, 0.2), 0.8); - border-radius: 4px; + border-radius: 8px; background-image: none; background-color: shade(mix(#3B3B3B, #FFFFFF, 0.2), 1.08); color: #FFFFFF; } @@ -2317,9 +2270,9 @@ searchbar { color: shade(mix(#3B3B3B, #FFFFFF, 0.2), 0.9); } .osd scale slider, scale.osd slider { - background-color: #0375F8; } + background-color: #2E7CF7; } .osd scale slider:hover, scale.osd slider:hover { - background-color: #0375F8; } + background-color: #2E7CF7; } .osd scale slider:disabled, scale.osd slider:disabled { background-color: mix(mix(#3B3B3B, #FFFFFF, 0.2), #FFFFFF, 0.15); } .osd scale trough, scale.osd trough { @@ -2328,8 +2281,8 @@ searchbar { border-color: shade(mix(#3B3B3B, #FFFFFF, 0.2), 0.85); background-color: transparent; } .osd scale highlight, scale.osd highlight { - border-color: #0375F8; - background-color: #0375F8; } + border-color: #2E7CF7; + background-color: #2E7CF7; } .osd progress, progress.osd { background-color: #FFFFFF; } @@ -2344,7 +2297,7 @@ searchbar { .osd progressbar progress, progressbar.osd progress { border-style: none; border-radius: 0; - background-color: #0375F8; } + background-color: #2E7CF7; } .osd scrollbar trough, scrollbar.osd trough { background-color: transparent; } @@ -2373,7 +2326,7 @@ button.destructive-action { border-width: 1px; border-style: solid; border-color: mix(#CC0000, #FFFFFF, 0.2); - border-radius: 4px; + border-radius: 8px; color: mix(#FFFFFF, #CC0000, 0.1); background-image: none; background-color: #CC0000; } @@ -2385,120 +2338,120 @@ button.destructive-action { background-color: mix(#CC0000, #FFFFFF, 0.1); } button.destructive-action:backdrop { border-color: mix(#CC0000, #8C8C8C, 0.2); - color: mix(shade(#aeaeae, 0.8), #CC0000, 0.1); - background-color: mix(#CC0000, #545454, 0.3); } + color: mix(shade(#AEAEAE, 0.8), #CC0000, 0.1); + background-color: mix(#CC0000, #25262A, 0.3); } button.suggested-action { border-width: 1px; border-style: solid; - border-radius: 4px; - border-color: #0375F8; + border-radius: 8px; + border-color: #2E7CF7; color: #FFFFFF; - background-image: linear-gradient(to bottom, shade(#0375F8, 1.25), shade(#0375F8, 1.1)); } + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.25), shade(#2E7CF7, 1.1)); } button.suggested-action:active, button.suggested-action:checked { - background-image: linear-gradient(to bottom, shade(#0375F8, 1.1), shade(#0375F8, 0.95)); } + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.1), shade(#2E7CF7, 0.95)); } button.suggested-action:active:backdrop, button.suggested-action:checked:backdrop { - color: shade(#aeaeae, 0.8); } + color: shade(#AEAEAE, 0.8); } button.suggested-action:disabled { - border-color: mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2); - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.5), 0.2); - background-image: linear-gradient(to bottom, shade(mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2), 1.2), shade(mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2), 1.05)); } + border-color: mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2); + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.5), 0.2); + background-image: linear-gradient(to bottom, shade(mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2), 1.2), shade(mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2), 1.05)); } button.suggested-action:disabled:backdrop { - border-color: mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2); - color: mix(shade(#aeaeae, 0.8), mix(#FFFFFF, #3B3B3B, 0.75), 0.2); - background-image: linear-gradient(to bottom, shade(mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2), 1.1), shade(mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2), 0.95)); } + border-color: mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2); + color: mix(shade(#AEAEAE, 0.8), mix(#FFFFFF, #343236, 0.75), 0.2); + background-image: linear-gradient(to bottom, shade(mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2), 1.1), shade(mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2), 0.95)); } button.suggested-action:backdrop { - border-color: shade(#545454, 1.3); - color: shade(#aeaeae, 0.8); - background-image: linear-gradient(to bottom, shade(#0375F8, 1.2), shade(#0375F8, 1.05)); } + border-color: shade(#25262A, 1.3); + color: shade(#AEAEAE, 0.8); + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.2), shade(#2E7CF7, 1.05)); } headerbar button.suggested-action { border-width: 1px; border-style: solid; - border-radius: 4px; - border-color: #0375F8; + border-radius: 8px; + border-color: #2E7CF7; color: #FFFFFF; - background-image: linear-gradient(to bottom, shade(#0375F8, 1.25), shade(#0375F8, 1.1)); } + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.25), shade(#2E7CF7, 1.1)); } headerbar button.suggested-action:active, headerbar button.suggested-action:checked { - background-image: linear-gradient(to bottom, shade(#0375F8, 1.1), shade(#0375F8, 0.95)); } + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.1), shade(#2E7CF7, 0.95)); } headerbar button.suggested-action:active:backdrop, headerbar button.suggested-action:checked:backdrop { - color: shade(#aeaeae, 0.8); } + color: shade(#AEAEAE, 0.8); } headerbar button.suggested-action:disabled { - border-color: mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2); - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.5), 0.2); - background-image: linear-gradient(to bottom, shade(mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2), 1.2), shade(mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2), 1.05)); } + border-color: mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2); + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.5), 0.2); + background-image: linear-gradient(to bottom, shade(mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2), 1.2), shade(mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2), 1.05)); } headerbar button.suggested-action:disabled:backdrop { - border-color: mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2); - color: mix(shade(#aeaeae, 0.8), mix(#FFFFFF, #3B3B3B, 0.75), 0.2); - background-image: linear-gradient(to bottom, shade(mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2), 1.1), shade(mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2), 0.95)); } + border-color: mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2); + color: mix(shade(#AEAEAE, 0.8), mix(#FFFFFF, #343236, 0.75), 0.2); + background-image: linear-gradient(to bottom, shade(mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2), 1.1), shade(mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2), 0.95)); } headerbar button.suggested-action:backdrop { - border-color: shade(#545454, 1.3); - color: shade(#aeaeae, 0.8); - background-image: linear-gradient(to bottom, shade(#0375F8, 1.2), shade(#0375F8, 1.05)); } + border-color: shade(#25262A, 1.3); + color: shade(#AEAEAE, 0.8); + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.2), shade(#2E7CF7, 1.05)); } toolbar.selection-mode { padding: 4px; } headerbar.selection-mode, toolbar.selection-mode { - border-color: mix(#0375F8, #FFFFFF, 0.6); + border-color: mix(#2E7CF7, #FFFFFF, 0.6); color: #FFFFFF; - background-color: mix(#0375F8, #FFFFFF, 0.6); } + background-color: mix(#2E7CF7, #FFFFFF, 0.6); } headerbar.selection-mode:backdrop, toolbar.selection-mode:backdrop { - border-color: mix(shade(#545454, 1.3), shade(#aeaeae, 0.8), 0.6); - color: shade(#aeaeae, 0.8); - background-color: mix(shade(#545454, 1.3), shade(#aeaeae, 0.8), 0.6); } + border-color: mix(shade(#25262A, 1.3), shade(#AEAEAE, 0.8), 0.6); + color: shade(#AEAEAE, 0.8); + background-color: mix(shade(#25262A, 1.3), shade(#AEAEAE, 0.8), 0.6); } headerbar.selection-mode button, toolbar.selection-mode button { border-width: 1px; border-style: solid; - border-color: mix(#0375F8, #FFFFFF, 0.7); - border-radius: 4px; - color: mix(#0375F8, #FFFFFF, 0.2); - background-color: mix(#0375F8, #FFFFFF, 0.7); } + border-color: mix(#2E7CF7, #FFFFFF, 0.7); + border-radius: 8px; + color: mix(#2E7CF7, #FFFFFF, 0.2); + background-color: mix(#2E7CF7, #FFFFFF, 0.7); } headerbar.selection-mode button:hover, toolbar.selection-mode button:hover { - border-color: mix(#0375F8, #FFFFFF, 0.75); - background-color: mix(#0375F8, #FFFFFF, 0.75); } + border-color: mix(#2E7CF7, #FFFFFF, 0.75); + background-color: mix(#2E7CF7, #FFFFFF, 0.75); } headerbar.selection-mode button:active, headerbar.selection-mode button:checked, toolbar.selection-mode button:active, toolbar.selection-mode button:checked { - border-color: mix(#0375F8, #FFFFFF, 0.45); - background-color: mix(#0375F8, #FFFFFF, 0.45); } + border-color: mix(#2E7CF7, #FFFFFF, 0.45); + background-color: mix(#2E7CF7, #FFFFFF, 0.45); } headerbar.selection-mode button:active:backdrop, headerbar.selection-mode button:checked:backdrop, toolbar.selection-mode button:active:backdrop, toolbar.selection-mode button:checked:backdrop { - border-color: mix(shade(#545454, 1.3), shade(#aeaeae, 0.8), 0.45); - background-color: mix(shade(#545454, 1.3), shade(#aeaeae, 0.8), 0.45); } + border-color: mix(shade(#25262A, 1.3), shade(#AEAEAE, 0.8), 0.45); + background-color: mix(shade(#25262A, 1.3), shade(#AEAEAE, 0.8), 0.45); } headerbar.selection-mode button:backdrop, toolbar.selection-mode button:backdrop { - border-color: mix(shade(#545454, 1.3), shade(#aeaeae, 0.8), 0.75); - color: mix(shade(#545454, 1.3), #8C8C8C, 0.3); - background-color: mix(shade(#545454, 1.3), shade(#aeaeae, 0.8), 0.75); } + border-color: mix(shade(#25262A, 1.3), shade(#AEAEAE, 0.8), 0.75); + color: mix(shade(#25262A, 1.3), #8C8C8C, 0.3); + background-color: mix(shade(#25262A, 1.3), shade(#AEAEAE, 0.8), 0.75); } headerbar.selection-mode button.suggested-action, toolbar.selection-mode button.suggested-action { border-width: 1px; border-style: solid; - border-radius: 4px; - border-color: #0375F8; + border-radius: 8px; + border-color: #2E7CF7; color: #FFFFFF; - background-image: linear-gradient(to bottom, shade(#0375F8, 1.25), shade(#0375F8, 1.1)); } + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.25), shade(#2E7CF7, 1.1)); } headerbar.selection-mode button.suggested-action:active, headerbar.selection-mode button.suggested-action:checked, toolbar.selection-mode button.suggested-action:active, toolbar.selection-mode button.suggested-action:checked { - background-image: linear-gradient(to bottom, shade(#0375F8, 1.1), shade(#0375F8, 0.95)); } + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.1), shade(#2E7CF7, 0.95)); } headerbar.selection-mode button.suggested-action:active:backdrop, headerbar.selection-mode button.suggested-action:checked:backdrop, toolbar.selection-mode button.suggested-action:active:backdrop, toolbar.selection-mode button.suggested-action:checked:backdrop { - color: shade(#aeaeae, 0.8); } + color: shade(#AEAEAE, 0.8); } headerbar.selection-mode button.suggested-action:disabled, toolbar.selection-mode button.suggested-action:disabled { - border-color: mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2); - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.5), 0.2); - background-image: linear-gradient(to bottom, shade(mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2), 1.2), shade(mix(#0375F8, mix(#FFFFFF, #3B3B3B, 0.95), 0.2), 1.05)); } + border-color: mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2); + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.5), 0.2); + background-image: linear-gradient(to bottom, shade(mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2), 1.2), shade(mix(#2E7CF7, mix(#FFFFFF, #343236, 0.95), 0.2), 1.05)); } headerbar.selection-mode button.suggested-action:disabled:backdrop, toolbar.selection-mode button.suggested-action:disabled:backdrop { - border-color: mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2); - color: mix(shade(#aeaeae, 0.8), mix(#FFFFFF, #3B3B3B, 0.75), 0.2); - background-image: linear-gradient(to bottom, shade(mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2), 1.1), shade(mix(shade(#545454, 1.3), mix(#FFFFFF, #3B3B3B, 0.98), 0.2), 0.95)); } + border-color: mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2); + color: mix(shade(#AEAEAE, 0.8), mix(#FFFFFF, #343236, 0.75), 0.2); + background-image: linear-gradient(to bottom, shade(mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2), 1.1), shade(mix(shade(#25262A, 1.3), mix(#FFFFFF, #343236, 0.98), 0.2), 0.95)); } headerbar.selection-mode button.suggested-action:backdrop, toolbar.selection-mode button.suggested-action:backdrop { - border-color: shade(#545454, 1.3); - color: shade(#aeaeae, 0.8); - background-image: linear-gradient(to bottom, shade(#0375F8, 1.2), shade(#0375F8, 1.05)); } + border-color: shade(#25262A, 1.3); + color: shade(#AEAEAE, 0.8); + background-image: linear-gradient(to bottom, shade(#2E7CF7, 1.2), shade(#2E7CF7, 1.05)); } headerbar.selection-mode .selection-menu button, toolbar.selection-mode .selection-menu button { border-style: none; background-color: transparent; - color: shade(#0375F8, 0.8); } + color: shade(#2E7CF7, 0.8); } headerbar.selection-mode .selection-menu button .dim-label, toolbar.selection-mode .selection-menu button .dim-label { - color: shade(#0375F8, 0.7); } + color: shade(#2E7CF7, 0.7); } decoration { - border-radius: 4px 4px 0 0; + border-radius: 8px 8px 0 0; border-width: 0px; box-shadow: 0 10px 15px 1px alpha(#000000, 0.3), 0 0 0 1px alpha(#000000, 0.25); margin: 10px; } @@ -2509,15 +2462,15 @@ decoration { .popup decoration { box-shadow: none; } .csd.popup decoration { - border-radius: 4px; + border-radius: 8px; box-shadow: 0 6px 5px 1px alpha(#000000, 0.2), 0 0 0 1px alpha(#000000, 0.1); } .ssd decoration { - border-radius: 4px 4px 0 0; + border-radius: 8px 8px 0 0; box-shadow: 0 0 0 1px alpha(#000000, 0.1); } .ssd decoration.maximized { border-radius: 0; } tooltip.csd decoration { - border-radius: 4px; + border-radius: 8px; box-shadow: none; } .solid-csd decoration { margin: 1px; @@ -2526,24 +2479,24 @@ decoration { box-shadow: none; } window.background.csd.popup { - border-radius: 4px; } + border-radius: 8px; } messagedialog { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } messagedialog .background.csd { - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; - background-color: #3B3B3B; } + background-color: #343236; } messagedialog decoration { - border-radius: 4px; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; + border-radius: 8px; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; box-shadow: 0 1px 2px alpha(black, 0.2); } messagedialog .titlebar.horizontal { border: none; background-image: none; - background-color: #3B3B3B; } + background-color: #343236; } messagedialog.csd .dialog-action-area button { padding: 10px; border-radius: 0; @@ -2553,18 +2506,18 @@ messagedialog { messagedialog.csd .dialog-action-area button:last-child { border-right-width: 0; border-radius: 0px; - border-bottom-right-radius: 4px; - -gtk-outline-radius: 0 0 4px 0; } + border-bottom-right-radius: 8px; + -gtk-outline-radius: 0 0 8px 0; } messagedialog.csd .dialog-action-area button:first-child { border-left-width: 0; border-radius: 0px; - border-bottom-left-radius: 4px; - -gtk-outline-radius: 0 0 0 4px; } + border-bottom-left-radius: 8px; + -gtk-outline-radius: 0 0 0 8px; } messagedialog.csd .dialog-action-area button:only-child { border-radius: 0px; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - -gtk-outline-radius: 0 0 4px 4px; } + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + -gtk-outline-radius: 0 0 8px 8px; } .caja-desktop, .nemo-desktop.nemo-canvas-item, .nautilus-desktop.nautilus-canvas-item { color: #FFFFFF; @@ -2598,7 +2551,7 @@ panel-toplevel.background button { border: none; box-shadow: none; background-image: none; - background-color: #0375F8; } + background-color: #2E7CF7; } #tasklist-button { color: #FFFFFF; @@ -2614,7 +2567,7 @@ panel-toplevel.background button { border: none; box-shadow: none; background-image: none; - background-color: #0375F8; } + background-color: #2E7CF7; } #tasklist-button label { color: alpha(#FFFFFF, 0.7); } #tasklist-button label:hover { @@ -2640,7 +2593,7 @@ panel-toplevel.background na-tray-applet { background-color: transparent; } .mate-panel-menu-bar menubar menuitem:hover, .mate-panel-menu-bar menubar menuitem:active { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } .mate-panel-menu-bar .menubar > .menuitem { padding-top: 0; padding-bottom: 0; } @@ -2648,7 +2601,7 @@ panel-toplevel.background na-tray-applet { color: #FFFFFF; font-style: normal; } .mate-panel-menu-bar GtkMenu .label:disabled { - color: mix(#FFFFFF, #3B3B3B, 0.5); } + color: mix(#FFFFFF, #343236, 0.5); } .mate-panel-menu-bar button, .mate-panel-menu-bar button.flat { background-color: transparent; } .mate-panel-menu-bar > .button:not(#tasklist-button) { @@ -2665,7 +2618,7 @@ panel-toplevel.background na-tray-applet { border: none; box-shadow: none; background-image: none; - background-color: #0375F8; } + background-color: #2E7CF7; } .mate-panel-menu-bar #tasklist-button { color: #FFFFFF; background-color: #000000; @@ -2680,7 +2633,7 @@ panel-toplevel.background na-tray-applet { border: none; box-shadow: none; background-image: none; - background-color: #0375F8; } + background-color: #2E7CF7; } .mate-panel-menu-bar PanelSeparator { color: shade(#000000, 0.7); padding-top: 4px; @@ -2691,27 +2644,27 @@ panel-toplevel.background na-tray-applet { color: #FFFFFF; } .mate-panel-menu-bar .caja-desktop.entry, .mate-panel-menu-bar .caja-navigation-window .view.entry { background-image: none; - border-radius: 4px; + border-radius: 8px; box-shadow: none; - border-color: shade(#0375F8, 0.6); - background-color: #1D1E22; } + border-color: shade(#2E7CF7, 0.6); + background-color: #242226; } .mate-panel-menu-bar .caja-desktop.entry:selected, .mate-panel-menu-bar .caja-navigation-window .view.entry:selected { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } .mintmenu:hover { background-color: shade(#000000, 1.1); } .mintmenu:selected { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } .wnck-pager { background-color: alpha(black, 0.04); } .wnck-pager:selected { - background-color: alpha(#0375F8, 0.3); } + background-color: alpha(#2E7CF7, 0.3); } .wnck-pager:hover { - background-color: alpha(#0375F8, 0.2); } + background-color: alpha(#2E7CF7, 0.2); } .xfce4-panel.panel { background-color: #000000; } @@ -2729,7 +2682,7 @@ panel-toplevel.background na-tray-applet { border: none; box-shadow: none; background-image: none; - background-color: #0375F8; } + background-color: #2E7CF7; } .xfce4-panel.panel .tasklist button { color: #FFFFFF; background-color: #000000; @@ -2744,68 +2697,58 @@ panel-toplevel.background na-tray-applet { border: none; box-shadow: none; background-image: none; - background-color: #0375F8; } + background-color: #2E7CF7; } #XfceNotifyWindow.osd { - background-color: #3B3B3B; + background-color: #343236; color: #FFFFFF; - border-radius: 4px; + border-radius: 8px; border: none; } #XfceNotifyWindow.osd label #summary { font-weight: bold; } #XfceNotifyWindow.osd button { - padding: 4px 8px; + padding: 6px 8px; border-style: solid; border-width: 1px; - border-radius: 4px; + border-radius: 8px; color: #FFFFFF; - border-color: shade(#3B3B3B, 0.9); - border-top-color: shade(shade(#3B3B3B, 0.9), 1.1); - border-left-color: shade(shade(#3B3B3B, 0.9), 1.05); - border-right-color: shade(shade(#3B3B3B, 0.9), 1.05); - background-color: #3B3B3B; - background-image: linear-gradient(to bottom, shade(#3B3B3B, 1.4), mix(shade(#3B3B3B, 1.2), black, 0.02)); - -gtk-outline-radius: 4px; } - #XfceNotifyWindow.osd button:hover { - color: #FFFFFF; - background-color: shade(#3B3B3B, 1.1); } + border-color: shade(#343236, 0.9); + background-color: #343236; + -gtk-outline-radius: 8px; } #XfceNotifyWindow.osd button:active, #XfceNotifyWindow.osd button:checked { color: #FFFFFF; - border-color: shade(shade(#3B3B3B, 0.9), 0.9); - background-image: none; - background-color: mix(#FFFFFF, #3B3B3B, 0.5); } + border-color: alpha(#FFFFFF, 0.1); + background-color: alpha(#FFFFFF, 0.1); } #XfceNotifyWindow.osd button:active:backdrop, #XfceNotifyWindow.osd button:checked:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.85); - background-color: shade(#545454, 0.85); } + border-color: shade(#25262A, 0.95); + background-color: shade(#25262A, 0.95); } #XfceNotifyWindow.osd button:active:disabled, #XfceNotifyWindow.osd button:checked:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.1); - border-color: mix(shade(#3B3B3B, 0.9), mix(#FFFFFF, #3B3B3B, 0.95), 0.15); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.95), 0.9); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.1); + border-color: mix(#FFFFFF, #343236, 0.95); + background-color: mix(#FFFFFF, #343236, 0.95); } #XfceNotifyWindow.osd button:active:disabled:backdrop, #XfceNotifyWindow.osd button:checked:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - border-color: shade(#545454, 0.9); - background-color: shade(mix(#FFFFFF, #3B3B3B, 0.98), 0.9); } + color: mix(#FFFFFF, #343236, 0.75); + border-color: mix(#FFFFFF, #343236, 0.98); + background-color: mix(#FFFFFF, #343236, 0.98); } #XfceNotifyWindow.osd button:disabled { - color: mix(#FFFFFF, mix(#FFFFFF, #3B3B3B, 0.75), 0.5); } + color: mix(#FFFFFF, mix(#FFFFFF, #343236, 0.75), 0.5); } #XfceNotifyWindow.osd button:disabled:backdrop { - color: mix(#FFFFFF, #3B3B3B, 0.75); - background-image: none; } + color: mix(#FFFFFF, #343236, 0.75); } #XfceNotifyWindow.osd button:backdrop { color: #8C8C8C; - border-color: shade(#545454, 0.9); - background-image: none; - background-color: #545454; } + border-color: shade(#25262A, 0.9); + background-color: #25262A; } .nemo-window .nemo-window-pane widget.entry { border: 1px solid; border-radius: 3px; - border-color: #0375F8; + border-color: #2E7CF7; color: #FFFFFF; - background-color: #1D1E22; } + background-color: #242226; } .nemo-window .nemo-window-pane widget.entry:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus { color: #FFFFFF; - background-color: #0375F8; } + background-color: #2E7CF7; } UnityDecoration { -UnityDecoration-extents: 28px 0 0 0; @@ -2817,28 +2760,28 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.5); -UnityDecoration-inactive-shadow-radius: 5px; -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #0375F8; + -UnityDecoration-glow-color: #2E7CF7; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { border: none; - border-radius: 4px 4px 0 0; + border-radius: 8px 8px 0 0; padding: 1px 8px 0 8px; - background-color: #3B3B3B; - color: mix(#FFFFFF, #3B3B3B, 0.1); + background-color: #2F2934; + color: mix(#FFFFFF, #2F2934, 0.1); text-shadow: none; } UnityDecoration .top:backdrop { - background-color: #545454; - color: mix(#FFFFFF, #3B3B3B, 0.4); } + background-color: #25262A; + color: mix(#FFFFFF, #2F2934, 0.4); } UnityDecoration .left, UnityDecoration .right, UnityDecoration.bottom { - background-color: #3B3B3B; } + background-color: #2F2934; } UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration.bottom:backdrop { - background-color: #3B3B3B; } + background-color: #2F2934; } UnityDecoration.menuitem, UnityDecoration .menuitem { border-radius: 0; } UnityDecoration.menuitem:hover, UnityDecoration.menuitem *:hover, UnityDecoration .menuitem:hover, UnityDecoration .menuitem *:hover { - background-color: #0375F8; + background-color: #2E7CF7; color: #FFFFFF; } UnityPanelWidget, .unity-panel { @@ -2857,7 +2800,7 @@ UnityPanelWidget, .unity-panel { .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; - color: #0375F8; } + color: #2E7CF7; } /* GTK NAMED COLORS - use responsibly! */ /* widget text/foreground color */ @@ -2865,37 +2808,37 @@ UnityPanelWidget, .unity-panel { /* text color for entries, views and content in general */ @define-color theme_text_color #FFFFFF; /* widget base background color */ -@define-color theme_bg_color #3B3B3B; +@define-color theme_bg_color #343236; /* text widgets and the like base background color */ -@define-color theme_base_color #1D1E22; +@define-color theme_base_color #242226; /* base background color of selections */ -@define-color theme_selected_bg_color #0375F8; +@define-color theme_selected_bg_color #2E7CF7; /* text/foreground color of selections */ @define-color theme_selected_fg_color #FFFFFF; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color mix(#FFFFFF, #3B3B3B, 0.95); +@define-color insensitive_bg_color mix(#FFFFFF, #343236, 0.95); /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color mix(#FFFFFF, #3B3B3B, 0.5); +@define-color insensitive_fg_color mix(#FFFFFF, #343236, 0.5); /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #1D1E22; +@define-color insensitive_base_color #242226; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #8C8C8C; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #FFFFFF; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #545454; +@define-color theme_unfocused_bg_color #25262A; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color shade(#545454, 0.9); +@define-color theme_unfocused_base_color #1C1E1F; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #0375F8; +@define-color theme_unfocused_selected_bg_color #2E7CF7; /* 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 mix(#FFFFFF, #3B3B3B, 0.75); +@define-color unfocused_insensitive_color mix(#FFFFFF, #343236, 0.75); /* widgets main borders color */ -@define-color borders shade(#3B3B3B, 0.9); +@define-color borders shade(#343236, 0.9); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders shade(#545454, 0.9); +@define-color unfocused_borders shade(#25262A, 0.9); /* these are pretty self explicative */ @define-color warning_color #FF9900; @define-color error_color #CC0000; @@ -2905,14 +2848,14 @@ read if you used those and something break with a version upgrade you're on your @define-color wm_title shade(#FFFFFF, 1.8); @define-color wm_unfocused_title #8C8C8C; @define-color wm_highlight #000000; -@define-color wm_borders_edge shade(#3B3B3B, 0.9); -@define-color wm_bg_a shade(#3B3B3B, 1.2); -@define-color wm_bg_b #3B3B3B; +@define-color wm_borders_edge shade(#343236, 0.9); +@define-color wm_bg_a shade(#343236, 1.2); +@define-color wm_bg_b #343236; @define-color wm_shadow alpha(#000000, 0.35); @define-color wm_border alpha(#000000, 0.18); -@define-color wm_button_hover_color_a shade(#3B3B3B, 1.3); -@define-color wm_button_hover_color_b #3B3B3B; -@define-color wm_button_active_color_a shade(#3B3B3B, 0.85); -@define-color wm_button_active_color_b shade(#3B3B3B, 0.89); -@define-color wm_button_active_color_c shade(#3B3B3B, 0.9); -@define-color content_view_bg #1D1E22; +@define-color wm_button_hover_color_a shade(#343236, 1.3); +@define-color wm_button_hover_color_b #343236; +@define-color wm_button_active_color_a shade(#343236, 0.85); +@define-color wm_button_active_color_b shade(#343236, 0.89); +@define-color wm_button_active_color_c shade(#343236, 0.9); +@define-color content_view_bg #242226;