From 3f2f3e1226d03fedb23682f57f7dc02922bae6d8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Mon, 7 Sep 2020 12:21:49 +0200 Subject: [PATCH] GTK3: Add inner shadow to button-like widgets to add some volume --- share/themes/Kali-Dark/gtk-3.0/gtk.css | 60 +++++++++---------- share/themes/Kali-Light/gtk-3.0/gtk-dark.css | 60 +++++++++---------- share/themes/Kali-Light/gtk-3.0/gtk.css | 60 +++++++++---------- .../Kali/sass/gtk-sass/upstream/_drawing.scss | 2 +- .../gtk-sass/upstream/_drawing.scss.patch | 4 ++ 5 files changed, 95 insertions(+), 91 deletions(-) create mode 100644 src/themes/Kali/sass/gtk-sass/upstream/_drawing.scss.patch diff --git a/share/themes/Kali-Dark/gtk-3.0/gtk.css b/share/themes/Kali-Dark/gtk-3.0/gtk.css index 3b587003..8dab7f76 100644 --- a/share/themes/Kali-Dark/gtk-3.0/gtk.css +++ b/share/themes/Kali-Dark/gtk-3.0/gtk.css @@ -487,7 +487,7 @@ button { background-image: linear-gradient(to top, #20232b 2px, #23252e); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 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; @@ -512,7 +512,7 @@ button { border-bottom-color: black; text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, @@ -797,7 +797,7 @@ button.suggested-action { background-image: linear-gradient(to top, #2274ff 2px, #2777ff); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } + 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); } button.suggested-action.flat { border-color: transparent; @@ -815,7 +815,7 @@ button.suggested-action { border-bottom-color: #0047c0; text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); + 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: linear-gradient(to top, #2274ff, #2c7aff 1px); } button.suggested-action:active, @@ -947,7 +947,7 @@ button.destructive-action { background-image: linear-gradient(to top, #a21313 2px, #a61414); text-shadow: 0 -1px rgba(0, 0, 0, 0.708235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.708235); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.destructive-action.flat { border-color: transparent; @@ -965,7 +965,7 @@ button.destructive-action { border-bottom-color: #4b0909; text-shadow: 0 -1px rgba(0, 0, 0, 0.660235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.660235); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #a21313, #ab1414 1px); } button.destructive-action:active, @@ -1142,7 +1142,7 @@ button.circular { background-image: linear-gradient(to top, #20232b 2px, #23252e); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b 2px, #23252e), linear-gradient(to top, black 25%, #0d0e11 50%); border-color: transparent; } @@ -1153,7 +1153,7 @@ button.circular { border-bottom-color: black; text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%); border-color: transparent; } @@ -1180,7 +1180,7 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti background-image: linear-gradient(to top, #20232b 2px, #23252e); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 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); @@ -1188,7 +1188,7 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti border-bottom-color: black; text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec; @@ -1331,7 +1331,7 @@ list row button.image-button:not(.flat) { border-bottom-color: black; text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #eeeeec; @@ -1734,7 +1734,7 @@ headerbar { background-image: linear-gradient(to top, #2274ff 2px, #2777ff); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } + 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); } .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; @@ -1751,7 +1751,7 @@ headerbar { border-bottom-color: #0047c0; text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); + 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: linear-gradient(to top, #2274ff, #2c7aff 1px); } .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, @@ -1838,7 +1838,7 @@ headerbar { background-image: linear-gradient(to top, #20232b 2px, #23252e); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 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 { @@ -1848,7 +1848,7 @@ headerbar { border-bottom-color: black; text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); 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, @@ -2713,14 +2713,14 @@ switch { text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); background-image: linear-gradient(to bottom, #292c37 20%, #23252e 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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); } switch image { color: transparent; } switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #040405; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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); background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); } switch:checked > slider { border: 1px solid #00215a; } @@ -3171,7 +3171,7 @@ scale { text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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); border: 1px solid black; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -3180,7 +3180,7 @@ scale { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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: linear-gradient(to bottom, #23252e 20%, #1a1c23 90%); } scale slider:active { border-color: #00348d; } @@ -4281,7 +4281,7 @@ infobar { background-image: linear-gradient(to top, #20232b 2px, #23252e); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 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); @@ -4289,7 +4289,7 @@ infobar { border-bottom-color: black; text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } 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; @@ -4430,7 +4430,7 @@ colorswatch#add-color-button { background-image: linear-gradient(to top, #20232b 2px, #23252e); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 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); @@ -4438,7 +4438,7 @@ colorswatch#add-color-button { border-bottom-color: black; text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } colorswatch#add-color-button overlay:backdrop { color: #888a8d; @@ -4790,7 +4790,7 @@ switch { text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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); border: 1px solid black; border-radius: 50%; transition-property: background, border, box-shadow; } @@ -4928,7 +4928,7 @@ infobar.info button, infobar.info.action:hover button { background-image: linear-gradient(to top, #2274ff 2px, #2777ff); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } + 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); } infobar.info button:hover, infobar.info.action:hover button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -4936,7 +4936,7 @@ infobar.info button, infobar.info.action:hover button { border-bottom-color: #0047c0; text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); + 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: linear-gradient(to top, #2274ff, #2c7aff 1px); } infobar.info button:active, infobar.info button:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked { color: #ffffff; @@ -4983,7 +4983,7 @@ infobar.question button, infobar.warning button, infobar.question.action:hover b background-image: linear-gradient(to top, #f87a00 2px, #fd7d00); text-shadow: 0 -1px rgba(0, 0, 0, 0.603137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.603137); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } + 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); } infobar.question button:hover, infobar.warning button:hover, infobar.question.action:hover button:hover, infobar.warning.action:hover button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -4991,7 +4991,7 @@ infobar.question button, infobar.warning button, infobar.question.action:hover b border-bottom-color: #974b00; text-shadow: 0 -1px rgba(0, 0, 0, 0.555137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.555137); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); + 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: linear-gradient(to top, #f87a00, #ff8003 1px); } infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked { color: #ffffff; @@ -5037,7 +5037,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar background-image: linear-gradient(to top, #ba1616 2px, #bf1717); text-shadow: 0 -1px rgba(0, 0, 0, 0.664314); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.664314); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } + 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); } infobar.error:backdrop > revealer > box button:hover, infobar.error > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover > revealer > box button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -5045,7 +5045,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar border-bottom-color: #640c0c; text-shadow: 0 -1px rgba(0, 0, 0, 0.616314); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.616314); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #ba1616, #c41818 1px); } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked { color: #ffffff; 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 3b587003..8dab7f76 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css @@ -487,7 +487,7 @@ button { background-image: linear-gradient(to top, #20232b 2px, #23252e); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 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; @@ -512,7 +512,7 @@ button { border-bottom-color: black; text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, @@ -797,7 +797,7 @@ button.suggested-action { background-image: linear-gradient(to top, #2274ff 2px, #2777ff); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } + 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); } button.suggested-action.flat { border-color: transparent; @@ -815,7 +815,7 @@ button.suggested-action { border-bottom-color: #0047c0; text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); + 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: linear-gradient(to top, #2274ff, #2c7aff 1px); } button.suggested-action:active, @@ -947,7 +947,7 @@ button.destructive-action { background-image: linear-gradient(to top, #a21313 2px, #a61414); text-shadow: 0 -1px rgba(0, 0, 0, 0.708235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.708235); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } button.destructive-action.flat { border-color: transparent; @@ -965,7 +965,7 @@ button.destructive-action { border-bottom-color: #4b0909; text-shadow: 0 -1px rgba(0, 0, 0, 0.660235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.660235); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #a21313, #ab1414 1px); } button.destructive-action:active, @@ -1142,7 +1142,7 @@ button.circular { background-image: linear-gradient(to top, #20232b 2px, #23252e); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b 2px, #23252e), linear-gradient(to top, black 25%, #0d0e11 50%); border-color: transparent; } @@ -1153,7 +1153,7 @@ button.circular { border-bottom-color: black; text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%); border-color: transparent; } @@ -1180,7 +1180,7 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti background-image: linear-gradient(to top, #20232b 2px, #23252e); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 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); @@ -1188,7 +1188,7 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti border-bottom-color: black; text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec; @@ -1331,7 +1331,7 @@ list row button.image-button:not(.flat) { border-bottom-color: black; text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #eeeeec; @@ -1734,7 +1734,7 @@ headerbar { background-image: linear-gradient(to top, #2274ff 2px, #2777ff); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } + 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); } .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; @@ -1751,7 +1751,7 @@ headerbar { border-bottom-color: #0047c0; text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); + 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: linear-gradient(to top, #2274ff, #2c7aff 1px); } .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, @@ -1838,7 +1838,7 @@ headerbar { background-image: linear-gradient(to top, #20232b 2px, #23252e); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 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 { @@ -1848,7 +1848,7 @@ headerbar { border-bottom-color: black; text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); 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, @@ -2713,14 +2713,14 @@ switch { text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); background-image: linear-gradient(to bottom, #292c37 20%, #23252e 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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); } switch image { color: transparent; } switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #040405; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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); background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); } switch:checked > slider { border: 1px solid #00215a; } @@ -3171,7 +3171,7 @@ scale { text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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); border: 1px solid black; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -3180,7 +3180,7 @@ scale { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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: linear-gradient(to bottom, #23252e 20%, #1a1c23 90%); } scale slider:active { border-color: #00348d; } @@ -4281,7 +4281,7 @@ infobar { background-image: linear-gradient(to top, #20232b 2px, #23252e); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 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); @@ -4289,7 +4289,7 @@ infobar { border-bottom-color: black; text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } 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; @@ -4430,7 +4430,7 @@ colorswatch#add-color-button { background-image: linear-gradient(to top, #20232b 2px, #23252e); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 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); @@ -4438,7 +4438,7 @@ colorswatch#add-color-button { border-bottom-color: black; text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } colorswatch#add-color-button overlay:backdrop { color: #888a8d; @@ -4790,7 +4790,7 @@ switch { text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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); border: 1px solid black; border-radius: 50%; transition-property: background, border, box-shadow; } @@ -4928,7 +4928,7 @@ infobar.info button, infobar.info.action:hover button { background-image: linear-gradient(to top, #2274ff 2px, #2777ff); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } + 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); } infobar.info button:hover, infobar.info.action:hover button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -4936,7 +4936,7 @@ infobar.info button, infobar.info.action:hover button { border-bottom-color: #0047c0; text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); + 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: linear-gradient(to top, #2274ff, #2c7aff 1px); } infobar.info button:active, infobar.info button:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked { color: #ffffff; @@ -4983,7 +4983,7 @@ infobar.question button, infobar.warning button, infobar.question.action:hover b background-image: linear-gradient(to top, #f87a00 2px, #fd7d00); text-shadow: 0 -1px rgba(0, 0, 0, 0.603137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.603137); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } + 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); } infobar.question button:hover, infobar.warning button:hover, infobar.question.action:hover button:hover, infobar.warning.action:hover button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -4991,7 +4991,7 @@ infobar.question button, infobar.warning button, infobar.question.action:hover b border-bottom-color: #974b00; text-shadow: 0 -1px rgba(0, 0, 0, 0.555137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.555137); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); + 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: linear-gradient(to top, #f87a00, #ff8003 1px); } infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked { color: #ffffff; @@ -5037,7 +5037,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar background-image: linear-gradient(to top, #ba1616 2px, #bf1717); text-shadow: 0 -1px rgba(0, 0, 0, 0.664314); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.664314); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } + 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); } infobar.error:backdrop > revealer > box button:hover, infobar.error > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover > revealer > box button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -5045,7 +5045,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar border-bottom-color: #640c0c; text-shadow: 0 -1px rgba(0, 0, 0, 0.616314); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.616314); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #ba1616, #c41818 1px); } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked { color: #ffffff; diff --git a/share/themes/Kali-Light/gtk-3.0/gtk.css b/share/themes/Kali-Light/gtk-3.0/gtk.css index 46eaf413..1946ff05 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk.css @@ -487,7 +487,7 @@ button { background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); - box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + 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); } button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; @@ -512,7 +512,7 @@ button { border-bottom-color: #c2c2c2; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); - box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); + 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: linear-gradient(to top, #ffffff, white 1px); -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, @@ -800,7 +800,7 @@ button.suggested-action { background-image: linear-gradient(to top, #136aff 2px, #2777ff); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } + 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); } button.suggested-action.flat { border-color: transparent; @@ -818,7 +818,7 @@ button.suggested-action { border-bottom-color: #0047c0; text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); + 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: linear-gradient(to top, #2777ff, #2c7aff 1px); } button.suggested-action:active, @@ -950,7 +950,7 @@ button.destructive-action { background-image: linear-gradient(to top, #c21717 2px, #d41919); text-shadow: 0 -1px rgba(0, 0, 0, 0.628235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.628235); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + 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); } button.destructive-action.flat { border-color: transparent; @@ -968,7 +968,7 @@ button.destructive-action { border-bottom-color: #790e0e; text-shadow: 0 -1px rgba(0, 0, 0, 0.580235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.580235); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); + 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: linear-gradient(to top, #d41919, #d91a1a 1px); } button.destructive-action:active, @@ -1145,7 +1145,7 @@ button.circular { background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); - box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); + 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: linear-gradient(to top, whitesmoke 2px, #ffffff), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%); border-color: transparent; } @@ -1156,7 +1156,7 @@ button.circular { border-bottom-color: #c2c2c2; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); - box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); + 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: linear-gradient(to top, #ffffff, white 1px); background-image: linear-gradient(to top, #ffffff, white 1px), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%); border-color: transparent; } @@ -1183,7 +1183,7 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); - box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + 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); } .inline-toolbar toolbutton > button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); @@ -1191,7 +1191,7 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti border-bottom-color: #c2c2c2; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); - box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); + 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: linear-gradient(to top, #ffffff, white 1px); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #5c616c; @@ -1340,7 +1340,7 @@ list row button.image-button:not(.flat) { border-bottom-color: #c2c2c2; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); - box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); + 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: linear-gradient(to top, #ffffff, white 1px); } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #5c616c; @@ -1743,7 +1743,7 @@ headerbar { background-image: linear-gradient(to top, #136aff 2px, #2777ff); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } + 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); } .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; @@ -1760,7 +1760,7 @@ headerbar { border-bottom-color: #0047c0; text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); + 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: linear-gradient(to top, #2777ff, #2c7aff 1px); } .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, @@ -1847,7 +1847,7 @@ headerbar { background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); - box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); + 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); 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 { @@ -1857,7 +1857,7 @@ headerbar { border-bottom-color: #c2c2c2; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); - box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); + 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: linear-gradient(to top, #ffffff, white 1px); 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, @@ -2725,14 +2725,14 @@ switch { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, white 20%, #ffffff 90%); - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 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 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } switch image { color: transparent; } switch:hover slider { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #c2c2c2; - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 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 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to bottom, white 10%, white 90%); } switch:checked > slider { border: 1px solid #0047c0; } @@ -3193,7 +3193,7 @@ scale { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, white 20%, #ffffff 90%); - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 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 0 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); @@ -3202,7 +3202,7 @@ scale { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #c2c2c2; - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 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 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to bottom, white 10%, white 90%); } scale slider:active { border-color: #0051da; } @@ -4303,7 +4303,7 @@ infobar { background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); - box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + 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); } 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); @@ -4311,7 +4311,7 @@ infobar { border-bottom-color: #c2c2c2; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); - box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); + 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: linear-gradient(to top, #ffffff, white 1px); } 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; @@ -4452,7 +4452,7 @@ colorswatch#add-color-button { background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); - box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } + 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); } colorswatch#add-color-button overlay:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); @@ -4460,7 +4460,7 @@ colorswatch#add-color-button { border-bottom-color: #c2c2c2; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); - box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); + 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: linear-gradient(to top, #ffffff, white 1px); } colorswatch#add-color-button overlay:backdrop { color: #aeb0b6; @@ -4811,7 +4811,7 @@ switch { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, white 20%, #ffffff 90%); - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 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 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid #bababa; border-radius: 50%; transition-property: background, border, box-shadow; } @@ -4949,7 +4949,7 @@ infobar.info button, infobar.info.action:hover button { background-image: linear-gradient(to top, #136aff 2px, #2777ff); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } + 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); } infobar.info button:hover, infobar.info.action:hover button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -4957,7 +4957,7 @@ infobar.info button, infobar.info.action:hover button { border-bottom-color: #0047c0; text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); + 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: linear-gradient(to top, #2777ff, #2c7aff 1px); } infobar.info button:active, infobar.info button:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked { color: #ffffff; @@ -5004,7 +5004,7 @@ infobar.question button, infobar.warning button, infobar.question.action:hover b background-image: linear-gradient(to top, #e97300 2px, #fd7d00); text-shadow: 0 -1px rgba(0, 0, 0, 0.603137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.603137); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + 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); } infobar.question button:hover, infobar.warning button:hover, infobar.question.action:hover button:hover, infobar.warning.action:hover button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -5012,7 +5012,7 @@ infobar.question button, infobar.warning button, infobar.question.action:hover b border-bottom-color: #974b00; text-shadow: 0 -1px rgba(0, 0, 0, 0.555137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.555137); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); + 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: linear-gradient(to top, #fd7d00, #ff8003 1px); } infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked { color: #ffffff; @@ -5058,7 +5058,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar background-image: linear-gradient(to top, #ad1515 2px, #bf1717); text-shadow: 0 -1px rgba(0, 0, 0, 0.664314); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.664314); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + 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); } infobar.error:backdrop > revealer > box button:hover, infobar.error > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover > revealer > box button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -5066,7 +5066,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar border-bottom-color: #640c0c; text-shadow: 0 -1px rgba(0, 0, 0, 0.616314); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.616314); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); + 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: linear-gradient(to top, #bf1717, #c41818 1px); } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked { color: #ffffff; diff --git a/src/themes/Kali/sass/gtk-sass/upstream/_drawing.scss b/src/themes/Kali/sass/gtk-sass/upstream/_drawing.scss index 428b674a..688da61c 100644 --- a/src/themes/Kali/sass/gtk-sass/upstream/_drawing.scss +++ b/src/themes/Kali/sass/gtk-sass/upstream/_drawing.scss @@ -186,7 +186,7 @@ $_hilight_color: _button_hilight_color($c); $_button_edge: if($edge == none, none, _widget_edge($edge)); $_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1))); - $_button_shadow: 0 1px 2px transparentize($shadow_color, 0.03); + $_button_shadow: inset 0 -1px 0 transparentize(if($c != $bg_color, _border_color($c), $borders_color), .25), 0 1px 2px transparentize($shadow_color, 0.03); @if $t==normal { // diff --git a/src/themes/Kali/sass/gtk-sass/upstream/_drawing.scss.patch b/src/themes/Kali/sass/gtk-sass/upstream/_drawing.scss.patch new file mode 100644 index 00000000..74536b59 --- /dev/null +++ b/src/themes/Kali/sass/gtk-sass/upstream/_drawing.scss.patch @@ -0,0 +1,4 @@ +189c189 +< $_button_shadow: 0 1px 2px transparentize($shadow_color, 0.03); +--- +> $_button_shadow: inset 0 -1px 0 transparentize(if($c != $bg_color, _border_color($c), $borders_color), .25), 0 1px 2px transparentize($shadow_color, 0.03);