diff --git a/share/themes/Kali-Dark/gtk-3.0/gtk.css b/share/themes/Kali-Dark/gtk-3.0/gtk.css index 747021f5..0d00ed3e 100644 --- a/share/themes/Kali-Dark/gtk-3.0/gtk.css +++ b/share/themes/Kali-Dark/gtk-3.0/gtk.css @@ -146,7 +146,7 @@ assistant .sidebar { border-top: 1px solid #0d0e11; } assistant .sidebar:backdrop { background-color: #292c37; - border-color: #16171d; } + border-color: #0d0e11; } assistant.csd .sidebar { border-top-style: none; } @@ -273,14 +273,14 @@ entry { spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d4d5d7; - border-color: #16171d; + border-color: #0d0e11; background-color: #292c37; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-color: #242731; box-shadow: none; } spinbutton.error:not(.vertical), @@ -381,7 +381,7 @@ entry progress { .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #1f222a; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #23262f; } + border-top-color: #21232c; } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #1f222a; } @@ -492,8 +492,8 @@ button { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; @@ -517,7 +517,7 @@ button { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, @@ -534,7 +534,7 @@ button { button.flat:backdrop, button:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; @@ -547,14 +547,14 @@ button { button:backdrop:active, button:backdrop:checked { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; @@ -565,7 +565,7 @@ button { button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, @@ -798,8 +798,8 @@ button.suggested-action { outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - background-image: image(#4187ff); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#4b8eff); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.suggested-action.flat { border-color: transparent; @@ -816,7 +816,7 @@ button.suggested-action { border-color: #005af3; border-bottom-color: #0047c0; background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.suggested-action:active, button.suggested-action:checked { @@ -849,7 +849,7 @@ button.suggested-action { button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; @@ -944,8 +944,8 @@ button.destructive-action { outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; border-bottom-color: #4b0909; - background-image: image(#bd1616); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#c61717); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.destructive-action.flat { border-color: transparent; @@ -962,7 +962,7 @@ button.destructive-action { border-color: #790e0e; border-bottom-color: #4b0909; background-image: linear-gradient(to top, #a21313, #ab1414 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.destructive-action:active, button.destructive-action:checked { @@ -995,7 +995,7 @@ button.destructive-action { button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; @@ -1135,8 +1135,8 @@ button.circular { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d), linear-gradient(to top, black 25%, #0d0e11 50%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + background-image: image(#323643), linear-gradient(to top, black 25%, #0d0e11 50%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); border-color: transparent; } button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { @@ -1145,7 +1145,7 @@ button.circular { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); border-color: transparent; } stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, @@ -1167,15 +1167,15 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } .inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -1198,26 +1198,26 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1316,7 +1316,7 @@ list row button.image-button:not(.flat) { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -1437,7 +1437,7 @@ spinbutton { spinbutton:not(.vertical) button:backdrop { color: #7f8184; background-color: transparent; - border-color: rgba(22, 23, 29, 0.3); + border-color: rgba(13, 14, 17, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(67, 73, 90, 0.3); @@ -1641,8 +1641,8 @@ searchbar > revealer > box { background-color: #1c1e25; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { - border-color: #16171d; - background-color: #1e2028; + border-color: #0d0e11; + background-color: #1b1d24; box-shadow: none; transition: 200ms ease-out; } @@ -1663,7 +1663,7 @@ headerbar { /* hide the close button separator */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - border-color: #16171d; + border-color: #0d0e11; background-color: #23252e; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); @@ -1690,7 +1690,7 @@ headerbar { headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, @@ -1715,8 +1715,8 @@ headerbar { outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - background-image: image(#4187ff); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#4b8eff); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; @@ -1732,7 +1732,7 @@ headerbar { border-color: #005af3; border-bottom-color: #0047c0; background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, @@ -1815,8 +1815,8 @@ headerbar { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { @@ -1825,7 +1825,7 @@ headerbar { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { @@ -1849,7 +1849,7 @@ headerbar { .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; @@ -1858,7 +1858,7 @@ headerbar { .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; @@ -2319,8 +2319,8 @@ notebook > header { border-width: 1px; background-color: #1b1d24; } notebook > header:backdrop { - border-color: #16171d; - background-color: #1e2028; } + border-color: #0d0e11; + background-color: #1b1d24; } notebook > header tabs { margin: -1px; } notebook > header.top { @@ -2436,7 +2436,7 @@ notebook > header { notebook > header tab:backdrop:checked { color: #888a8d; } notebook > header tab.reorderable-page:backdrop:checked { - border-color: #16171d; + border-color: #0d0e11; background-color: #23252e; } notebook > header tab button.flat { padding: 0; @@ -2513,7 +2513,7 @@ scrollbar { border-left: 1px solid #0d0e11; } scrollbar:backdrop { background-color: #272a34; - border-color: #16171d; + border-color: #0d0e11; transition: 200ms ease-out; } scrollbar slider { min-width: 8px; @@ -2666,8 +2666,8 @@ switch { text-shadow: none; } switch:backdrop { color: #888a8d; - border-color: #16171d; - background-color: #1e2028; + border-color: #0d0e11; + background-color: #1b1d24; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { @@ -2675,7 +2675,7 @@ switch { background-color: #2777ff; } switch:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-color: #242731; } switch slider { margin: -1px; @@ -2689,7 +2689,7 @@ switch { outline-color: rgba(238, 238, 236, 0.3); border-color: #040405; background-image: linear-gradient(to bottom, #292c37 20%, #23252e 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } switch image { color: transparent; } switch:hover slider { @@ -2697,7 +2697,7 @@ switch { outline-color: rgba(238, 238, 236, 0.3); border-color: #040405; background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } switch:checked > slider { border: 1px solid #00215a; } switch:disabled slider { @@ -2710,7 +2710,7 @@ switch { switch:backdrop slider { transition: 200ms ease-out; color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; @@ -2719,7 +2719,7 @@ switch { border-color: #00215a; } switch:backdrop:disabled slider { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; @@ -3069,8 +3069,8 @@ progressbar trough, scale fill, scale trough { progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #242731; } progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { - background-color: #1e2028; - border-color: #16171d; + background-color: #1b1d24; + border-color: #0d0e11; transition: 200ms ease-out; } progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #242731; } @@ -3145,7 +3145,7 @@ scale { outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); border: 1px solid black; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -3155,7 +3155,7 @@ scale { outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: linear-gradient(to bottom, #23252e 20%, #1a1c23 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } scale slider:active { border-color: #00348d; } scale slider:disabled { @@ -3168,14 +3168,14 @@ scale { scale slider:backdrop { transition: 200ms ease-out; color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; @@ -3776,7 +3776,7 @@ levelbar trough { box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } levelbar trough:backdrop { color: #d4d5d7; - border-color: #16171d; + border-color: #0d0e11; background-color: #292c37; box-shadow: none; } @@ -3814,7 +3814,7 @@ printdialog paper { padding: 0; } printdialog paper:backdrop { color: #888a8d; - border-color: #16171d; } + border-color: #0d0e11; } printdialog .dialog-action-box { margin: 12px; } @@ -3834,13 +3834,13 @@ frame > border, border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: #16171d; } + border-color: #0d0e11; } actionbar > revealer > box { padding: 6px; border-top: 1px solid #0d0e11; } actionbar > revealer > box:backdrop { - border-color: #16171d; } + border-color: #0d0e11; } scrolledwindow viewport.frame { border-style: none; } @@ -3854,7 +3854,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#16171d), to(rgba(22, 23, 29, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; @@ -3871,7 +3871,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#16171d), to(rgba(22, 23, 29, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; @@ -3888,7 +3888,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#16171d), to(rgba(22, 23, 29, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; @@ -3905,7 +3905,7 @@ scrolledwindow overshoot.right { border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#16171d), to(rgba(22, 23, 29, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; @@ -3920,7 +3920,7 @@ scrolledwindow junction { scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #16171d 1px, transparent 1px); + border-image-source: linear-gradient(to bottom, #0d0e11 1px, transparent 1px); background-color: #272a34; transition: 200ms ease-out; } @@ -3939,7 +3939,7 @@ list { list:backdrop { color: #d4d5d7; background-color: #292c37; - border-color: #16171d; } + border-color: #0d0e11; } list row { padding: 2px; } @@ -4024,7 +4024,7 @@ calendar { color: #43495a; } calendar:backdrop { color: #d4d5d7; - border-color: #16171d; } + border-color: #0d0e11; } calendar:indeterminate { color: alpha(currentColor,0.1); } @@ -4060,7 +4060,7 @@ messagedialog.csd .dialog-action-area button { filechooser .dialog-action-box { border-top: 1px solid #0d0e11; } filechooser .dialog-action-box:backdrop { - border-top-color: #16171d; } + border-top-color: #0d0e11; } filechooser #pathbarbox { border-bottom: 1px solid #23252e; } @@ -4083,7 +4083,7 @@ filechooserbutton:drop(active) { border-right-style: none; } .sidebar:backdrop { background-color: #262933; - border-color: #16171d; + border-color: #0d0e11; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } @@ -4101,7 +4101,7 @@ stacksidebar row { separator.sidebar { background-color: #0d0e11; } separator.sidebar:backdrop { - background-color: #16171d; } + background-color: #0d0e11; } separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #0047c0; } @@ -4192,7 +4192,7 @@ paned > separator { paned > separator:selected { background-image: image(#2777ff); } paned > separator:backdrop { - background-image: image(#16171d); } + background-image: image(#0d0e11); } paned > separator.wide { min-width: 5px; min-height: 5px; @@ -4201,7 +4201,7 @@ paned > separator { background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #23252e; - background-image: image(#16171d), image(#16171d); } + background-image: image(#0d0e11), image(#0d0e11); } paned.horizontal > separator { background-repeat: repeat-y; } @@ -4252,15 +4252,15 @@ infobar { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -4278,7 +4278,7 @@ infobar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; @@ -4286,7 +4286,7 @@ infobar { border-color: #0d0e11; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; @@ -4397,18 +4397,18 @@ colorswatch#add-color-button { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } colorswatch#add-color-button overlay:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; @@ -5105,13 +5105,13 @@ switch { box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.6); } switch:backdrop, switch:disabled { box-shadow: none; - border-color: #16171d; } + border-color: #0d0e11; } switch slider:checked { border-color: #0d0e11; } switch slider:checked:backdrop:not(:disabled) { - border-color: #16171d; } + border-color: #0d0e11; } switch slider:disabled { - border-color: #16171d; } + border-color: #0d0e11; } /************************* * Check and Radio items * @@ -5154,8 +5154,8 @@ scale slider { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); border-color: black; } switch:hover slider, switch slider:active, scale slider:active { @@ -5163,7 +5163,7 @@ scale slider { border-color: #2777ff; } switch slider:disabled, scale slider:disabled { - border-color: #16171d; } + border-color: #0d0e11; } /*************** * Header bars * @@ -5207,7 +5207,7 @@ headerbar { box-shadow: none; } paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child { - border-color: #16171d; + border-color: #0d0e11; background: #272a34; box-shadow: none; } paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop { @@ -5219,14 +5219,14 @@ paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titleba treeview.view { border-top-color: #0d0e11; } treeview.view:backdrop { - border-top-color: #16171d; } + border-top-color: #0d0e11; } treeview.view header button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } treeview.view header button:hover, treeview.view header button:active { border-color: #0d0e11; } treeview.view header button:backdrop { @@ -5266,7 +5266,7 @@ notebook > header { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, @@ -5276,15 +5276,16 @@ notebook > header { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + background: #272a34; } notebook > header.top > tabs > tab:checked:backdrop, notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; @@ -5337,8 +5338,8 @@ infobar.info.action:hover button.flat { outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - background-image: image(#4187ff); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#4b8eff); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.info button:hover, infobar.info button.flat:hover, infobar.info.action:hover button:hover, infobar.info.action:hover button.flat:hover { @@ -5347,7 +5348,7 @@ infobar.info.action:hover button.flat { border-color: #005af3; border-bottom-color: #0047c0; background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.info button:active, infobar.info button:checked, infobar.info button.flat:active, infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked, @@ -5412,8 +5413,8 @@ infobar.warning.action:hover button.flat { outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; border-bottom-color: #974b00; - background-image: image(#ff8a18); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#ff8f22); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.question button:hover, infobar.question button.flat:hover, infobar.warning button:hover, infobar.warning button.flat:hover, infobar.question.action:hover button:hover, @@ -5424,7 +5425,7 @@ infobar.warning.action:hover button.flat { border-color: #ca6400; border-bottom-color: #974b00; background-image: linear-gradient(to top, #f87a00, #ff8003 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.question button:active, infobar.question button:checked, infobar.question button.flat:active, infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked, @@ -5506,8 +5507,8 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar outline-color: rgba(255, 255, 255, 0.3); border-color: #911212; border-bottom-color: #640c0c; - background-image: image(#d61a1a); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#df1b1b); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover, infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, @@ -5518,7 +5519,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar border-color: #911212; border-bottom-color: #640c0c; background-image: linear-gradient(to top, #ba1616, #c41818 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.flat:active, infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, @@ -5596,7 +5597,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar .app-notification.frame { padding: 5px 10px; margin: 20px; - border-radius: 4px; + border-radius: 5px; border: 1px solid rgba(13, 14, 17, 0.65); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); background-image: none; } @@ -5743,7 +5744,7 @@ filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, border-style: solid; } .path-bar-box:backdrop { - border-color: #16171d; } + border-color: #0d0e11; } /* XFCE4 PANEL */ .xfce4-panel.background { @@ -5919,7 +5920,7 @@ widgets main borders color */ @define-color borders #0d0e11; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #16171d; +@define-color unfocused_borders #0d0e11; /* these are pretty self explicative */ @define-color warning_color #fd7d00; diff --git a/share/themes/Kali-Dark/gtk-4.0/gtk.css b/share/themes/Kali-Dark/gtk-4.0/gtk.css index d4aa69c8..a733322c 100644 --- a/share/themes/Kali-Dark/gtk-4.0/gtk.css +++ b/share/themes/Kali-Dark/gtk-4.0/gtk.css @@ -231,7 +231,7 @@ entry { padding-left: 8px; padding-right: 8px; border: 1px solid; - border-radius: 5px; + border-radius: 4px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; @@ -434,13 +434,13 @@ button { min-width: 16px; padding: 4px 9px; border: 1px solid; - border-radius: 5px; + border-radius: 4px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(39, 119, 255, 0.7); border-color: #0d0e11; - background-image: linear-gradient(to top, #252831 2px, #272a34); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } notebook > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; @@ -455,7 +455,7 @@ button { color: #eeeeec; border-color: #0d0e11; background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); -gtk-icon-filter: brightness(1.2); } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, @@ -481,7 +481,7 @@ button { button.flat:backdrop, button:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); box-shadow: none; transition: 200ms ease-out; @@ -492,14 +492,14 @@ button { button:backdrop:active, button:backdrop:checked { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1e2128); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, @@ -508,7 +508,7 @@ button { button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1e2128); box-shadow: none; } notebook > header > tabs > arrow:disabled, @@ -688,8 +688,8 @@ button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0047c0; - background-image: linear-gradient(to top, #2274ff 2px, #2777ff); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#4187ff); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.suggested-action { outline: 0 solid transparent; @@ -711,7 +711,7 @@ button.suggested-action { color: white; border-color: #0051da; background-image: linear-gradient(to top, #136aff 20%, #186eff 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.suggested-action:active, button.suggested-action:checked { @@ -770,8 +770,8 @@ button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4b0909; - background-image: linear-gradient(to top, #a21313 2px, #a61414); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#bd1616); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(98, 12, 12, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.destructive-action { outline: 0 solid transparent; @@ -793,7 +793,7 @@ button.destructive-action { color: white; border-color: #620c0c; background-image: linear-gradient(to top, #941111 20%, #991212 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(98, 12, 12, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.destructive-action:active, button.destructive-action:checked { @@ -867,13 +867,13 @@ button.font > box { button.font > box > box > label { font-weight: bold; } - +menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } - + menubutton.circular button label, button.circular label { padding: 0; } @@ -961,7 +961,7 @@ modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; - border-radius: 5px; } + border-radius: 4px; } modelbutton.flat:hover { background-color: #3b3e46; } modelbutton.flat:disabled { @@ -986,7 +986,7 @@ modelbutton.flat arrow { color: #eeeeec; border-color: #0d0e11; background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } .toolbar button:active { color: #eeeeec; border-color: #0d0e11; @@ -998,12 +998,12 @@ modelbutton.flat arrow { background-image: image(#242731); } .toolbar button:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); box-shadow: none; } .toolbar button:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); box-shadow: none; } @@ -1022,7 +1022,7 @@ list > row button.image-button:not(.flat) { color: #eeeeec; border-color: #0d0e11; background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { @@ -1124,10 +1124,10 @@ spinbutton { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { - border-radius: 0 5px 5px 0; } + border-radius: 0 4px 4px 0; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { - border-radius: 5px 0 0 5px; } + border-radius: 4px 0 0 4px; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; @@ -1166,10 +1166,10 @@ spinbutton { box-shadow: none; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { - border-radius: 0 5px 5px 0; } + border-radius: 0 4px 4px 0; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { - border-radius: 5px 0 0 5px; } + border-radius: 4px 0 0 4px; } spinbutton.vertical:disabled { color: #888a8d; } spinbutton.vertical:drop(active) { @@ -1316,8 +1316,8 @@ searchbar > revealer > box { border-color: #0d0e11; background-color: #1c1e25; } searchbar > revealer > box:backdrop { - border-color: #16171d; - background-color: #1e2028; + border-color: #0d0e11; + background-color: #1b1d24; box-shadow: none; transition: 200ms ease-out; } @@ -1350,7 +1350,7 @@ searchbar .close { color: #eeeeec; border-color: #0d0e11; background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } /***************** * Title buttons * @@ -1393,7 +1393,7 @@ headerbar { /* Darken switchbuttons for headerbars. issue #1588 */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - border-color: #16171d; + border-color: #0d0e11; background-color: #23252e; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); @@ -1420,7 +1420,7 @@ headerbar { headerbar stackswitcher > button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1e2128); box-shadow: none; } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { @@ -1627,6 +1627,16 @@ treeview.view { treeview.view > header > button:active { color: #eeeeec; transition: none; } + columnview.view > header > button sort-indicator, + treeview.view > header > button sort-indicator { + min-height: 16px; + min-width: 16px; } + columnview.view > header > button sort-indicator.ascending, + treeview.view > header > button sort-indicator.ascending { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + columnview.view > header > button sort-indicator.descending, + treeview.view > header > button sort-indicator.descending { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, @@ -1687,7 +1697,7 @@ popover.background { background-color: transparent; } popover.background > contents { padding: 8px; - border-radius: 9px; } + border-radius: 8px; } popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, @@ -1817,7 +1827,7 @@ menubar { padding: 0 0 4px 0; } menubar > item popover.menu.background popover.menu.background > contents { margin: 0; - border-radius: 9px; } + border-radius: 8px; } /************* * Notebooks * @@ -2003,11 +2013,11 @@ scrollbar { scrollbar.right { border-left: 1px solid #0d0e11; } scrollbar > range > trough > slider { - min-width: 6px; - min-height: 6px; + min-width: 10px; + min-height: 10px; margin: -1px; border: 4px solid transparent; - border-radius: 8px; + border-radius: 10px; background-clip: padding-box; background-color: #41434b; } scrollbar > range > trough > slider:hover { @@ -2017,12 +2027,12 @@ scrollbar { scrollbar > range > trough > slider:disabled { background-color: transparent; } scrollbar > range.fine-tune > trough > slider { - min-width: 4px; - min-height: 4px; } + min-width: 6px; + min-height: 6px; } scrollbar > range.fine-tune.horizontal > trough > slider { - border-width: 5px 4px; } + border-width: 6px 4px; } scrollbar > range.fine-tune.vertical > trough > slider { - border-width: 4px 5px; } + border-width: 4px 6px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; @@ -2084,8 +2094,8 @@ switch { color: #eeeeec; outline-color: rgba(39, 119, 255, 0.7); border-color: #0d0e11; - background-image: linear-gradient(to top, #252831 2px, #272a34); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); margin: -1px; min-width: 24px; min-height: 24px; @@ -2099,7 +2109,7 @@ switch { color: #eeeeec; border-color: #0d0e11; background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } switch:checked > slider { border: 1px solid #00348d; } switch:disabled > slider { @@ -2234,7 +2244,7 @@ switch { checkbutton { border-spacing: 4px; - border-radius: 5px; + border-radius: 4px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } checkbutton { outline: 0 solid transparent; @@ -2442,8 +2452,8 @@ scale { color: #eeeeec; outline-color: rgba(39, 119, 255, 0.7); border-color: #0d0e11; - background-image: linear-gradient(to top, #252831 2px, #272a34); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); border-width: 1px; border-style: solid; border-radius: 100%; @@ -2453,7 +2463,7 @@ scale { color: #eeeeec; border-color: #0d0e11; background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } scale > trough > slider:active { border-color: #00348d; } scale > trough > slider:disabled { @@ -2964,7 +2974,7 @@ frame, border: 1px solid #0d0e11; } frame { - border-radius: 8px; } + border-radius: 7px; } frame > label { margin: 4px; } @@ -3031,7 +3041,7 @@ list { list:backdrop { color: #d4d5d7; background-color: #292c37; - border-color: #16171d; } + border-color: #0d0e11; } listview > row, list > row { padding: 2px; } @@ -3158,7 +3168,7 @@ expander-widget:focus:focus-visible > box > title { expander-widget > box > title { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-radius: 5px; } + border-radius: 4px; } expander-widget > box > title:hover > expander { color: white; } @@ -3221,8 +3231,8 @@ window.dialog.message label.title { font-size: 15pt; } window.dialog.message.csd.background { - border-bottom-left-radius: 9px; - border-bottom-right-radius: 9px; } + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; @@ -3437,7 +3447,7 @@ video { ************/ tooltip { padding: 6px 10px; - border-radius: 8px; + border-radius: 7px; box-shadow: none; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); @@ -3513,13 +3523,13 @@ colorswatch { color: #eeeeec; outline-color: rgba(39, 119, 255, 0.7); border-color: #0d0e11; - background-image: linear-gradient(to top, #252831 2px, #272a34); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } colorswatch#add-color-button.activatable:hover > overlay { color: #eeeeec; border-color: #0d0e11; background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled > overlay { @@ -3578,7 +3588,7 @@ window { window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.9); margin: 0px; - border-radius: 8px 8px 0 0; } + border-radius: 7px 7px 0 0; } window.csd:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.9); transition: 200ms ease-out; } @@ -3586,7 +3596,7 @@ window { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.8); } window.csd.dialog.message { - border-radius: 8px; + border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.8); } window.csd.solid-csd { margin: 0; @@ -3607,24 +3617,21 @@ tooltip.csd { border-radius: 5px; box-shadow: none; } -filechooser placessidebar.sidebar row.sidebar-row:selected, -.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected, +.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #2777ff; } - label:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected, + label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; } - label:disabled > selection, label:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, - .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .view:disabled:selected, + label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, @@ -3779,181 +3786,353 @@ popover.entry-completion > contents { statusbar { padding: 6px 10px 6px 10px; } -/* Nautilus */ -@define-color disk_space_unknown #383c4a; -@define-color disk_space_used #2777ff; -@define-color disk_space_free white; -filechooser placessidebar.sidebar, -.nautilus-window placessidebar.sidebar { - box-shadow: inset 0 8px 4px -8px rgba(0, 0, 0, 0.3); } - filechooser placessidebar.sidebar:dir(ltr), - .nautilus-window placessidebar.sidebar:dir(ltr) { - background-image: linear-gradient(to right, #1a1c23 41px, #23252e 0); } - filechooser placessidebar.sidebar:dir(rtl), - .nautilus-window placessidebar.sidebar:dir(rtl) { - background-image: linear-gradient(to left, #1a1c23 41px, #23252e 0); } - filechooser placessidebar.sidebar:backdrop, - .nautilus-window placessidebar.sidebar:backdrop { +menubutton arrow { + min-height: 16px; + min-width: 16px; } + menubutton arrow.none { + -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } + menubutton arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menubutton arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menubutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + menubutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +/********** + * Button * + **********/ +windowcontrols button, notebook > header > tabs > arrow, +button { + padding: 2px 6px; } + +.titlebar:not(headerbar) stackswitcher button:checked:checked, +.titlebar:not(headerbar) button.toggle:active, +.titlebar:not(headerbar) button.toggle:checked, +headerbar stackswitcher button:checked:checked, +headerbar button.toggle:active, +headerbar button.toggle:checked, +button.flat:not(.link):hover, +button:active, +button:checked { + background: #1b1d24; + box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } + .titlebar:not(headerbar) stackswitcher button:backdrop:checked, + .titlebar:not(headerbar) button.toggle:backdrop:active, + .titlebar:not(headerbar) button.toggle:backdrop:checked, + headerbar stackswitcher button:backdrop:checked, + headerbar button.toggle:backdrop:active, + headerbar button.toggle:backdrop:checked, + button.flat:backdrop:not(.link):hover, + button:active:backdrop, + button:checked:backdrop { box-shadow: none; } - filechooser placessidebar.sidebar row.sidebar-row:selected, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected { - margin-left: 6px; - margin-right: 6px; - border-radius: 5px; - box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); - transition: box-shadow 200ms ease-out; } - filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { - box-shadow: none; } - filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { - background-image: linear-gradient(to right, #005af3 35px, transparent 0); } - filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { - background-image: linear-gradient(to left, #005af3 35px, transparent 0); } - filechooser placessidebar.sidebar row.sidebar-row:selected revealer, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { - padding-left: 8px; - padding-right: 8px; } - filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { - color: #ffffff; } - filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, - .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - padding-right: 20px; } -.nautilus-window .floating-bar { - color: #ffffff; - background-color: #2777ff; - border-color: #00348d; - margin: 10px; - box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); - transition: background-color 200ms ease-out; } - .nautilus-window .floating-bar:backdrop { - color: inherit; - box-shadow: none; - border-color: #0d0e11; } - .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { - border-radius: 5px; - border-style: solid; } -.path-bar-box:backdrop { - border-color: #16171d; } - -/* XFCE4 PANEL */ -.xfce4-panel.background { - background: rgba(35, 37, 46, 0.8); } - -.xfce4-panel button { - border: 0; - border-radius: 0; - box-shadow: none; - text-shadow: none; - background: transparent; - color: #eeeeec; } - .xfce4-panel button:hover { - background: rgba(0, 0, 0, 0.2); } - .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { - box-shadow: inset 0 4px 0 #2777ff; - background: rgba(0, 0, 0, 0.2); } - -.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { - box-shadow: inset 4px 0 0 #2777ff; } - -/* XFCE4 NOTIFICATIONS */ -#XfceNotifyWindow { - background-color: #272a34; } - -/* Whisker menu */ -#whiskermenu-window entry { - border-radius: 100px; - border: 2px solid #2777ff; +button:disabled { box-shadow: none; } -#whiskermenu-window button { - transition-duration: 0s; } - #whiskermenu-window button:hover { - color: white; - outline-color: rgba(39, 119, 255, 0.7); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - border-color: transparent; - border-bottom-color: #1c1e25; } - #whiskermenu-window button:checked { - border-color: transparent; } -#whiskermenu-window scrolledwindow.frame { - border: 0; - border-radius: 8px; - box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); - background: #1c1e25; - padding: 7px 10px; - margin: 0 5px; } - #whiskermenu-window scrolledwindow.frame treeview { - background: transparent; - border-radius: 5px; } - #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { - background-color: rgba(0, 0, 0, 0.27); - color: inherit; } +button.flat:not(.link):hover { + transition: none; } -/* XFCE4 panel action buttons */ -#XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { - -gtk-icon-style: symbolic; - -gtk-icon-transform: scale(0.7); } -/* XFCE4 workspace switcher */ -wnck-pager { - background-color: #3d4251; } - wnck-pager:selected { - background-color: black; } - wnck-pager:hover { - background-color: black; } +button.flat:not(.link):backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } -/* LightDM */ -.lightdm-gtk-greeter #panel_window { - background: rgba(35, 37, 46, 0.8); + +button.image-button { + padding-left: 2px; + padding-right: 2px; } + + +button.circular { + min-height: 24px; + min-width: 24px; + padding: 2px; } + +/********** + * Entry * + **********/ +spinbutton:not(.vertical), spinbutton.vertical > text, +entry { + min-height: 28px; } + +spinbutton:not(:disabled):not(.vertical), spinbutton.vertical > text:not(:disabled), +entry:not(:disabled) { + box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); + background: #1b1d24; } + +spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop, +entry:backdrop { + box-shadow: none; + border-color: #0d0e11; } + +headerbar spinbutton:not(.vertical), headerbar spinbutton.vertical > text, +headerbar entry { + background: #272a34; } + +/********** + * Switch * + **********/ +switch { + box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } + switch:checked { + border-right-width: 0; + margin-right: 1px; + box-shadow: inset 0 1px 3px -1px rgba(0, 0, 0, 0.6); } + switch:checked, switch:checked:backdrop { + border-color: rgba(0, 0, 0, 0.2); } + switch:checked slider { + border-color: #0d0e11; } + switch:checked slider:backdrop:not(:disabled) { + border-color: #0d0e11; } + switch:backdrop, switch:disabled { + box-shadow: none; + border-color: #0d0e11; } + switch:backdrop slider, switch:disabled slider { + border-color: #0d0e11; } + +/************************* + * Check and Radio items * + *************************/ +check, +radio { + background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%); + border-color: black; } + check, check:active, + radio, + radio:active { + box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } + check:checked, check:indeterminate, + radio:checked, + radio:indeterminate { + background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%); + border-color: #00348d; + color: #ffffff; } + check:checked, check:checked:active, check:indeterminate, check:indeterminate:active, + radio:checked, + radio:checked:active, + radio:indeterminate, + radio:indeterminate:active { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } + check:checked:backdrop, check:indeterminate:backdrop, + radio:checked:backdrop, + radio:indeterminate:backdrop { + background-image: image(#2777ff); + box-shadow: none; } + check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, + radio:disabled, + radio:disabled:checked, + radio:disabled:indeterminate, + radio:disabled:backdrop, + radio:disabled:backdrop:checked, + radio:disabled:backdrop:indeterminate { + border-color: #0d0e11; + background-image: image(#23252e); + color: #eeeeec; } + +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { + -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { + -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio:active, +check:active { + -gtk-icon-transform: scale(0, 1); } + +radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), +check:checked:not(:backdrop), +check:indeterminate:not(:backdrop) { + -gtk-icon-transform: unset; + transition: 400ms; } + +/************ + * GtkScale * + ************/ +switch slider, +scale slider { color: #eeeeec; - text-shadow: none; - -gtk-icon-shadow: none; } + outline-color: rgba(39, 119, 255, 0.7); + border-color: #0d0e11; + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + border-color: black; } + switch:hover slider, switch slider:active, + scale slider:active { + background-image: image(#0f1014); + border-color: #2777ff; } + switch slider:backdrop, switch slider:disabled, + scale slider:backdrop, + scale slider:disabled { + border-color: #0d0e11; + background-image: image(#23252e); + box-shadow: none; } -.lightdm-gtk-greeter #login_window { - border: 0; - background-color: rgba(35, 37, 46, 0.8); - border-radius: 5px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } - .lightdm-gtk-greeter #login_window entry { - background: rgba(35, 37, 46, 0.4); - border-color: rgba(35, 37, 46, 0.3); - min-height: 32px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); } - .lightdm-gtk-greeter #login_window entry image { - margin: 0; } - .lightdm-gtk-greeter #login_window #buttonbox_frame { - padding-top: 20px; +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), +headerbar { + min-height: 40px; + border-color: black; + background: #0d0e11 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75); + background-repeat: no-repeat; + background-position: left; } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")); + background-repeat: no-repeat; + background-position: left; + box-shadow: none; } + .dialog .titlebar:not(headerbar), .dialog headerbar, .dialog headerbar:backdrop { background: #23252e; - border-top: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0 0 5px 5px; - box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); } - .lightdm-gtk-greeter #login_window #buttonbox_frame button { - border: 0; - color: white; - text-shadow: none; } - .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { - background: rgba(0, 0, 0, 0.27); - box-shadow: none; - color: #eeeeec; } - .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { - background: #2777ff; - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } + border: 0; + box-shadow: none; } -/* Thunar */ -.thunar .warning { - opacity: 0; - font-size: 0; - margin: -10px 0; } +headerbar entry, +headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button { + margin-top: 5px; + margin-bottom: 5px; } + +headerbar switch { + margin-top: 7px; + margin-bottom: 7px; } + +/************** + * Tree Views * + **************/ +treeview.view { + border-top-color: #0d0e11; } + treeview.view:backdrop { + border-top-color: #0d0e11; } + treeview.view header button { + color: #eeeeec; + outline-color: rgba(39, 119, 255, 0.7); + border-color: #0d0e11; + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + margin-left: -1px; } + treeview.view header button:hover, treeview.view header button:active { + border-color: #0d0e11; } + treeview.view header button:backdrop { + box-shadow: none; } + +/************* + * Notebooks * + *************/ +notebook > header { + border: 0; + padding: 0; + background-color: #1b1d24; } + notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { + margin: 0; } + notebook > header.top > tabs > tab, + notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, + notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, + notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, + notebook > header.right > tabs > tab.reorderable-page { + padding: 3px 12px; + border: 1px solid transparent; + margin: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header.top > tabs > tab:hover, + notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab:hover, + notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab:hover, + notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab:hover, + notebook > header.right > tabs > tab.reorderable-page:hover { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + transition-duration: 50ms; } + notebook > header.top > tabs > tab:hover:backdrop, + notebook > header.top > tabs > tab.reorderable-page:hover:backdrop, notebook > header.bottom > tabs > tab:hover:backdrop, + notebook > header.bottom > tabs > tab.reorderable-page:hover:backdrop, notebook > header.left > tabs > tab:hover:backdrop, + notebook > header.left > tabs > tab.reorderable-page:hover:backdrop, notebook > header.right > tabs > tab:hover:backdrop, + notebook > header.right > tabs > tab.reorderable-page:hover:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + notebook > header.top > tabs > tab:checked, + notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, + notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, + notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, + notebook > header.right > tabs > tab.reorderable-page:checked { + color: #eeeeec; + outline-color: rgba(39, 119, 255, 0.7); + border-color: #0d0e11; + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + notebook > header.top > tabs > tab:checked:backdrop, + notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, + notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, + notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, + notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#23252e); + box-shadow: none; + transition: 200ms ease-out; } + notebook > header.top > tabs > tab:backdrop, + notebook > header.top > tabs > tab.reorderable-page:backdrop, notebook > header.bottom > tabs > tab:backdrop, + notebook > header.bottom > tabs > tab.reorderable-page:backdrop, notebook > header.left > tabs > tab:backdrop, + notebook > header.left > tabs > tab.reorderable-page:backdrop, notebook > header.right > tabs > tab:backdrop, + notebook > header.right > tabs > tab.reorderable-page:backdrop { + color: #888a8d; } + notebook > header.top { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } + notebook > header.bottom { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } + notebook > header.right { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } + notebook > header.left { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } + notebook > header > tabs > tab { + border-radius: 4px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + min-height: 24px; } + notebook > header > tabs > tab button.flat { + margin-top: 1px; + margin-bottom: 1px; } + +/********************** + * Window Decorations * + *********************/ +window.csd { + border-radius: 8px 8px 5px 5px; + border: 1px solid #272a34; + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(13, 14, 17, 0.75); } + window.csd:backdrop { + box-shadow: 0 2px 8px 0 transparent, 0 0 0 1px transparent, 0 0 0 3px rgba(0, 0, 0, 0.25); } + window.csd.dialog.message, window.csd.popup { + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.65); + border-width: 0; } + +window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { + border-width: 0; } + +window.popup { + border-width: 0; } + +window.ssd { + box-shadow: 0 0 0 1px rgba(13, 14, 17, 0.75); + border-width: 0; } + +tooltip.csd { + border: 0; } + +windowcontrols button { + padding: 5px; } /* GTK NAMED COLORS ---------------- @@ -4011,7 +4190,7 @@ widgets main borders color */ @define-color borders #0d0e11; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #16171d; +@define-color unfocused_borders #0d0e11; /* these are pretty self explicative */ @define-color warning_color #fd7d00; diff --git a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css index 747021f5..0d00ed3e 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css @@ -146,7 +146,7 @@ assistant .sidebar { border-top: 1px solid #0d0e11; } assistant .sidebar:backdrop { background-color: #292c37; - border-color: #16171d; } + border-color: #0d0e11; } assistant.csd .sidebar { border-top-style: none; } @@ -273,14 +273,14 @@ entry { spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d4d5d7; - border-color: #16171d; + border-color: #0d0e11; background-color: #292c37; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-color: #242731; box-shadow: none; } spinbutton.error:not(.vertical), @@ -381,7 +381,7 @@ entry progress { .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #1f222a; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #23262f; } + border-top-color: #21232c; } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #1f222a; } @@ -492,8 +492,8 @@ button { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; @@ -517,7 +517,7 @@ button { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, @@ -534,7 +534,7 @@ button { button.flat:backdrop, button:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; @@ -547,14 +547,14 @@ button { button:backdrop:active, button:backdrop:checked { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; @@ -565,7 +565,7 @@ button { button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, @@ -798,8 +798,8 @@ button.suggested-action { outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - background-image: image(#4187ff); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#4b8eff); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.suggested-action.flat { border-color: transparent; @@ -816,7 +816,7 @@ button.suggested-action { border-color: #005af3; border-bottom-color: #0047c0; background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.suggested-action:active, button.suggested-action:checked { @@ -849,7 +849,7 @@ button.suggested-action { button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; @@ -944,8 +944,8 @@ button.destructive-action { outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; border-bottom-color: #4b0909; - background-image: image(#bd1616); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#c61717); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.destructive-action.flat { border-color: transparent; @@ -962,7 +962,7 @@ button.destructive-action { border-color: #790e0e; border-bottom-color: #4b0909; background-image: linear-gradient(to top, #a21313, #ab1414 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.destructive-action:active, button.destructive-action:checked { @@ -995,7 +995,7 @@ button.destructive-action { button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; @@ -1135,8 +1135,8 @@ button.circular { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d), linear-gradient(to top, black 25%, #0d0e11 50%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + background-image: image(#323643), linear-gradient(to top, black 25%, #0d0e11 50%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); border-color: transparent; } button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { @@ -1145,7 +1145,7 @@ button.circular { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); border-color: transparent; } stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, @@ -1167,15 +1167,15 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } .inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -1198,26 +1198,26 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1316,7 +1316,7 @@ list row button.image-button:not(.flat) { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -1437,7 +1437,7 @@ spinbutton { spinbutton:not(.vertical) button:backdrop { color: #7f8184; background-color: transparent; - border-color: rgba(22, 23, 29, 0.3); + border-color: rgba(13, 14, 17, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(67, 73, 90, 0.3); @@ -1641,8 +1641,8 @@ searchbar > revealer > box { background-color: #1c1e25; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { - border-color: #16171d; - background-color: #1e2028; + border-color: #0d0e11; + background-color: #1b1d24; box-shadow: none; transition: 200ms ease-out; } @@ -1663,7 +1663,7 @@ headerbar { /* hide the close button separator */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - border-color: #16171d; + border-color: #0d0e11; background-color: #23252e; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); @@ -1690,7 +1690,7 @@ headerbar { headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, @@ -1715,8 +1715,8 @@ headerbar { outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - background-image: image(#4187ff); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#4b8eff); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; @@ -1732,7 +1732,7 @@ headerbar { border-color: #005af3; border-bottom-color: #0047c0; background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, @@ -1815,8 +1815,8 @@ headerbar { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { @@ -1825,7 +1825,7 @@ headerbar { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); border-color: #00348d; } .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { @@ -1849,7 +1849,7 @@ headerbar { .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; @@ -1858,7 +1858,7 @@ headerbar { .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; @@ -2319,8 +2319,8 @@ notebook > header { border-width: 1px; background-color: #1b1d24; } notebook > header:backdrop { - border-color: #16171d; - background-color: #1e2028; } + border-color: #0d0e11; + background-color: #1b1d24; } notebook > header tabs { margin: -1px; } notebook > header.top { @@ -2436,7 +2436,7 @@ notebook > header { notebook > header tab:backdrop:checked { color: #888a8d; } notebook > header tab.reorderable-page:backdrop:checked { - border-color: #16171d; + border-color: #0d0e11; background-color: #23252e; } notebook > header tab button.flat { padding: 0; @@ -2513,7 +2513,7 @@ scrollbar { border-left: 1px solid #0d0e11; } scrollbar:backdrop { background-color: #272a34; - border-color: #16171d; + border-color: #0d0e11; transition: 200ms ease-out; } scrollbar slider { min-width: 8px; @@ -2666,8 +2666,8 @@ switch { text-shadow: none; } switch:backdrop { color: #888a8d; - border-color: #16171d; - background-color: #1e2028; + border-color: #0d0e11; + background-color: #1b1d24; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { @@ -2675,7 +2675,7 @@ switch { background-color: #2777ff; } switch:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-color: #242731; } switch slider { margin: -1px; @@ -2689,7 +2689,7 @@ switch { outline-color: rgba(238, 238, 236, 0.3); border-color: #040405; background-image: linear-gradient(to bottom, #292c37 20%, #23252e 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } switch image { color: transparent; } switch:hover slider { @@ -2697,7 +2697,7 @@ switch { outline-color: rgba(238, 238, 236, 0.3); border-color: #040405; background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } switch:checked > slider { border: 1px solid #00215a; } switch:disabled slider { @@ -2710,7 +2710,7 @@ switch { switch:backdrop slider { transition: 200ms ease-out; color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; @@ -2719,7 +2719,7 @@ switch { border-color: #00215a; } switch:backdrop:disabled slider { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; @@ -3069,8 +3069,8 @@ progressbar trough, scale fill, scale trough { progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #242731; } progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { - background-color: #1e2028; - border-color: #16171d; + background-color: #1b1d24; + border-color: #0d0e11; transition: 200ms ease-out; } progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #242731; } @@ -3145,7 +3145,7 @@ scale { outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); border: 1px solid black; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -3155,7 +3155,7 @@ scale { outline-color: rgba(238, 238, 236, 0.3); border-color: black; background-image: linear-gradient(to bottom, #23252e 20%, #1a1c23 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } scale slider:active { border-color: #00348d; } scale slider:disabled { @@ -3168,14 +3168,14 @@ scale { scale slider:backdrop { transition: 200ms ease-out; color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; @@ -3776,7 +3776,7 @@ levelbar trough { box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } levelbar trough:backdrop { color: #d4d5d7; - border-color: #16171d; + border-color: #0d0e11; background-color: #292c37; box-shadow: none; } @@ -3814,7 +3814,7 @@ printdialog paper { padding: 0; } printdialog paper:backdrop { color: #888a8d; - border-color: #16171d; } + border-color: #0d0e11; } printdialog .dialog-action-box { margin: 12px; } @@ -3834,13 +3834,13 @@ frame > border, border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: #16171d; } + border-color: #0d0e11; } actionbar > revealer > box { padding: 6px; border-top: 1px solid #0d0e11; } actionbar > revealer > box:backdrop { - border-color: #16171d; } + border-color: #0d0e11; } scrolledwindow viewport.frame { border-style: none; } @@ -3854,7 +3854,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#16171d), to(rgba(22, 23, 29, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; @@ -3871,7 +3871,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#16171d), to(rgba(22, 23, 29, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; @@ -3888,7 +3888,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#16171d), to(rgba(22, 23, 29, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; @@ -3905,7 +3905,7 @@ scrolledwindow overshoot.right { border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#16171d), to(rgba(22, 23, 29, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; @@ -3920,7 +3920,7 @@ scrolledwindow junction { scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #16171d 1px, transparent 1px); + border-image-source: linear-gradient(to bottom, #0d0e11 1px, transparent 1px); background-color: #272a34; transition: 200ms ease-out; } @@ -3939,7 +3939,7 @@ list { list:backdrop { color: #d4d5d7; background-color: #292c37; - border-color: #16171d; } + border-color: #0d0e11; } list row { padding: 2px; } @@ -4024,7 +4024,7 @@ calendar { color: #43495a; } calendar:backdrop { color: #d4d5d7; - border-color: #16171d; } + border-color: #0d0e11; } calendar:indeterminate { color: alpha(currentColor,0.1); } @@ -4060,7 +4060,7 @@ messagedialog.csd .dialog-action-area button { filechooser .dialog-action-box { border-top: 1px solid #0d0e11; } filechooser .dialog-action-box:backdrop { - border-top-color: #16171d; } + border-top-color: #0d0e11; } filechooser #pathbarbox { border-bottom: 1px solid #23252e; } @@ -4083,7 +4083,7 @@ filechooserbutton:drop(active) { border-right-style: none; } .sidebar:backdrop { background-color: #262933; - border-color: #16171d; + border-color: #0d0e11; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } @@ -4101,7 +4101,7 @@ stacksidebar row { separator.sidebar { background-color: #0d0e11; } separator.sidebar:backdrop { - background-color: #16171d; } + background-color: #0d0e11; } separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #0047c0; } @@ -4192,7 +4192,7 @@ paned > separator { paned > separator:selected { background-image: image(#2777ff); } paned > separator:backdrop { - background-image: image(#16171d); } + background-image: image(#0d0e11); } paned > separator.wide { min-width: 5px; min-height: 5px; @@ -4201,7 +4201,7 @@ paned > separator { background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #23252e; - background-image: image(#16171d), image(#16171d); } + background-image: image(#0d0e11), image(#0d0e11); } paned.horizontal > separator { background-repeat: repeat-y; } @@ -4252,15 +4252,15 @@ infobar { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -4278,7 +4278,7 @@ infobar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; @@ -4286,7 +4286,7 @@ infobar { border-color: #0d0e11; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; @@ -4397,18 +4397,18 @@ colorswatch#add-color-button { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } colorswatch#add-color-button overlay:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; @@ -5105,13 +5105,13 @@ switch { box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.6); } switch:backdrop, switch:disabled { box-shadow: none; - border-color: #16171d; } + border-color: #0d0e11; } switch slider:checked { border-color: #0d0e11; } switch slider:checked:backdrop:not(:disabled) { - border-color: #16171d; } + border-color: #0d0e11; } switch slider:disabled { - border-color: #16171d; } + border-color: #0d0e11; } /************************* * Check and Radio items * @@ -5154,8 +5154,8 @@ scale slider { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); border-color: black; } switch:hover slider, switch slider:active, scale slider:active { @@ -5163,7 +5163,7 @@ scale slider { border-color: #2777ff; } switch slider:disabled, scale slider:disabled { - border-color: #16171d; } + border-color: #0d0e11; } /*************** * Header bars * @@ -5207,7 +5207,7 @@ headerbar { box-shadow: none; } paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child { - border-color: #16171d; + border-color: #0d0e11; background: #272a34; box-shadow: none; } paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop { @@ -5219,14 +5219,14 @@ paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titleba treeview.view { border-top-color: #0d0e11; } treeview.view:backdrop { - border-top-color: #16171d; } + border-top-color: #0d0e11; } treeview.view header button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } treeview.view header button:hover, treeview.view header button:active { border-color: #0d0e11; } treeview.view header button:backdrop { @@ -5266,7 +5266,7 @@ notebook > header { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, @@ -5276,15 +5276,16 @@ notebook > header { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - background-image: image(#2e313d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + background: #272a34; } notebook > header.top > tabs > tab:checked:backdrop, notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; @@ -5337,8 +5338,8 @@ infobar.info.action:hover button.flat { outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - background-image: image(#4187ff); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#4b8eff); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.info button:hover, infobar.info button.flat:hover, infobar.info.action:hover button:hover, infobar.info.action:hover button.flat:hover { @@ -5347,7 +5348,7 @@ infobar.info.action:hover button.flat { border-color: #005af3; border-bottom-color: #0047c0; background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.info button:active, infobar.info button:checked, infobar.info button.flat:active, infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked, @@ -5412,8 +5413,8 @@ infobar.warning.action:hover button.flat { outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; border-bottom-color: #974b00; - background-image: image(#ff8a18); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#ff8f22); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.question button:hover, infobar.question button.flat:hover, infobar.warning button:hover, infobar.warning button.flat:hover, infobar.question.action:hover button:hover, @@ -5424,7 +5425,7 @@ infobar.warning.action:hover button.flat { border-color: #ca6400; border-bottom-color: #974b00; background-image: linear-gradient(to top, #f87a00, #ff8003 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.question button:active, infobar.question button:checked, infobar.question button.flat:active, infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked, @@ -5506,8 +5507,8 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar outline-color: rgba(255, 255, 255, 0.3); border-color: #911212; border-bottom-color: #640c0c; - background-image: image(#d61a1a); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#df1b1b); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover, infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, @@ -5518,7 +5519,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar border-color: #911212; border-bottom-color: #640c0c; background-image: linear-gradient(to top, #ba1616, #c41818 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.flat:active, infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, @@ -5596,7 +5597,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar .app-notification.frame { padding: 5px 10px; margin: 20px; - border-radius: 4px; + border-radius: 5px; border: 1px solid rgba(13, 14, 17, 0.65); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); background-image: none; } @@ -5743,7 +5744,7 @@ filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, border-style: solid; } .path-bar-box:backdrop { - border-color: #16171d; } + border-color: #0d0e11; } /* XFCE4 PANEL */ .xfce4-panel.background { @@ -5919,7 +5920,7 @@ widgets main borders color */ @define-color borders #0d0e11; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #16171d; +@define-color unfocused_borders #0d0e11; /* these are pretty self explicative */ @define-color warning_color #fd7d00; diff --git a/share/themes/Kali-Light/gtk-3.0/gtk.css b/share/themes/Kali-Light/gtk-3.0/gtk.css index 0f8ad628..61e7fa90 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk.css @@ -146,7 +146,7 @@ assistant .sidebar { border-top: 1px solid #d9d9d9; } assistant .sidebar:backdrop { background-color: #f7f7f7; - border-color: #e0e0e0; } + border-color: #d9d9d9; } assistant.csd .sidebar { border-top-style: none; } @@ -273,14 +273,14 @@ entry { spinbutton:backdrop:not(.vertical), entry:backdrop { color: #313131; - border-color: #e0e0e0; + border-color: #d9d9d9; background-color: #f7f7f7; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #d9d9d9; - border-color: #e0e0e0; + border-color: #d9d9d9; background-color: #fdfdfd; box-shadow: none; } spinbutton.error:not(.vertical), @@ -381,7 +381,7 @@ entry progress { .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #f0f0f0; } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #f0f0f0; } + border-top-color: #eeeeee; } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #f0f0f0; } @@ -493,7 +493,7 @@ button { border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; @@ -516,8 +516,8 @@ button { outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; - background-image: linear-gradient(to top, #ffffff, white 1px); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); + background-image: image(whitesmoke); + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, @@ -534,7 +534,7 @@ button { button.flat:backdrop, button:backdrop { color: #aeb0b6; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#ffffff); text-shadow: none; -gtk-icon-shadow: none; @@ -547,14 +547,14 @@ button { button:backdrop:active, button:backdrop:checked { color: #aeb0b6; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #d9d9d9; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#fdfdfd); text-shadow: none; -gtk-icon-shadow: none; @@ -565,7 +565,7 @@ button { button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #d9d9d9; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, @@ -801,8 +801,8 @@ button.suggested-action { outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - background-image: image(#4187ff); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(#4b8eff); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } button.suggested-action.flat { border-color: transparent; @@ -818,8 +818,8 @@ button.suggested-action { outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - background-image: linear-gradient(to top, #2777ff, #2c7aff 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(#136aff); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } button.suggested-action:active, button.suggested-action:checked { @@ -852,7 +852,7 @@ button.suggested-action { button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #d9d9d9; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#fdfdfd); text-shadow: none; -gtk-icon-shadow: none; @@ -947,8 +947,8 @@ button.destructive-action { outline-color: rgba(255, 255, 255, 0.3); border-color: #a61414; border-bottom-color: #790e0e; - background-image: image(#e52222); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(#e62b2b); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } button.destructive-action.flat { border-color: transparent; @@ -964,8 +964,8 @@ button.destructive-action { outline-color: rgba(255, 255, 255, 0.3); border-color: #a61414; border-bottom-color: #790e0e; - background-image: linear-gradient(to top, #d41919, #d91a1a 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(#c21717); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } button.destructive-action:active, button.destructive-action:checked { @@ -998,7 +998,7 @@ button.destructive-action { button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #d9d9d9; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#fdfdfd); text-shadow: none; -gtk-icon-shadow: none; @@ -1139,7 +1139,7 @@ button.circular { border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: image(white), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: transparent; } button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { @@ -1147,8 +1147,8 @@ button.circular { outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; - background-image: linear-gradient(to top, #ffffff, white 1px), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); + background-image: image(whitesmoke), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%); + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: transparent; } stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, @@ -1171,14 +1171,14 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } .inline-toolbar toolbutton > button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; - background-image: linear-gradient(to top, #ffffff, white 1px); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(whitesmoke); + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); @@ -1201,26 +1201,26 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop { color: #aeb0b6; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#ffffff); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #aeb0b6; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled { color: #d9d9d9; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#fdfdfd); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #d9d9d9; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1324,8 +1324,8 @@ list row button.image-button:not(.flat) { outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; - background-image: linear-gradient(to top, #ffffff, white 1px); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(whitesmoke); + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); @@ -1446,7 +1446,7 @@ spinbutton { spinbutton:not(.vertical) button:backdrop { color: #b5b7bd; background-color: transparent; - border-color: rgba(224, 224, 224, 0.3); + border-color: rgba(217, 217, 217, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(217, 217, 217, 0.3); @@ -1650,8 +1650,8 @@ searchbar > revealer > box { background-color: #f4f4f4; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { - border-color: #e0e0e0; - background-color: #f4f4f4; + border-color: #d9d9d9; + background-color: #f2f2f2; box-shadow: none; transition: 200ms ease-out; } @@ -1672,7 +1672,7 @@ headerbar { /* hide the close button separator */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - border-color: #e0e0e0; + border-color: #d9d9d9; background-color: #ffffff; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); @@ -1699,7 +1699,7 @@ headerbar { headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #aeb0b6; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, @@ -1724,8 +1724,8 @@ headerbar { outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - background-image: image(#4187ff); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(#4b8eff); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; @@ -1740,8 +1740,8 @@ headerbar { outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - background-image: linear-gradient(to top, #2777ff, #2c7aff 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(#136aff); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, @@ -1825,7 +1825,7 @@ headerbar { border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { @@ -1833,8 +1833,8 @@ headerbar { outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; - background-image: linear-gradient(to top, #ffffff, white 1px); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); + background-image: image(whitesmoke); + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #0051da; } .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { @@ -1858,7 +1858,7 @@ headerbar { .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #aeb0b6; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#ffffff); text-shadow: none; -gtk-icon-shadow: none; @@ -1867,7 +1867,7 @@ headerbar { .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #d9d9d9; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#fdfdfd); text-shadow: none; -gtk-icon-shadow: none; @@ -2330,8 +2330,8 @@ notebook > header { border-width: 1px; background-color: #f2f2f2; } notebook > header:backdrop { - border-color: #e0e0e0; - background-color: #f4f4f4; } + border-color: #d9d9d9; + background-color: #f2f2f2; } notebook > header tabs { margin: -1px; } notebook > header.top { @@ -2447,7 +2447,7 @@ notebook > header { notebook > header tab:backdrop:checked { color: #aeb0b6; } notebook > header tab.reorderable-page:backdrop:checked { - border-color: #e0e0e0; + border-color: #d9d9d9; background-color: #ffffff; } notebook > header tab button.flat { padding: 0; @@ -2524,7 +2524,7 @@ scrollbar { border-left: 1px solid #d9d9d9; } scrollbar:backdrop { background-color: #fafafa; - border-color: #e0e0e0; + border-color: #d9d9d9; transition: 200ms ease-out; } scrollbar slider { min-width: 8px; @@ -2677,8 +2677,8 @@ switch { text-shadow: none; } switch:backdrop { color: #aeb0b6; - border-color: #e0e0e0; - background-color: #f4f4f4; + border-color: #d9d9d9; + background-color: #f2f2f2; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { @@ -2687,7 +2687,7 @@ switch { background-color: #2777ff; } switch:backdrop:disabled { color: #d9d9d9; - border-color: #e0e0e0; + border-color: #d9d9d9; background-color: #fdfdfd; } switch slider { margin: -1px; @@ -2701,7 +2701,7 @@ switch { outline-color: rgba(92, 97, 108, 0.3); border-color: #c2c2c2; background-image: linear-gradient(to bottom, white 20%, #ffffff 90%); - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } switch image { color: transparent; } switch:hover slider { @@ -2709,7 +2709,7 @@ switch { outline-color: rgba(92, 97, 108, 0.3); border-color: #c2c2c2; background-image: linear-gradient(to bottom, white 10%, white 90%); - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } switch:checked > slider { border: 1px solid #0047c0; } switch:disabled slider { @@ -2722,7 +2722,7 @@ switch { switch:backdrop slider { transition: 200ms ease-out; color: #aeb0b6; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#ffffff); text-shadow: none; -gtk-icon-shadow: none; @@ -2731,7 +2731,7 @@ switch { border-color: #0047c0; } switch:backdrop:disabled slider { color: #d9d9d9; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#fdfdfd); text-shadow: none; -gtk-icon-shadow: none; @@ -3091,8 +3091,8 @@ progressbar trough, scale fill, scale trough { progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #fdfdfd; } progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { - background-color: #f4f4f4; - border-color: #e0e0e0; + background-color: #f2f2f2; + border-color: #d9d9d9; transition: 200ms ease-out; } progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #fdfdfd; } @@ -3167,7 +3167,7 @@ scale { outline-color: rgba(92, 97, 108, 0.3); border-color: #c2c2c2; background-image: linear-gradient(to bottom, white 20%, #ffffff 90%); - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); + box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid #bababa; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -3177,7 +3177,7 @@ scale { outline-color: rgba(92, 97, 108, 0.3); border-color: #c2c2c2; background-image: linear-gradient(to bottom, white 10%, white 90%); - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } scale slider:active { border-color: #0051da; } scale slider:disabled { @@ -3190,14 +3190,14 @@ scale { scale slider:backdrop { transition: 200ms ease-out; color: #aeb0b6; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#ffffff); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:backdrop:disabled { color: #d9d9d9; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#fdfdfd); text-shadow: none; -gtk-icon-shadow: none; @@ -3798,7 +3798,7 @@ levelbar trough { box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } levelbar trough:backdrop { color: #313131; - border-color: #e0e0e0; + border-color: #d9d9d9; background-color: #f7f7f7; box-shadow: none; } @@ -3836,7 +3836,7 @@ printdialog paper { padding: 0; } printdialog paper:backdrop { color: #aeb0b6; - border-color: #e0e0e0; } + border-color: #d9d9d9; } printdialog .dialog-action-box { margin: 12px; } @@ -3856,13 +3856,13 @@ frame > border, border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: #e0e0e0; } + border-color: #d9d9d9; } actionbar > revealer > box { padding: 6px; border-top: 1px solid #d9d9d9; } actionbar > revealer > box:backdrop { - border-color: #e0e0e0; } + border-color: #d9d9d9; } scrolledwindow viewport.frame { border-style: none; } @@ -3876,7 +3876,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#e0e0e0), to(rgba(224, 224, 224, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; @@ -3893,7 +3893,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#e0e0e0), to(rgba(224, 224, 224, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; @@ -3910,7 +3910,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#e0e0e0), to(rgba(224, 224, 224, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; @@ -3927,7 +3927,7 @@ scrolledwindow overshoot.right { border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#e0e0e0), to(rgba(224, 224, 224, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; @@ -3942,7 +3942,7 @@ scrolledwindow junction { scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #e0e0e0 1px, transparent 1px); + border-image-source: linear-gradient(to bottom, #d9d9d9 1px, transparent 1px); background-color: #fafafa; transition: 200ms ease-out; } @@ -3961,7 +3961,7 @@ list { list:backdrop { color: #313131; background-color: #f7f7f7; - border-color: #e0e0e0; } + border-color: #d9d9d9; } list row { padding: 2px; } @@ -4046,7 +4046,7 @@ calendar { color: #d9d9d9; } calendar:backdrop { color: #313131; - border-color: #e0e0e0; } + border-color: #d9d9d9; } calendar:indeterminate { color: alpha(currentColor,0.1); } @@ -4082,7 +4082,7 @@ messagedialog.csd .dialog-action-area button { filechooser .dialog-action-box { border-top: 1px solid #d9d9d9; } filechooser .dialog-action-box:backdrop { - border-top-color: #e0e0e0; } + border-top-color: #d9d9d9; } filechooser #pathbarbox { border-bottom: 1px solid #ffffff; } @@ -4105,7 +4105,7 @@ filechooserbutton:drop(active) { border-right-style: none; } .sidebar:backdrop { background-color: #fbfbfb; - border-color: #e0e0e0; + border-color: #d9d9d9; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } @@ -4123,7 +4123,7 @@ stacksidebar row { separator.sidebar { background-color: #d9d9d9; } separator.sidebar:backdrop { - background-color: #e0e0e0; } + background-color: #d9d9d9; } separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #0047c0; } @@ -4214,7 +4214,7 @@ paned > separator { paned > separator:selected { background-image: image(#2777ff); } paned > separator:backdrop { - background-image: image(#e0e0e0); } + background-image: image(#d9d9d9); } paned > separator.wide { min-width: 5px; min-height: 5px; @@ -4223,7 +4223,7 @@ paned > separator { background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #ffffff; - background-image: image(#e0e0e0), image(#e0e0e0); } + background-image: image(#d9d9d9), image(#d9d9d9); } paned.horizontal > separator { background-repeat: repeat-y; } @@ -4275,14 +4275,14 @@ infobar { border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; - background-image: linear-gradient(to top, #ffffff, white 1px); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(whitesmoke); + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); @@ -4300,7 +4300,7 @@ infobar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #aeb0b6; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#ffffff); text-shadow: none; -gtk-icon-shadow: none; @@ -4308,7 +4308,7 @@ infobar { border-color: #e6e6e6; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #d9d9d9; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#fdfdfd); text-shadow: none; -gtk-icon-shadow: none; @@ -4420,17 +4420,17 @@ colorswatch#add-color-button { border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } colorswatch#add-color-button overlay:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; - background-image: linear-gradient(to top, #ffffff, white 1px); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(whitesmoke); + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } colorswatch#add-color-button overlay:backdrop { color: #aeb0b6; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#ffffff); text-shadow: none; -gtk-icon-shadow: none; @@ -5126,13 +5126,13 @@ switch { box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.6); } switch:backdrop, switch:disabled { box-shadow: none; - border-color: #e0e0e0; } + border-color: #d9d9d9; } switch slider:checked { border-color: #0051da; } switch slider:checked:backdrop:not(:disabled) { border-color: #2777ff; } switch slider:disabled { - border-color: #e0e0e0; } + border-color: #d9d9d9; } /************************* * Check and Radio items * @@ -5176,7 +5176,7 @@ scale slider { border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: image(white); - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); + box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #bababa; } switch:hover slider, switch slider:active, scale slider:active { @@ -5184,7 +5184,7 @@ scale slider { border-color: #2777ff; } switch slider:disabled, scale slider:disabled { - border-color: #e0e0e0; } + border-color: #d9d9d9; } /*************** * Header bars * @@ -5228,7 +5228,7 @@ headerbar { box-shadow: none; } paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child { - border-color: #e0e0e0; + border-color: #d9d9d9; background: #fafafa; box-shadow: none; } paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop { @@ -5240,14 +5240,14 @@ paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titleba treeview.view { border-top-color: #d9d9d9; } treeview.view:backdrop { - border-top-color: #e0e0e0; } + border-top-color: #d9d9d9; } treeview.view header button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } treeview.view header button:hover, treeview.view header button:active { border-color: #d9d9d9; } treeview.view header button:backdrop { @@ -5286,8 +5286,8 @@ notebook > header { outline-color: rgba(92, 97, 108, 0.3); border-color: #d9d9d9; border-bottom-color: #c2c2c2; - background-image: linear-gradient(to top, #ffffff, white 1px); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(whitesmoke); + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, @@ -5298,14 +5298,15 @@ notebook > header { border-color: #d9d9d9; border-bottom-color: #c2c2c2; background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); + background: #fafafa; } notebook > header.top > tabs > tab:checked:backdrop, notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { color: #aeb0b6; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#ffffff); text-shadow: none; -gtk-icon-shadow: none; @@ -5358,8 +5359,8 @@ infobar.info.action:hover button.flat { outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - background-image: image(#4187ff); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(#4b8eff); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } infobar.info button:hover, infobar.info button.flat:hover, infobar.info.action:hover button:hover, infobar.info.action:hover button.flat:hover { @@ -5367,8 +5368,8 @@ infobar.info.action:hover button.flat { outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - background-image: linear-gradient(to top, #2777ff, #2c7aff 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(#136aff); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } infobar.info button:active, infobar.info button:checked, infobar.info button.flat:active, infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked, @@ -5433,8 +5434,8 @@ infobar.warning.action:hover button.flat { outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; border-bottom-color: #974b00; - background-image: image(#ff8a18); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(#ff8f22); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } infobar.question button:hover, infobar.question button.flat:hover, infobar.warning button:hover, infobar.warning button.flat:hover, infobar.question.action:hover button:hover, @@ -5444,8 +5445,8 @@ infobar.warning.action:hover button.flat { outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; border-bottom-color: #974b00; - background-image: linear-gradient(to top, #fd7d00, #ff8003 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(#e97300); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } infobar.question button:active, infobar.question button:checked, infobar.question button.flat:active, infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked, @@ -5527,8 +5528,8 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar outline-color: rgba(255, 255, 255, 0.3); border-color: #911212; border-bottom-color: #640c0c; - background-image: image(#d61a1a); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(#df1b1b); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover, infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, @@ -5538,8 +5539,8 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar outline-color: rgba(255, 255, 255, 0.3); border-color: #911212; border-bottom-color: #640c0c; - background-image: linear-gradient(to top, #bf1717, #c41818 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(#ad1515); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.flat:active, infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, @@ -5617,7 +5618,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar .app-notification.frame { padding: 5px 10px; margin: 20px; - border-radius: 4px; + border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); background-image: none; } @@ -5764,7 +5765,7 @@ filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, border-style: solid; } .path-bar-box:backdrop { - border-color: #e0e0e0; } + border-color: #d9d9d9; } /* XFCE4 PANEL */ .xfce4-panel.background { @@ -5928,7 +5929,7 @@ widgets main borders color */ @define-color borders #d9d9d9; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #e0e0e0; +@define-color unfocused_borders #d9d9d9; /* these are pretty self explicative */ @define-color warning_color #fd7d00; diff --git a/share/themes/Kali-Light/gtk-4.0/gtk-dark.css b/share/themes/Kali-Light/gtk-4.0/gtk-dark.css index d4aa69c8..a733322c 100644 --- a/share/themes/Kali-Light/gtk-4.0/gtk-dark.css +++ b/share/themes/Kali-Light/gtk-4.0/gtk-dark.css @@ -231,7 +231,7 @@ entry { padding-left: 8px; padding-right: 8px; border: 1px solid; - border-radius: 5px; + border-radius: 4px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; @@ -434,13 +434,13 @@ button { min-width: 16px; padding: 4px 9px; border: 1px solid; - border-radius: 5px; + border-radius: 4px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(39, 119, 255, 0.7); border-color: #0d0e11; - background-image: linear-gradient(to top, #252831 2px, #272a34); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } notebook > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; @@ -455,7 +455,7 @@ button { color: #eeeeec; border-color: #0d0e11; background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); -gtk-icon-filter: brightness(1.2); } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, @@ -481,7 +481,7 @@ button { button.flat:backdrop, button:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); box-shadow: none; transition: 200ms ease-out; @@ -492,14 +492,14 @@ button { button:backdrop:active, button:backdrop:checked { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1e2128); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, @@ -508,7 +508,7 @@ button { button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1e2128); box-shadow: none; } notebook > header > tabs > arrow:disabled, @@ -688,8 +688,8 @@ button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0047c0; - background-image: linear-gradient(to top, #2274ff 2px, #2777ff); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#4187ff); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.suggested-action { outline: 0 solid transparent; @@ -711,7 +711,7 @@ button.suggested-action { color: white; border-color: #0051da; background-image: linear-gradient(to top, #136aff 20%, #186eff 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.suggested-action:active, button.suggested-action:checked { @@ -770,8 +770,8 @@ button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4b0909; - background-image: linear-gradient(to top, #a21313 2px, #a61414); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#bd1616); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(98, 12, 12, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.destructive-action { outline: 0 solid transparent; @@ -793,7 +793,7 @@ button.destructive-action { color: white; border-color: #620c0c; background-image: linear-gradient(to top, #941111 20%, #991212 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(98, 12, 12, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.destructive-action:active, button.destructive-action:checked { @@ -867,13 +867,13 @@ button.font > box { button.font > box > box > label { font-weight: bold; } - +menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } - + menubutton.circular button label, button.circular label { padding: 0; } @@ -961,7 +961,7 @@ modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; - border-radius: 5px; } + border-radius: 4px; } modelbutton.flat:hover { background-color: #3b3e46; } modelbutton.flat:disabled { @@ -986,7 +986,7 @@ modelbutton.flat arrow { color: #eeeeec; border-color: #0d0e11; background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } .toolbar button:active { color: #eeeeec; border-color: #0d0e11; @@ -998,12 +998,12 @@ modelbutton.flat arrow { background-image: image(#242731); } .toolbar button:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#23252e); box-shadow: none; } .toolbar button:backdrop:disabled { color: #43495a; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#242731); box-shadow: none; } @@ -1022,7 +1022,7 @@ list > row button.image-button:not(.flat) { color: #eeeeec; border-color: #0d0e11; background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { @@ -1124,10 +1124,10 @@ spinbutton { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { - border-radius: 0 5px 5px 0; } + border-radius: 0 4px 4px 0; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { - border-radius: 5px 0 0 5px; } + border-radius: 4px 0 0 4px; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; @@ -1166,10 +1166,10 @@ spinbutton { box-shadow: none; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { - border-radius: 0 5px 5px 0; } + border-radius: 0 4px 4px 0; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { - border-radius: 5px 0 0 5px; } + border-radius: 4px 0 0 4px; } spinbutton.vertical:disabled { color: #888a8d; } spinbutton.vertical:drop(active) { @@ -1316,8 +1316,8 @@ searchbar > revealer > box { border-color: #0d0e11; background-color: #1c1e25; } searchbar > revealer > box:backdrop { - border-color: #16171d; - background-color: #1e2028; + border-color: #0d0e11; + background-color: #1b1d24; box-shadow: none; transition: 200ms ease-out; } @@ -1350,7 +1350,7 @@ searchbar .close { color: #eeeeec; border-color: #0d0e11; background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } /***************** * Title buttons * @@ -1393,7 +1393,7 @@ headerbar { /* Darken switchbuttons for headerbars. issue #1588 */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - border-color: #16171d; + border-color: #0d0e11; background-color: #23252e; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); @@ -1420,7 +1420,7 @@ headerbar { headerbar stackswitcher > button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #888a8d; - border-color: #16171d; + border-color: #0d0e11; background-image: image(#1e2128); box-shadow: none; } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { @@ -1627,6 +1627,16 @@ treeview.view { treeview.view > header > button:active { color: #eeeeec; transition: none; } + columnview.view > header > button sort-indicator, + treeview.view > header > button sort-indicator { + min-height: 16px; + min-width: 16px; } + columnview.view > header > button sort-indicator.ascending, + treeview.view > header > button sort-indicator.ascending { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + columnview.view > header > button sort-indicator.descending, + treeview.view > header > button sort-indicator.descending { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, @@ -1687,7 +1697,7 @@ popover.background { background-color: transparent; } popover.background > contents { padding: 8px; - border-radius: 9px; } + border-radius: 8px; } popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, @@ -1817,7 +1827,7 @@ menubar { padding: 0 0 4px 0; } menubar > item popover.menu.background popover.menu.background > contents { margin: 0; - border-radius: 9px; } + border-radius: 8px; } /************* * Notebooks * @@ -2003,11 +2013,11 @@ scrollbar { scrollbar.right { border-left: 1px solid #0d0e11; } scrollbar > range > trough > slider { - min-width: 6px; - min-height: 6px; + min-width: 10px; + min-height: 10px; margin: -1px; border: 4px solid transparent; - border-radius: 8px; + border-radius: 10px; background-clip: padding-box; background-color: #41434b; } scrollbar > range > trough > slider:hover { @@ -2017,12 +2027,12 @@ scrollbar { scrollbar > range > trough > slider:disabled { background-color: transparent; } scrollbar > range.fine-tune > trough > slider { - min-width: 4px; - min-height: 4px; } + min-width: 6px; + min-height: 6px; } scrollbar > range.fine-tune.horizontal > trough > slider { - border-width: 5px 4px; } + border-width: 6px 4px; } scrollbar > range.fine-tune.vertical > trough > slider { - border-width: 4px 5px; } + border-width: 4px 6px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; @@ -2084,8 +2094,8 @@ switch { color: #eeeeec; outline-color: rgba(39, 119, 255, 0.7); border-color: #0d0e11; - background-image: linear-gradient(to top, #252831 2px, #272a34); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); margin: -1px; min-width: 24px; min-height: 24px; @@ -2099,7 +2109,7 @@ switch { color: #eeeeec; border-color: #0d0e11; background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } switch:checked > slider { border: 1px solid #00348d; } switch:disabled > slider { @@ -2234,7 +2244,7 @@ switch { checkbutton { border-spacing: 4px; - border-radius: 5px; + border-radius: 4px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } checkbutton { outline: 0 solid transparent; @@ -2442,8 +2452,8 @@ scale { color: #eeeeec; outline-color: rgba(39, 119, 255, 0.7); border-color: #0d0e11; - background-image: linear-gradient(to top, #252831 2px, #272a34); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); border-width: 1px; border-style: solid; border-radius: 100%; @@ -2453,7 +2463,7 @@ scale { color: #eeeeec; border-color: #0d0e11; background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } scale > trough > slider:active { border-color: #00348d; } scale > trough > slider:disabled { @@ -2964,7 +2974,7 @@ frame, border: 1px solid #0d0e11; } frame { - border-radius: 8px; } + border-radius: 7px; } frame > label { margin: 4px; } @@ -3031,7 +3041,7 @@ list { list:backdrop { color: #d4d5d7; background-color: #292c37; - border-color: #16171d; } + border-color: #0d0e11; } listview > row, list > row { padding: 2px; } @@ -3158,7 +3168,7 @@ expander-widget:focus:focus-visible > box > title { expander-widget > box > title { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-radius: 5px; } + border-radius: 4px; } expander-widget > box > title:hover > expander { color: white; } @@ -3221,8 +3231,8 @@ window.dialog.message label.title { font-size: 15pt; } window.dialog.message.csd.background { - border-bottom-left-radius: 9px; - border-bottom-right-radius: 9px; } + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; @@ -3437,7 +3447,7 @@ video { ************/ tooltip { padding: 6px 10px; - border-radius: 8px; + border-radius: 7px; box-shadow: none; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); @@ -3513,13 +3523,13 @@ colorswatch { color: #eeeeec; outline-color: rgba(39, 119, 255, 0.7); border-color: #0d0e11; - background-image: linear-gradient(to top, #252831 2px, #272a34); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } colorswatch#add-color-button.activatable:hover > overlay { color: #eeeeec; border-color: #0d0e11; background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled > overlay { @@ -3578,7 +3588,7 @@ window { window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.9); margin: 0px; - border-radius: 8px 8px 0 0; } + border-radius: 7px 7px 0 0; } window.csd:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.9); transition: 200ms ease-out; } @@ -3586,7 +3596,7 @@ window { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.8); } window.csd.dialog.message { - border-radius: 8px; + border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.8); } window.csd.solid-csd { margin: 0; @@ -3607,24 +3617,21 @@ tooltip.csd { border-radius: 5px; box-shadow: none; } -filechooser placessidebar.sidebar row.sidebar-row:selected, -.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected, +.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #2777ff; } - label:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected, + label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; } - label:disabled > selection, label:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, - .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .view:disabled:selected, + label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, @@ -3779,181 +3786,353 @@ popover.entry-completion > contents { statusbar { padding: 6px 10px 6px 10px; } -/* Nautilus */ -@define-color disk_space_unknown #383c4a; -@define-color disk_space_used #2777ff; -@define-color disk_space_free white; -filechooser placessidebar.sidebar, -.nautilus-window placessidebar.sidebar { - box-shadow: inset 0 8px 4px -8px rgba(0, 0, 0, 0.3); } - filechooser placessidebar.sidebar:dir(ltr), - .nautilus-window placessidebar.sidebar:dir(ltr) { - background-image: linear-gradient(to right, #1a1c23 41px, #23252e 0); } - filechooser placessidebar.sidebar:dir(rtl), - .nautilus-window placessidebar.sidebar:dir(rtl) { - background-image: linear-gradient(to left, #1a1c23 41px, #23252e 0); } - filechooser placessidebar.sidebar:backdrop, - .nautilus-window placessidebar.sidebar:backdrop { +menubutton arrow { + min-height: 16px; + min-width: 16px; } + menubutton arrow.none { + -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } + menubutton arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menubutton arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menubutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + menubutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +/********** + * Button * + **********/ +windowcontrols button, notebook > header > tabs > arrow, +button { + padding: 2px 6px; } + +.titlebar:not(headerbar) stackswitcher button:checked:checked, +.titlebar:not(headerbar) button.toggle:active, +.titlebar:not(headerbar) button.toggle:checked, +headerbar stackswitcher button:checked:checked, +headerbar button.toggle:active, +headerbar button.toggle:checked, +button.flat:not(.link):hover, +button:active, +button:checked { + background: #1b1d24; + box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } + .titlebar:not(headerbar) stackswitcher button:backdrop:checked, + .titlebar:not(headerbar) button.toggle:backdrop:active, + .titlebar:not(headerbar) button.toggle:backdrop:checked, + headerbar stackswitcher button:backdrop:checked, + headerbar button.toggle:backdrop:active, + headerbar button.toggle:backdrop:checked, + button.flat:backdrop:not(.link):hover, + button:active:backdrop, + button:checked:backdrop { box-shadow: none; } - filechooser placessidebar.sidebar row.sidebar-row:selected, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected { - margin-left: 6px; - margin-right: 6px; - border-radius: 5px; - box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); - transition: box-shadow 200ms ease-out; } - filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { - box-shadow: none; } - filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { - background-image: linear-gradient(to right, #005af3 35px, transparent 0); } - filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { - background-image: linear-gradient(to left, #005af3 35px, transparent 0); } - filechooser placessidebar.sidebar row.sidebar-row:selected revealer, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { - padding-left: 8px; - padding-right: 8px; } - filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { - color: #ffffff; } - filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, - .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - padding-right: 20px; } -.nautilus-window .floating-bar { - color: #ffffff; - background-color: #2777ff; - border-color: #00348d; - margin: 10px; - box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); - transition: background-color 200ms ease-out; } - .nautilus-window .floating-bar:backdrop { - color: inherit; - box-shadow: none; - border-color: #0d0e11; } - .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { - border-radius: 5px; - border-style: solid; } -.path-bar-box:backdrop { - border-color: #16171d; } - -/* XFCE4 PANEL */ -.xfce4-panel.background { - background: rgba(35, 37, 46, 0.8); } - -.xfce4-panel button { - border: 0; - border-radius: 0; - box-shadow: none; - text-shadow: none; - background: transparent; - color: #eeeeec; } - .xfce4-panel button:hover { - background: rgba(0, 0, 0, 0.2); } - .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { - box-shadow: inset 0 4px 0 #2777ff; - background: rgba(0, 0, 0, 0.2); } - -.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { - box-shadow: inset 4px 0 0 #2777ff; } - -/* XFCE4 NOTIFICATIONS */ -#XfceNotifyWindow { - background-color: #272a34; } - -/* Whisker menu */ -#whiskermenu-window entry { - border-radius: 100px; - border: 2px solid #2777ff; +button:disabled { box-shadow: none; } -#whiskermenu-window button { - transition-duration: 0s; } - #whiskermenu-window button:hover { - color: white; - outline-color: rgba(39, 119, 255, 0.7); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - border-color: transparent; - border-bottom-color: #1c1e25; } - #whiskermenu-window button:checked { - border-color: transparent; } -#whiskermenu-window scrolledwindow.frame { - border: 0; - border-radius: 8px; - box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); - background: #1c1e25; - padding: 7px 10px; - margin: 0 5px; } - #whiskermenu-window scrolledwindow.frame treeview { - background: transparent; - border-radius: 5px; } - #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { - background-color: rgba(0, 0, 0, 0.27); - color: inherit; } +button.flat:not(.link):hover { + transition: none; } -/* XFCE4 panel action buttons */ -#XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { - -gtk-icon-style: symbolic; - -gtk-icon-transform: scale(0.7); } -/* XFCE4 workspace switcher */ -wnck-pager { - background-color: #3d4251; } - wnck-pager:selected { - background-color: black; } - wnck-pager:hover { - background-color: black; } +button.flat:not(.link):backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } -/* LightDM */ -.lightdm-gtk-greeter #panel_window { - background: rgba(35, 37, 46, 0.8); + +button.image-button { + padding-left: 2px; + padding-right: 2px; } + + +button.circular { + min-height: 24px; + min-width: 24px; + padding: 2px; } + +/********** + * Entry * + **********/ +spinbutton:not(.vertical), spinbutton.vertical > text, +entry { + min-height: 28px; } + +spinbutton:not(:disabled):not(.vertical), spinbutton.vertical > text:not(:disabled), +entry:not(:disabled) { + box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); + background: #1b1d24; } + +spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop, +entry:backdrop { + box-shadow: none; + border-color: #0d0e11; } + +headerbar spinbutton:not(.vertical), headerbar spinbutton.vertical > text, +headerbar entry { + background: #272a34; } + +/********** + * Switch * + **********/ +switch { + box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } + switch:checked { + border-right-width: 0; + margin-right: 1px; + box-shadow: inset 0 1px 3px -1px rgba(0, 0, 0, 0.6); } + switch:checked, switch:checked:backdrop { + border-color: rgba(0, 0, 0, 0.2); } + switch:checked slider { + border-color: #0d0e11; } + switch:checked slider:backdrop:not(:disabled) { + border-color: #0d0e11; } + switch:backdrop, switch:disabled { + box-shadow: none; + border-color: #0d0e11; } + switch:backdrop slider, switch:disabled slider { + border-color: #0d0e11; } + +/************************* + * Check and Radio items * + *************************/ +check, +radio { + background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%); + border-color: black; } + check, check:active, + radio, + radio:active { + box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } + check:checked, check:indeterminate, + radio:checked, + radio:indeterminate { + background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%); + border-color: #00348d; + color: #ffffff; } + check:checked, check:checked:active, check:indeterminate, check:indeterminate:active, + radio:checked, + radio:checked:active, + radio:indeterminate, + radio:indeterminate:active { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } + check:checked:backdrop, check:indeterminate:backdrop, + radio:checked:backdrop, + radio:indeterminate:backdrop { + background-image: image(#2777ff); + box-shadow: none; } + check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, + radio:disabled, + radio:disabled:checked, + radio:disabled:indeterminate, + radio:disabled:backdrop, + radio:disabled:backdrop:checked, + radio:disabled:backdrop:indeterminate { + border-color: #0d0e11; + background-image: image(#23252e); + color: #eeeeec; } + +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { + -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { + -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio:active, +check:active { + -gtk-icon-transform: scale(0, 1); } + +radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), +check:checked:not(:backdrop), +check:indeterminate:not(:backdrop) { + -gtk-icon-transform: unset; + transition: 400ms; } + +/************ + * GtkScale * + ************/ +switch slider, +scale slider { color: #eeeeec; - text-shadow: none; - -gtk-icon-shadow: none; } + outline-color: rgba(39, 119, 255, 0.7); + border-color: #0d0e11; + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + border-color: black; } + switch:hover slider, switch slider:active, + scale slider:active { + background-image: image(#0f1014); + border-color: #2777ff; } + switch slider:backdrop, switch slider:disabled, + scale slider:backdrop, + scale slider:disabled { + border-color: #0d0e11; + background-image: image(#23252e); + box-shadow: none; } -.lightdm-gtk-greeter #login_window { - border: 0; - background-color: rgba(35, 37, 46, 0.8); - border-radius: 5px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } - .lightdm-gtk-greeter #login_window entry { - background: rgba(35, 37, 46, 0.4); - border-color: rgba(35, 37, 46, 0.3); - min-height: 32px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); } - .lightdm-gtk-greeter #login_window entry image { - margin: 0; } - .lightdm-gtk-greeter #login_window #buttonbox_frame { - padding-top: 20px; +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), +headerbar { + min-height: 40px; + border-color: black; + background: #0d0e11 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75); + background-repeat: no-repeat; + background-position: left; } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")); + background-repeat: no-repeat; + background-position: left; + box-shadow: none; } + .dialog .titlebar:not(headerbar), .dialog headerbar, .dialog headerbar:backdrop { background: #23252e; - border-top: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0 0 5px 5px; - box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); } - .lightdm-gtk-greeter #login_window #buttonbox_frame button { - border: 0; - color: white; - text-shadow: none; } - .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { - background: rgba(0, 0, 0, 0.27); - box-shadow: none; - color: #eeeeec; } - .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { - background: #2777ff; - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } + border: 0; + box-shadow: none; } -/* Thunar */ -.thunar .warning { - opacity: 0; - font-size: 0; - margin: -10px 0; } +headerbar entry, +headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button { + margin-top: 5px; + margin-bottom: 5px; } + +headerbar switch { + margin-top: 7px; + margin-bottom: 7px; } + +/************** + * Tree Views * + **************/ +treeview.view { + border-top-color: #0d0e11; } + treeview.view:backdrop { + border-top-color: #0d0e11; } + treeview.view header button { + color: #eeeeec; + outline-color: rgba(39, 119, 255, 0.7); + border-color: #0d0e11; + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + margin-left: -1px; } + treeview.view header button:hover, treeview.view header button:active { + border-color: #0d0e11; } + treeview.view header button:backdrop { + box-shadow: none; } + +/************* + * Notebooks * + *************/ +notebook > header { + border: 0; + padding: 0; + background-color: #1b1d24; } + notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { + margin: 0; } + notebook > header.top > tabs > tab, + notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, + notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, + notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, + notebook > header.right > tabs > tab.reorderable-page { + padding: 3px 12px; + border: 1px solid transparent; + margin: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header.top > tabs > tab:hover, + notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab:hover, + notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab:hover, + notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab:hover, + notebook > header.right > tabs > tab.reorderable-page:hover { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); + transition-duration: 50ms; } + notebook > header.top > tabs > tab:hover:backdrop, + notebook > header.top > tabs > tab.reorderable-page:hover:backdrop, notebook > header.bottom > tabs > tab:hover:backdrop, + notebook > header.bottom > tabs > tab.reorderable-page:hover:backdrop, notebook > header.left > tabs > tab:hover:backdrop, + notebook > header.left > tabs > tab.reorderable-page:hover:backdrop, notebook > header.right > tabs > tab:hover:backdrop, + notebook > header.right > tabs > tab.reorderable-page:hover:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + notebook > header.top > tabs > tab:checked, + notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, + notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, + notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, + notebook > header.right > tabs > tab.reorderable-page:checked { + color: #eeeeec; + outline-color: rgba(39, 119, 255, 0.7); + border-color: #0d0e11; + background-image: image(#323643); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } + notebook > header.top > tabs > tab:checked:backdrop, + notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, + notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, + notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, + notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#23252e); + box-shadow: none; + transition: 200ms ease-out; } + notebook > header.top > tabs > tab:backdrop, + notebook > header.top > tabs > tab.reorderable-page:backdrop, notebook > header.bottom > tabs > tab:backdrop, + notebook > header.bottom > tabs > tab.reorderable-page:backdrop, notebook > header.left > tabs > tab:backdrop, + notebook > header.left > tabs > tab.reorderable-page:backdrop, notebook > header.right > tabs > tab:backdrop, + notebook > header.right > tabs > tab.reorderable-page:backdrop { + color: #888a8d; } + notebook > header.top { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } + notebook > header.bottom { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } + notebook > header.right { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } + notebook > header.left { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } + notebook > header > tabs > tab { + border-radius: 4px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + min-height: 24px; } + notebook > header > tabs > tab button.flat { + margin-top: 1px; + margin-bottom: 1px; } + +/********************** + * Window Decorations * + *********************/ +window.csd { + border-radius: 8px 8px 5px 5px; + border: 1px solid #272a34; + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(13, 14, 17, 0.75); } + window.csd:backdrop { + box-shadow: 0 2px 8px 0 transparent, 0 0 0 1px transparent, 0 0 0 3px rgba(0, 0, 0, 0.25); } + window.csd.dialog.message, window.csd.popup { + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.65); + border-width: 0; } + +window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { + border-width: 0; } + +window.popup { + border-width: 0; } + +window.ssd { + box-shadow: 0 0 0 1px rgba(13, 14, 17, 0.75); + border-width: 0; } + +tooltip.csd { + border: 0; } + +windowcontrols button { + padding: 5px; } /* GTK NAMED COLORS ---------------- @@ -4011,7 +4190,7 @@ widgets main borders color */ @define-color borders #0d0e11; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #16171d; +@define-color unfocused_borders #0d0e11; /* these are pretty self explicative */ @define-color warning_color #fd7d00; diff --git a/share/themes/Kali-Light/gtk-4.0/gtk.css b/share/themes/Kali-Light/gtk-4.0/gtk.css index 039d5a6f..e813fbf7 100644 --- a/share/themes/Kali-Light/gtk-4.0/gtk.css +++ b/share/themes/Kali-Light/gtk-4.0/gtk.css @@ -231,7 +231,7 @@ entry { padding-left: 8px; padding-right: 8px; border: 1px solid; - border-radius: 5px; + border-radius: 4px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; @@ -434,13 +434,13 @@ button { min-width: 16px; padding: 4px 9px; border: 1px solid; - border-radius: 5px; + border-radius: 4px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; outline-color: rgba(39, 119, 255, 0.5); border-color: #d9d9d9; - background-image: linear-gradient(to top, #fafafa 2px, white); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(white); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } notebook > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; @@ -455,7 +455,7 @@ button { color: #5c616c; border-color: #d9d9d9; background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-filter: brightness(1.2); } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, @@ -481,7 +481,7 @@ button { button.flat:backdrop, button:backdrop { color: #aeb0b6; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#ffffff); box-shadow: none; transition: 200ms ease-out; @@ -492,14 +492,14 @@ button { button:backdrop:active, button:backdrop:checked { color: #aeb0b6; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #d9d9d9; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, @@ -508,7 +508,7 @@ button { button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #d9d9d9; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: none; } notebook > header > tabs > arrow:disabled, @@ -691,8 +691,8 @@ button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.8); border-color: #0047c0; - background-image: linear-gradient(to top, #1d71ff 2px, #2777ff); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(#4187ff); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } button.suggested-action { outline: 0 solid transparent; @@ -714,7 +714,7 @@ button.suggested-action { color: white; border-color: #0051da; background-image: linear-gradient(to top, #004fd4, #005efd 1px); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } button.suggested-action:active, button.suggested-action:checked { @@ -773,8 +773,8 @@ button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.8); border-color: #790e0e; - background-image: linear-gradient(to top, #cb1818 2px, #d41919); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(#e52222); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(144, 17, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } button.destructive-action { outline: 0 solid transparent; @@ -796,7 +796,7 @@ button.destructive-action { color: white; border-color: #901111; background-image: linear-gradient(to top, #8b1010, #b01515 1px); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(144, 17, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } button.destructive-action:active, button.destructive-action:checked { @@ -870,13 +870,13 @@ button.font > box { button.font > box > box > label { font-weight: bold; } - +menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } - + menubutton.circular button label, button.circular label { padding: 0; } @@ -964,7 +964,7 @@ modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; - border-radius: 5px; } + border-radius: 4px; } modelbutton.flat:hover { background-color: #eaebec; } modelbutton.flat:disabled { @@ -989,7 +989,7 @@ modelbutton.flat arrow { color: #5c616c; border-color: #d9d9d9; background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } .toolbar button:active { color: #5c616c; border-color: #d9d9d9; @@ -1001,12 +1001,12 @@ modelbutton.flat arrow { background-image: image(#fdfdfd); } .toolbar button:backdrop { color: #aeb0b6; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#ffffff); box-shadow: none; } .toolbar button:backdrop:disabled { color: #d9d9d9; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#fdfdfd); box-shadow: none; } @@ -1031,7 +1031,7 @@ list > row button.image-button:not(.flat) { color: #5c616c; border-color: #d9d9d9; background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { @@ -1133,10 +1133,10 @@ spinbutton { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { - border-radius: 0 5px 5px 0; } + border-radius: 0 4px 4px 0; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { - border-radius: 5px 0 0 5px; } + border-radius: 4px 0 0 4px; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; @@ -1175,10 +1175,10 @@ spinbutton { box-shadow: none; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { - border-radius: 0 5px 5px 0; } + border-radius: 0 4px 4px 0; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { - border-radius: 5px 0 0 5px; } + border-radius: 4px 0 0 4px; } spinbutton.vertical:disabled { color: #aeb0b6; } spinbutton.vertical:drop(active) { @@ -1325,8 +1325,8 @@ searchbar > revealer > box { border-color: #d9d9d9; background-color: #f4f4f4; } searchbar > revealer > box:backdrop { - border-color: #e0e0e0; - background-color: #f4f4f4; + border-color: #d9d9d9; + background-color: #f2f2f2; box-shadow: none; transition: 200ms ease-out; } @@ -1359,7 +1359,7 @@ searchbar .close { color: #5c616c; border-color: #d9d9d9; background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } /***************** * Title buttons * @@ -1402,7 +1402,7 @@ headerbar { /* Darken switchbuttons for headerbars. issue #1588 */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - border-color: #e0e0e0; + border-color: #d9d9d9; background-color: #ffffff; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); @@ -1429,7 +1429,7 @@ headerbar { headerbar stackswitcher > button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #aeb0b6; - border-color: #e0e0e0; + border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: none; } .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { @@ -1562,8 +1562,8 @@ treeview.view { color: #dfdfdf; } columnview.view:backdrop, treeview.view:backdrop { - border-left-color: #e5e5e5; - border-top: #e5e5e5; } + border-left-color: #dfdfdf; + border-top: #dfdfdf; } columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; } @@ -1638,6 +1638,16 @@ treeview.view { treeview.view > header > button:active { color: #5c616c; transition: none; } + columnview.view > header > button sort-indicator, + treeview.view > header > button sort-indicator { + min-height: 16px; + min-width: 16px; } + columnview.view > header > button sort-indicator.ascending, + treeview.view > header > button sort-indicator.ascending { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + columnview.view > header > button sort-indicator.descending, + treeview.view > header > button sort-indicator.descending { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, @@ -1698,7 +1708,7 @@ popover.background { background-color: transparent; } popover.background > contents { padding: 8px; - border-radius: 9px; } + border-radius: 8px; } popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, @@ -1828,7 +1838,7 @@ menubar { padding: 0 0 4px 0; } menubar > item popover.menu.background popover.menu.background > contents { margin: 0; - border-radius: 9px; } + border-radius: 8px; } /************* * Notebooks * @@ -2014,11 +2024,11 @@ scrollbar { scrollbar.right { border-left: 1px solid #d9d9d9; } scrollbar > range > trough > slider { - min-width: 6px; - min-height: 6px; + min-width: 10px; + min-height: 10px; margin: -1px; border: 4px solid transparent; - border-radius: 8px; + border-radius: 10px; background-clip: padding-box; background-color: #ced0d3; } scrollbar > range > trough > slider:hover { @@ -2028,12 +2038,12 @@ scrollbar { scrollbar > range > trough > slider:disabled { background-color: transparent; } scrollbar > range.fine-tune > trough > slider { - min-width: 4px; - min-height: 4px; } + min-width: 6px; + min-height: 6px; } scrollbar > range.fine-tune.horizontal > trough > slider { - border-width: 5px 4px; } + border-width: 6px 4px; } scrollbar > range.fine-tune.vertical > trough > slider { - border-width: 4px 5px; } + border-width: 4px 6px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; @@ -2095,8 +2105,8 @@ switch { color: #5c616c; outline-color: rgba(39, 119, 255, 0.5); border-color: #d9d9d9; - background-image: linear-gradient(to top, #fafafa 2px, white); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); + background-image: image(white); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); margin: -1px; min-width: 24px; min-height: 24px; @@ -2110,7 +2120,7 @@ switch { color: #5c616c; border-color: #d9d9d9; background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } switch:checked > slider { border: 1px solid #0051da; } switch:disabled > slider { @@ -2249,7 +2259,7 @@ switch { checkbutton { border-spacing: 4px; - border-radius: 5px; + border-radius: 4px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } checkbutton { outline: 0 solid transparent; @@ -2460,8 +2470,8 @@ scale { color: #5c616c; outline-color: rgba(39, 119, 255, 0.5); border-color: #d9d9d9; - background-image: linear-gradient(to top, #fafafa 2px, white); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); + background-image: image(white); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); border-width: 1px; border-style: solid; border-radius: 100%; @@ -2471,7 +2481,7 @@ scale { color: #5c616c; border-color: #d9d9d9; background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } scale > trough > slider:active { border-color: #0051da; } scale > trough > slider:disabled { @@ -2982,7 +2992,7 @@ frame, border: 1px solid #d9d9d9; } frame { - border-radius: 8px; } + border-radius: 7px; } frame > label { margin: 4px; } @@ -3049,7 +3059,7 @@ list { list:backdrop { color: #313131; background-color: #f7f7f7; - border-color: #e0e0e0; } + border-color: #d9d9d9; } listview > row, list > row { padding: 2px; } @@ -3176,7 +3186,7 @@ expander-widget:focus:focus-visible > box > title { expander-widget > box > title { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-radius: 5px; } + border-radius: 4px; } expander-widget > box > title:hover > expander { color: #aaaeb7; } @@ -3239,8 +3249,8 @@ window.dialog.message label.title { font-size: 15pt; } window.dialog.message.csd.background { - border-bottom-left-radius: 9px; - border-bottom-right-radius: 9px; } + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; @@ -3455,7 +3465,7 @@ video { ************/ tooltip { padding: 6px 10px; - border-radius: 8px; + border-radius: 7px; box-shadow: none; } tooltip.background { background-color: rgba(0, 0, 0, 0.8); @@ -3531,13 +3541,13 @@ colorswatch { color: #5c616c; outline-color: rgba(39, 119, 255, 0.5); border-color: #d9d9d9; - background-image: linear-gradient(to top, #fafafa 2px, white); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + background-image: image(white); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } colorswatch#add-color-button.activatable:hover > overlay { color: #5c616c; border-color: #d9d9d9; background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled > overlay { @@ -3596,7 +3606,7 @@ window { window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 0px; - border-radius: 8px 8px 0 0; } + border-radius: 7px 7px 0 0; } window.csd:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } @@ -3604,7 +3614,7 @@ window { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } window.csd.dialog.message { - border-radius: 8px; + border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } window.csd.solid-csd { margin: 0; @@ -3625,24 +3635,21 @@ tooltip.csd { border-radius: 5px; box-shadow: none; } -filechooser placessidebar.sidebar row.sidebar-row:selected, -.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected, +.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #2777ff; } - label:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected, + label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; } - label:disabled > selection, label:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, - .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .view:disabled:selected, + label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, @@ -3797,172 +3804,353 @@ popover.entry-completion > contents { statusbar { padding: 6px 10px 6px 10px; } -/* Nautilus */ -@define-color disk_space_unknown #383c4a; -@define-color disk_space_used #2777ff; -@define-color disk_space_free white; -filechooser placessidebar.sidebar, -.nautilus-window placessidebar.sidebar { - box-shadow: inset 0 8px 4px -8px rgba(0, 0, 0, 0.3); } - filechooser placessidebar.sidebar:dir(ltr), - .nautilus-window placessidebar.sidebar:dir(ltr) { - background-image: linear-gradient(to right, whitesmoke 41px, #ffffff 0); } - filechooser placessidebar.sidebar:dir(rtl), - .nautilus-window placessidebar.sidebar:dir(rtl) { - background-image: linear-gradient(to left, whitesmoke 41px, #ffffff 0); } - filechooser placessidebar.sidebar:backdrop, - .nautilus-window placessidebar.sidebar:backdrop { +menubutton arrow { + min-height: 16px; + min-width: 16px; } + menubutton arrow.none { + -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } + menubutton arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menubutton arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menubutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + menubutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +/********** + * Button * + **********/ +windowcontrols button, notebook > header > tabs > arrow, +button { + padding: 2px 6px; } + +.titlebar:not(headerbar) stackswitcher button:checked:checked, +.titlebar:not(headerbar) button.toggle:active, +.titlebar:not(headerbar) button.toggle:checked, +headerbar stackswitcher button:checked:checked, +headerbar button.toggle:active, +headerbar button.toggle:checked, +button.flat:not(.link):hover, +button:active, +button:checked { + background: #f2f2f2; + box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); } + .titlebar:not(headerbar) stackswitcher button:backdrop:checked, + .titlebar:not(headerbar) button.toggle:backdrop:active, + .titlebar:not(headerbar) button.toggle:backdrop:checked, + headerbar stackswitcher button:backdrop:checked, + headerbar button.toggle:backdrop:active, + headerbar button.toggle:backdrop:checked, + button.flat:backdrop:not(.link):hover, + button:active:backdrop, + button:checked:backdrop { box-shadow: none; } - filechooser placessidebar.sidebar row.sidebar-row:selected, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected { - margin-left: 6px; - margin-right: 6px; - border-radius: 5px; - box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); - transition: box-shadow 200ms ease-out; } - filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { - box-shadow: none; } - filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { - background-image: linear-gradient(to right, #005af3 35px, transparent 0); } - filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { - background-image: linear-gradient(to left, #005af3 35px, transparent 0); } - filechooser placessidebar.sidebar row.sidebar-row:selected revealer, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { - padding-left: 8px; - padding-right: 8px; } - filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { - color: #ffffff; } - filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, - .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - padding-right: 20px; } -.nautilus-window .floating-bar { - color: #ffffff; - background-color: #2777ff; - border-color: #0051da; - margin: 10px; - box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); - transition: background-color 200ms ease-out; } - .nautilus-window .floating-bar:backdrop { - color: inherit; - box-shadow: none; - border-color: #d9d9d9; } - .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { - border-radius: 5px; - border-style: solid; } -.path-bar-box:backdrop { - border-color: #e0e0e0; } - -/* XFCE4 PANEL */ -.xfce4-panel.background { - background: rgba(255, 255, 255, 0.9); } - -.xfce4-panel button { - border: 0; - border-radius: 0; - box-shadow: none; - text-shadow: none; - background: transparent; - color: #454850; } - .xfce4-panel button:hover { - background: #ffffff; } - .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { - box-shadow: inset 0 4px 0 #2777ff; - background: #ffffff; } - -.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { - box-shadow: inset 4px 0 0 #2777ff; } - -/* XFCE4 NOTIFICATIONS */ -#XfceNotifyWindow { - background-color: #272a34; } - -/* Whisker menu */ -#whiskermenu-window entry { - border-radius: 100px; - border: 2px solid #2777ff; +button:disabled { box-shadow: none; } -#whiskermenu-window button { - transition-duration: 0s; } - #whiskermenu-window button:checked { - border-color: transparent; } -#whiskermenu-window scrolledwindow.frame { - border: 0; - border-radius: 8px; - box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); - background: #ffffff; - padding: 7px 10px; - margin: 0 5px; } - #whiskermenu-window scrolledwindow.frame treeview { - background: transparent; - border-radius: 5px; } - #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { - background-color: rgba(0, 0, 0, 0.07); - color: inherit; } +button.flat:not(.link):hover { + transition: none; } -/* XFCE4 panel action buttons */ -#XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { - -gtk-icon-style: symbolic; - -gtk-icon-transform: scale(0.7); } -/* XFCE4 workspace switcher */ -wnck-pager { - background-color: white; } - wnck-pager:selected { - background-color: #cccccc; } - wnck-pager:hover { - background-color: #cccccc; } +button.flat:not(.link):backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } -/* LightDM */ -.lightdm-gtk-greeter #panel_window { - background: rgba(255, 255, 255, 0.9); + +button.image-button { + padding-left: 2px; + padding-right: 2px; } + + +button.circular { + min-height: 24px; + min-width: 24px; + padding: 2px; } + +/********** + * Entry * + **********/ +spinbutton:not(.vertical), spinbutton.vertical > text, +entry { + min-height: 28px; } + +spinbutton:not(:disabled):not(.vertical), spinbutton.vertical > text:not(:disabled), +entry:not(:disabled) { + box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); + background: #ffffff; } + +spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop, +entry:backdrop { + box-shadow: none; + border-color: #d9d9d9; } + +headerbar spinbutton:not(.vertical), headerbar spinbutton.vertical > text, +headerbar entry { + background: #fafafa; } + +/********** + * Switch * + **********/ +switch { + box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); } + switch:checked { + border-right-width: 0; + margin-right: 1px; + box-shadow: inset 0 1px 3px -1px rgba(0, 0, 0, 0.6); } + switch:checked, switch:checked:backdrop { + border-color: rgba(0, 0, 0, 0.2); } + switch:checked slider { + border-color: #0051da; } + switch:checked slider:backdrop:not(:disabled) { + border-color: #2777ff; } + switch:backdrop, switch:disabled { + box-shadow: none; + border-color: #d9d9d9; } + switch:backdrop slider, switch:disabled slider { + border-color: #d9d9d9; } + +/************************* + * Check and Radio items * + *************************/ +check, +radio { + background-image: linear-gradient(to bottom, #ffffff 20%, #fafafa 90%); + border-color: #c2c2c2; } + check, check:active, + radio, + radio:active { + box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); } + check:checked, check:indeterminate, + radio:checked, + radio:indeterminate { + background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%); + border-color: #0051da; + color: #ffffff; } + check:checked, check:checked:active, check:indeterminate, check:indeterminate:active, + radio:checked, + radio:checked:active, + radio:indeterminate, + radio:indeterminate:active { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + check:checked:backdrop, check:indeterminate:backdrop, + radio:checked:backdrop, + radio:indeterminate:backdrop { + background-image: image(#2777ff); + box-shadow: none; } + check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, + radio:disabled, + radio:disabled:checked, + radio:disabled:indeterminate, + radio:disabled:backdrop, + radio:disabled:backdrop:checked, + radio:disabled:backdrop:indeterminate { + border-color: #d9d9d9; + background-image: image(#ffffff); + color: #5c616c; } + +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { + -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { + -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio:active, +check:active { + -gtk-icon-transform: scale(0, 1); } + +radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), +check:checked:not(:backdrop), +check:indeterminate:not(:backdrop) { + -gtk-icon-transform: unset; + transition: 400ms; } + +/************ + * GtkScale * + ************/ +switch slider, +scale slider { color: #5c616c; - text-shadow: none; - -gtk-icon-shadow: none; } + outline-color: rgba(39, 119, 255, 0.5); + border-color: #d9d9d9; + background-image: image(white); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); + border-color: #bababa; } + switch:hover slider, switch slider:active, + scale slider:active { + background-image: image(white); + border-color: #2777ff; } + switch slider:backdrop, switch slider:disabled, + scale slider:backdrop, + scale slider:disabled { + border-color: #d9d9d9; + background-image: image(#ffffff); + box-shadow: none; } -.lightdm-gtk-greeter #login_window { - border: 0; - background-color: rgba(255, 255, 255, 0.9); - border-radius: 5px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } - .lightdm-gtk-greeter #login_window entry { - background: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.3); - min-height: 32px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } - .lightdm-gtk-greeter #login_window entry image { - margin: 0; } - .lightdm-gtk-greeter #login_window #buttonbox_frame { - padding-top: 20px; +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), +headerbar { + min-height: 40px; + border-color: #cccccc; + background: #f2f2f2 -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png")), linear-gradient(to top, #ededed, whitesmoke); + box-shadow: 0 1px 4px rgba(204, 204, 204, 0.75); + background-repeat: no-repeat; + background-position: left; } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + background-image: -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png")); + background-repeat: no-repeat; + background-position: left; + box-shadow: none; } + .dialog .titlebar:not(headerbar), .dialog headerbar, .dialog headerbar:backdrop { background: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0 0 5px 5px; - box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.07); } - .lightdm-gtk-greeter #login_window #buttonbox_frame button { - border: 0; - color: white; - text-shadow: none; } - .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { - background: rgba(0, 0, 0, 0.07); - box-shadow: none; - color: #5c616c; } - .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { - background: #2777ff; - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } + border: 0; + box-shadow: none; } -/* Thunar */ -.thunar .warning { - opacity: 0; - font-size: 0; - margin: -10px 0; } +headerbar entry, +headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button { + margin-top: 5px; + margin-bottom: 5px; } + +headerbar switch { + margin-top: 7px; + margin-bottom: 7px; } + +/************** + * Tree Views * + **************/ +treeview.view { + border-top-color: #d9d9d9; } + treeview.view:backdrop { + border-top-color: #d9d9d9; } + treeview.view header button { + color: #5c616c; + outline-color: rgba(39, 119, 255, 0.5); + border-color: #d9d9d9; + background-image: image(white); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); + margin-left: -1px; } + treeview.view header button:hover, treeview.view header button:active { + border-color: #d9d9d9; } + treeview.view header button:backdrop { + box-shadow: none; } + +/************* + * Notebooks * + *************/ +notebook > header { + border: 0; + padding: 0; + background-color: #f2f2f2; } + notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { + margin: 0; } + notebook > header.top > tabs > tab, + notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, + notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, + notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, + notebook > header.right > tabs > tab.reorderable-page { + padding: 3px 12px; + border: 1px solid transparent; + margin: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header.top > tabs > tab:hover, + notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab:hover, + notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab:hover, + notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab:hover, + notebook > header.right > tabs > tab.reorderable-page:hover { + color: #5c616c; + border-color: #d9d9d9; + background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); + transition-duration: 50ms; } + notebook > header.top > tabs > tab:hover:backdrop, + notebook > header.top > tabs > tab.reorderable-page:hover:backdrop, notebook > header.bottom > tabs > tab:hover:backdrop, + notebook > header.bottom > tabs > tab.reorderable-page:hover:backdrop, notebook > header.left > tabs > tab:hover:backdrop, + notebook > header.left > tabs > tab.reorderable-page:hover:backdrop, notebook > header.right > tabs > tab:hover:backdrop, + notebook > header.right > tabs > tab.reorderable-page:hover:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + notebook > header.top > tabs > tab:checked, + notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, + notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, + notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, + notebook > header.right > tabs > tab.reorderable-page:checked { + color: #5c616c; + outline-color: rgba(39, 119, 255, 0.5); + border-color: #d9d9d9; + background-image: image(white); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } + notebook > header.top > tabs > tab:checked:backdrop, + notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, + notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, + notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, + notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { + color: #aeb0b6; + border-color: #d9d9d9; + background-image: image(#ffffff); + box-shadow: none; + transition: 200ms ease-out; } + notebook > header.top > tabs > tab:backdrop, + notebook > header.top > tabs > tab.reorderable-page:backdrop, notebook > header.bottom > tabs > tab:backdrop, + notebook > header.bottom > tabs > tab.reorderable-page:backdrop, notebook > header.left > tabs > tab:backdrop, + notebook > header.left > tabs > tab.reorderable-page:backdrop, notebook > header.right > tabs > tab:backdrop, + notebook > header.right > tabs > tab.reorderable-page:backdrop { + color: #aeb0b6; } + notebook > header.top { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } + notebook > header.bottom { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } + notebook > header.right { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } + notebook > header.left { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } + notebook > header > tabs > tab { + border-radius: 4px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + min-height: 24px; } + notebook > header > tabs > tab button.flat { + margin-top: 1px; + margin-bottom: 1px; } + +/********************** + * Window Decorations * + *********************/ +window.csd { + border-radius: 8px 8px 5px 5px; + border: 1px solid #fafafa; + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); } + window.csd:backdrop { + box-shadow: 0 2px 8px 0 transparent, 0 0 0 1px transparent, 0 0 0 3px rgba(0, 0, 0, 0.15); } + window.csd.dialog.message, window.csd.popup { + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0); + border-width: 0; } + +window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { + border-width: 0; } + +window.popup { + border-width: 0; } + +window.ssd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); + border-width: 0; } + +tooltip.csd { + border: 0; } + +windowcontrols button { + padding: 5px; } /* GTK NAMED COLORS ---------------- @@ -4020,7 +4208,7 @@ widgets main borders color */ @define-color borders #d9d9d9; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #e0e0e0; +@define-color unfocused_borders #d9d9d9; /* these are pretty self explicative */ @define-color warning_color #fd7d00;