PoliEcho/kaliish-orange-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GTK3 theme: Increase dark theme's shadow color opacity

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2020-02-06 14:12:01 +01:00
parent 54465ca581
commit d8d88016ac
4 changed files with 70 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
share/themes/Kali-Dark/gnome-shell/gnome-shell.css
View File

@ -33,7 +33,7 @@ stage {
color: #eeeeec;
background-color: #23252e;
border-color: #0d0e11;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.button:focus, .message-list-clear-button.button:focus {
@ -45,7 +45,7 @@ stage {
color: #eeeeec;
border-color: #0d0e11;
background-color: #292c37;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.button:insensitive, .message-list-clear-button.button:insensitive {
@ -68,7 +68,7 @@ stage {
color: #eeeeec;
background-color: #23252e;
border-color: #0d0e11;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
padding: 12px;
@ -84,7 +84,7 @@ stage {
color: #eeeeec;
border-color: #0d0e11;
background-color: #292c37;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.modal-dialog-linked-button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus {
@ -1802,7 +1802,7 @@ StScrollBar {
spacing: 3px; }
.login-dialog .modal-dialog-button {
padding: 4px 18px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
background-color: #5b666a;
border-color: #5b666a;
color: #f6f5f4; }
@ -1827,7 +1827,7 @@ StScrollBar {
color: #ffffff;
background-color: #2777ff;
border-color: #0d0e11;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
border-color: #2777ff; }
@ -1835,7 +1835,7 @@ StScrollBar {
color: #ffffff;
border-color: #0d0e11;
background-color: #2777ff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
background-color: #4187ff;

62
share/themes/Kali-Dark/gtk-3.0/gtk.css
View File

@ -477,7 +477,7 @@ button {
background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); }
notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, notebook > header > tabs > arrow.flat, button.flat.titlebutton,
button.flat {
border-color: transparent;
@ -502,7 +502,7 @@ button {
border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked,
@ -825,7 +825,7 @@ button.suggested-action {
background-image: linear-gradient(to top, #2274ff 2px, #2777ff);
text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294);
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), 0 1px 2px rgba(0, 0, 0, 0.27); }
.selection-mode button.titlebutton, button.suggested-action.flat {
border-color: transparent;
background-color: transparent;
@ -841,7 +841,7 @@ button.suggested-action {
border-bottom-color: #0047c0;
text-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294);
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), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); }
button.suggested-action:active, button.suggested-action:checked {
color: white;
@ -957,7 +957,7 @@ button.destructive-action {
background-image: linear-gradient(to top, #a21313 2px, #a61414);
text-shadow: 0 -1px rgba(0, 0, 0, 0.7082352941);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7082352941);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.destructive-action.flat {
border-color: transparent;
background-color: transparent;
@ -973,7 +973,7 @@ button.destructive-action {
border-bottom-color: #4b0909;
text-shadow: 0 -1px rgba(0, 0, 0, 0.6602352941);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6602352941);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #a21313, #ab1414 1px); }
button.destructive-action:active, button.destructive-action:checked {
color: white;
@ -1128,7 +1128,7 @@ button.circular {
background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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; }
button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) {
@ -1138,7 +1138,7 @@ button.circular {
border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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; }
@ -1165,7 +1165,7 @@ button.circular {
background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); }
.inline-toolbar toolbutton > button:hover {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
@ -1173,7 +1173,7 @@ button.circular {
border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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;
@ -1329,7 +1329,7 @@ list row button.image-button:not(.flat) {
border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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;
@ -1739,7 +1739,7 @@ searchbar > revealer > box {
background-image: linear-gradient(to top, #2274ff 2px, #2777ff);
text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294);
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), 0 1px 2px rgba(0, 0, 0, 0.27); }
.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;
@ -1756,7 +1756,7 @@ searchbar > revealer > box {
border-bottom-color: #0047c0;
text-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294);
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), 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.toggle:checked, .selection-mode .titlebar:not(headerbar) button.toggle:active, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button.toggle:checked, .selection-mode.titlebar:not(headerbar) button.toggle:active,
.selection-mode headerbar button:active,
@ -1877,7 +1877,7 @@ searchbar > revealer > box {
background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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 {
@ -1887,7 +1887,7 @@ searchbar > revealer > box {
border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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,
@ -2711,14 +2711,14 @@ switch {
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
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.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
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); }
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.1), 0 1px 2px rgba(0, 0, 0, 0.07);
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);
background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); }
switch:checked slider {
border: 1px solid #00348d; }
@ -3150,7 +3150,7 @@ scale {
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
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.1), 0 1px 2px rgba(0, 0, 0, 0.07);
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);
border: 1px solid black;
border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
@ -3159,7 +3159,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.1), 0 1px 2px rgba(0, 0, 0, 0.07);
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);
background-image: linear-gradient(to bottom, #23252e 20%, #1a1c23 90%); }
scale slider:active {
border-color: #00348d; }
@ -4236,7 +4236,7 @@ infobar {
background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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);
@ -4244,7 +4244,7 @@ infobar {
border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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;
@ -4379,7 +4379,7 @@ colorswatch#add-color-button {
background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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);
@ -4387,7 +4387,7 @@ colorswatch#add-color-button {
border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); }
colorswatch#add-color-button overlay:backdrop {
border-color: #111317;
@ -4701,7 +4701,7 @@ headerbar button.toggle:checked,
button:active,
button:checked {
background: image(#040405);
box-shadow: inset 0 3px 3px -2px rgba(0, 0, 0, 0.07); }
box-shadow: inset 0 3px 3px -2px rgba(0, 0, 0, 0.27); }
switch:hover slider, scale slider:active {
background-image: image(#0f1014); }
@ -4716,7 +4716,7 @@ switch slider {
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
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.1), 0 1px 2px rgba(0, 0, 0, 0.07);
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);
border: 1px solid black;
border-radius: 50%;
transition-property: background, border, box-shadow; }
@ -4775,7 +4775,7 @@ infobar.info button {
background-image: linear-gradient(to top, #2274ff 2px, #2777ff);
text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294);
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), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.info button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
@ -4783,7 +4783,7 @@ infobar.info button {
border-bottom-color: #0047c0;
text-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294);
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), 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 {
color: #ffffff;
@ -4831,7 +4831,7 @@ infobar.question button, infobar.warning button {
background-image: linear-gradient(to top, #f87a00 2px, #fd7d00);
text-shadow: 0 -1px rgba(0, 0, 0, 0.6031372549);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6031372549);
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), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.question button:hover, infobar.warning button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
@ -4839,7 +4839,7 @@ infobar.question button, infobar.warning button {
border-bottom-color: #974b00;
text-shadow: 0 -1px rgba(0, 0, 0, 0.5551372549);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5551372549);
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), 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 {
color: #ffffff;
@ -4887,7 +4887,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box {
background-image: linear-gradient(to top, #ba1616 2px, #bf1717);
text-shadow: 0 -1px rgba(0, 0, 0, 0.6643137255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6643137255);
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), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.error:backdrop > revealer > box button:hover, infobar.error > revealer > box button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
@ -4895,7 +4895,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box {
border-bottom-color: #640c0c;
text-shadow: 0 -1px rgba(0, 0, 0, 0.6163137255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6163137255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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 {
color: #ffffff;

62
share/themes/Kali-Light/gtk-3.0/gtk-dark.css
View File

@ -477,7 +477,7 @@ button {
background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); }
notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, notebook > header > tabs > arrow.flat, button.flat.titlebutton,
button.flat {
border-color: transparent;
@ -502,7 +502,7 @@ button {
border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked,
@ -825,7 +825,7 @@ button.suggested-action {
background-image: linear-gradient(to top, #2274ff 2px, #2777ff);
text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294);
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), 0 1px 2px rgba(0, 0, 0, 0.27); }
.selection-mode button.titlebutton, button.suggested-action.flat {
border-color: transparent;
background-color: transparent;
@ -841,7 +841,7 @@ button.suggested-action {
border-bottom-color: #0047c0;
text-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294);
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), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); }
button.suggested-action:active, button.suggested-action:checked {
color: white;
@ -957,7 +957,7 @@ button.destructive-action {
background-image: linear-gradient(to top, #a21313 2px, #a61414);
text-shadow: 0 -1px rgba(0, 0, 0, 0.7082352941);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7082352941);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.destructive-action.flat {
border-color: transparent;
background-color: transparent;
@ -973,7 +973,7 @@ button.destructive-action {
border-bottom-color: #4b0909;
text-shadow: 0 -1px rgba(0, 0, 0, 0.6602352941);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6602352941);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #a21313, #ab1414 1px); }
button.destructive-action:active, button.destructive-action:checked {
color: white;
@ -1128,7 +1128,7 @@ button.circular {
background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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; }
button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) {
@ -1138,7 +1138,7 @@ button.circular {
border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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; }
@ -1165,7 +1165,7 @@ button.circular {
background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); }
.inline-toolbar toolbutton > button:hover {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
@ -1173,7 +1173,7 @@ button.circular {
border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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;
@ -1329,7 +1329,7 @@ list row button.image-button:not(.flat) {
border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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;
@ -1739,7 +1739,7 @@ searchbar > revealer > box {
background-image: linear-gradient(to top, #2274ff 2px, #2777ff);
text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294);
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), 0 1px 2px rgba(0, 0, 0, 0.27); }
.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;
@ -1756,7 +1756,7 @@ searchbar > revealer > box {
border-bottom-color: #0047c0;
text-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294);
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), 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.toggle:checked, .selection-mode .titlebar:not(headerbar) button.toggle:active, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button.toggle:checked, .selection-mode.titlebar:not(headerbar) button.toggle:active,
.selection-mode headerbar button:active,
@ -1877,7 +1877,7 @@ searchbar > revealer > box {
background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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 {
@ -1887,7 +1887,7 @@ searchbar > revealer > box {
border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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,
@ -2711,14 +2711,14 @@ switch {
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
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.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
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); }
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.1), 0 1px 2px rgba(0, 0, 0, 0.07);
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);
background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); }
switch:checked slider {
border: 1px solid #00348d; }
@ -3150,7 +3150,7 @@ scale {
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
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.1), 0 1px 2px rgba(0, 0, 0, 0.07);
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);
border: 1px solid black;
border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
@ -3159,7 +3159,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.1), 0 1px 2px rgba(0, 0, 0, 0.07);
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);
background-image: linear-gradient(to bottom, #23252e 20%, #1a1c23 90%); }
scale slider:active {
border-color: #00348d; }
@ -4236,7 +4236,7 @@ infobar {
background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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);
@ -4244,7 +4244,7 @@ infobar {
border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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;
@ -4379,7 +4379,7 @@ colorswatch#add-color-button {
background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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);
@ -4387,7 +4387,7 @@ colorswatch#add-color-button {
border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); }
colorswatch#add-color-button overlay:backdrop {
border-color: #111317;
@ -4701,7 +4701,7 @@ headerbar button.toggle:checked,
button:active,
button:checked {
background: image(#040405);
box-shadow: inset 0 3px 3px -2px rgba(0, 0, 0, 0.07); }
box-shadow: inset 0 3px 3px -2px rgba(0, 0, 0, 0.27); }
switch:hover slider, scale slider:active {
background-image: image(#0f1014); }
@ -4716,7 +4716,7 @@ switch slider {
text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902);
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.1), 0 1px 2px rgba(0, 0, 0, 0.07);
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);
border: 1px solid black;
border-radius: 50%;
transition-property: background, border, box-shadow; }
@ -4775,7 +4775,7 @@ infobar.info button {
background-image: linear-gradient(to top, #2274ff 2px, #2777ff);
text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294);
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), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.info button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
@ -4783,7 +4783,7 @@ infobar.info button {
border-bottom-color: #0047c0;
text-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294);
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), 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 {
color: #ffffff;
@ -4831,7 +4831,7 @@ infobar.question button, infobar.warning button {
background-image: linear-gradient(to top, #f87a00 2px, #fd7d00);
text-shadow: 0 -1px rgba(0, 0, 0, 0.6031372549);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6031372549);
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), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.question button:hover, infobar.warning button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
@ -4839,7 +4839,7 @@ infobar.question button, infobar.warning button {
border-bottom-color: #974b00;
text-shadow: 0 -1px rgba(0, 0, 0, 0.5551372549);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5551372549);
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), 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 {
color: #ffffff;
@ -4887,7 +4887,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box {
background-image: linear-gradient(to top, #ba1616 2px, #bf1717);
text-shadow: 0 -1px rgba(0, 0, 0, 0.6643137255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6643137255);
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), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.error:backdrop > revealer > box button:hover, infobar.error > revealer > box button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
@ -4895,7 +4895,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box {
border-bottom-color: #640c0c;
text-shadow: 0 -1px rgba(0, 0, 0, 0.6163137255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6163137255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 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 {
color: #ffffff;

2
src/themes/Kali/sass/gtk-sass/_colors.scss
View File

@ -44,7 +44,7 @@ $sidebar_bg_color: mix($bg_color, $base_color, 50%);
$base_hover_color: transparentize($fg_color, 0.95);
$tooltip_borders_color: $osd_outer_borders_color;
$shadow_color: transparentize(black, 0.9);
$shadow_color: transparentize(black, if($variant == 'light', 0.9, 0.7));
$drop_target_color: #0a814b;