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

GTK3: theme changes for gtk 3.24.17

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2020-04-20 19:27:17 +02:00
parent 9d51cb6e85
commit 424373bd7b
13 changed files with 755 additions and 700 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
share/themes/Kali-Dark/gtk-3.0/applications/nautilus/Adwaita.css
View File

@ -45,33 +45,29 @@
/* Path bar */ /* Path bar */
.nautilus-path-bar button { /* undecorate the buttons */ .path-bar-box {
border-radius: 5px;
border: 1px @borders solid;
background-color: @theme_bg_color;
padding-right: 6px;
}
.nautilus-path-bar button {
margin: 0px; margin: 0px;
} }
.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */ .nautilus-path-bar button:first-child {
.path-bar-box {
transition: border 200ms;
transition: background-color 200ms;
border-radius: 5px;
}
.path-bar-box.width-maximized {
border: 1px @borders solid;
background-color: @theme_bg_color;
}
.path-bar-box.width-maximized button:first-child {
border-radius: 3.5px 0px 0px 3.5px;
border-width: 0px 1px 0px 0px; border-width: 0px 1px 0px 0px;
border-radius: 3.5px 0px 0px 3.5px;
} }
.path-bar-box.width-maximized button:not(:first-child) { .nautilus-path-bar button:not(:first-child) {
border-width: 0px 1px 0px 1px; border-width: 0px 1px 0px 1px;
border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;
} }
.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */
/* Make the tags fit into the box */ /* Make the tags fit into the box */
entry.search > * { entry.search > * {
margin: 5px; margin: 5px;

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

@ -1139,7 +1139,7 @@ button.circular {
button.circular label { button.circular label {
padding: 0; } padding: 0; }
button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
border-color: #0d0e11; border-color: #0d0e11;
@ -1151,7 +1151,7 @@ button.circular {
background-image: linear-gradient(to top, #20232b 2px, #23252e), linear-gradient(to top, black 25%, #0d0e11 50%); background-image: linear-gradient(to top, #20232b 2px, #23252e), linear-gradient(to top, black 25%, #0d0e11 50%);
border-color: transparent; } border-color: transparent; }
button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
border-color: #0d0e11; border-color: #0d0e11;
@ -1423,6 +1423,8 @@ button:visited {
/***************** /*****************
* GtkSpinButton * * GtkSpinButton *
*****************/ *****************/
spinbutton {
font-feature-settings: "tnum"; }
spinbutton:not(.vertical) { spinbutton:not(.vertical) {
padding: 0; } padding: 0; }
.osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry {
@ -1473,7 +1475,6 @@ spinbutton:not(.vertical) {
border-radius: 0 5px 5px 0; } border-radius: 0 5px 5px 0; }
spinbutton:not(.vertical) button:dir(rtl):first-child { spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 5px 0 0 5px; } border-radius: 5px 0 0 5px; }
.osd spinbutton:not(.vertical) button { .osd spinbutton:not(.vertical) button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1527,36 +1528,28 @@ spinbutton:not(.vertical) {
border-radius: 0 5px 5px 0; } border-radius: 0 5px 5px 0; }
.osd spinbutton:not(.vertical) button:dir(rtl):first-child { .osd spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 5px 0 0 5px; } border-radius: 5px 0 0 5px; }
spinbutton.vertical:disabled { spinbutton.vertical:disabled {
color: #888a8d; } color: #888a8d; }
spinbutton.vertical:backdrop:disabled { spinbutton.vertical:backdrop:disabled {
color: #43495a; } color: #43495a; }
spinbutton.vertical:drop(active) { spinbutton.vertical:drop(active) {
border-color: transparent; border-color: transparent;
box-shadow: none; } box-shadow: none; }
spinbutton.vertical entry { spinbutton.vertical entry {
min-height: 32px; min-height: 32px;
min-width: 32px; min-width: 32px;
padding: 0; padding: 0;
border-radius: 0; } border-radius: 0; }
spinbutton.vertical button { spinbutton.vertical button {
min-height: 32px; min-height: 32px;
min-width: 32px; min-width: 32px;
padding: 0; } padding: 0; }
spinbutton.vertical button.up { spinbutton.vertical button.up {
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
border-style: solid solid none solid; } border-style: solid solid none solid; }
spinbutton.vertical button.down { spinbutton.vertical button.down {
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
border-style: none solid solid solid; } border-style: none solid solid solid; }
.osd spinbutton.vertical button:first-child { .osd spinbutton.vertical button:first-child {
color: white; color: white;
border-color: black; border-color: black;
@ -1605,7 +1598,6 @@ spinbutton.vertical button.down {
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
treeview spinbutton:not(.vertical) { treeview spinbutton:not(.vertical) {
min-height: 0; min-height: 0;
border-style: none; border-style: none;
@ -2695,7 +2687,7 @@ switch {
switch:checked { switch:checked {
color: #ffffff; color: #ffffff;
border-color: #00348d; border-color: #00348d;
background-color: #2777ff; background-color: #5a97ff;
text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
switch:disabled { switch:disabled {
color: #888a8d; color: #888a8d;
@ -2710,7 +2702,7 @@ switch {
transition: 200ms ease-out; } transition: 200ms ease-out; }
switch:backdrop:checked { switch:backdrop:checked {
border-color: #00348d; border-color: #00348d;
background-color: #2777ff; } background-color: #5a97ff; }
switch:backdrop:disabled { switch:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #111217;
@ -2738,7 +2730,7 @@ switch {
border-color: #040405; 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), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); } background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); }
switch:checked slider { switch:checked > slider {
border: 1px solid #00348d; } border: 1px solid #00348d; }
switch:disabled slider { switch:disabled slider {
color: #888a8d; color: #888a8d;
@ -2755,7 +2747,7 @@ switch {
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
switch:backdrop:checked slider { switch:backdrop:checked > slider {
border-color: #00348d; } border-color: #00348d; }
switch:backdrop:disabled slider { switch:backdrop:disabled slider {
color: #43495a; color: #43495a;
@ -2774,7 +2766,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: rgba(39, 119, 255, 0.95); background-color: #5a97ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2789,7 +2781,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: rgba(39, 119, 255, 0.95); background-color: #5a97ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2804,7 +2796,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: rgba(39, 119, 255, 0.95); background-color: #5a97ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2819,7 +2811,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: rgba(147, 147, 147, 0.95); background-color: #adadad;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2834,7 +2826,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: rgba(39, 119, 255, 0.95); background-color: #5a97ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2849,7 +2841,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: rgba(39, 119, 255, 0.95); background-color: #5a97ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2864,7 +2856,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: rgba(39, 119, 255, 0.95); background-color: #5a97ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2879,7 +2871,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
background-color: rgba(147, 147, 147, 0.95); background-color: #adadad;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2941,13 +2933,13 @@ radio {
check:checked, check:checked,
radio:checked { radio:checked {
background-clip: border-box; background-clip: border-box;
background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); background-image: linear-gradient(to bottom, #74a7ff 20%, #5a97ff 90%);
border-color: #2777ff; border-color: #5a97ff;
box-shadow: 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px rgba(0, 0, 0, 0.05);
color: #ffffff; } color: #ffffff; }
check:checked:hover, check:checked:hover,
radio:checked:hover { radio:checked:hover {
background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } background-image: linear-gradient(to bottom, #88b4ff 10%, #6ea4ff 90%); }
check:checked:active, check:checked:active,
radio:checked:active { radio:checked:active {
box-shadow: inset 0 1px 1px 0px black; } box-shadow: inset 0 1px 1px 0px black; }
@ -2957,7 +2949,7 @@ radio {
color: rgba(255, 255, 255, 0.7); } color: rgba(255, 255, 255, 0.7); }
check:checked:backdrop, check:checked:backdrop,
radio:checked:backdrop { radio:checked:backdrop {
background-image: image(#2777ff); background-image: image(#5a97ff);
box-shadow: none; box-shadow: none;
color: #ffffff; } color: #ffffff; }
check:checked:backdrop:disabled, check:checked:backdrop:disabled,
@ -2967,13 +2959,13 @@ radio {
check:indeterminate, check:indeterminate,
radio:indeterminate { radio:indeterminate {
background-clip: border-box; background-clip: border-box;
background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); background-image: linear-gradient(to bottom, #74a7ff 20%, #5a97ff 90%);
border-color: #2777ff; border-color: #5a97ff;
box-shadow: 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px rgba(0, 0, 0, 0.05);
color: #ffffff; } color: #ffffff; }
check:indeterminate:hover, check:indeterminate:hover,
radio:indeterminate:hover { radio:indeterminate:hover {
background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } background-image: linear-gradient(to bottom, #88b4ff 10%, #6ea4ff 90%); }
check:indeterminate:active, check:indeterminate:active,
radio:indeterminate:active { radio:indeterminate:active {
box-shadow: inset 0 1px 1px 0px black; } box-shadow: inset 0 1px 1px 0px black; }
@ -2983,7 +2975,7 @@ radio {
color: rgba(255, 255, 255, 0.7); } color: rgba(255, 255, 255, 0.7); }
check:indeterminate:backdrop, check:indeterminate:backdrop,
radio:indeterminate:backdrop { radio:indeterminate:backdrop {
background-image: image(#2777ff); background-image: image(#5a97ff);
box-shadow: none; box-shadow: none;
color: #ffffff; } color: #ffffff; }
check:indeterminate:backdrop:disabled, check:indeterminate:backdrop:disabled,
@ -3047,6 +3039,7 @@ radio {
min-height: 14px; min-height: 14px;
min-width: 14px; min-width: 14px;
background-image: none; background-image: none;
background-color: transparent;
box-shadow: none; box-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
color: inherit; color: inherit;
@ -3281,7 +3274,8 @@ scale {
background-color: #111217; } background-color: #111217; }
scale marks, scale marks,
scale value { scale value {
color: alpha(currentColor,0.55); } color: alpha(currentColor,0.55);
font-feature-settings: "tnum"; }
scale.horizontal marks.top { scale.horizontal marks.top {
margin-bottom: 6px; margin-bottom: 6px;
margin-top: -12px; } margin-top: -12px; }
@ -3742,7 +3736,8 @@ scale {
*****************/ *****************/
progressbar { progressbar {
font-size: smaller; font-size: smaller;
color: rgba(238, 238, 236, 0.4); } color: rgba(238, 238, 236, 0.4);
font-feature-settings: "tnum"; }
progressbar.horizontal trough, progressbar.horizontal trough,
progressbar.horizontal progress { progressbar.horizontal progress {
min-height: 2px; } min-height: 2px; }
@ -4546,6 +4541,9 @@ decoration {
box-shadow: inset 0 0 0 3px #1c1e25, inset 0 1px rgba(238, 238, 236, 0.07); } box-shadow: inset 0 0 0 3px #1c1e25, inset 0 1px rgba(238, 238, 236, 0.07); }
.solid-csd decoration:backdrop { .solid-csd decoration:backdrop {
box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); }
window.csd decoration {
background: black;
/* transparent makes gtk3 leak light on the corners #2537 */ }
button.titlebutton { button.titlebutton {
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
@ -4837,7 +4835,7 @@ radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indetermin
check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop,
radio:checked:backdrop, radio:checked:backdrop,
radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop {
background-image: image(#2777ff); } background-image: image(#5a97ff); }
check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled, check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled,
radio:checked:disabled, radio:checked:disabled,

30
share/themes/Kali-Light/gtk-3.0/applications/nautilus/Adwaita.css
View File

@ -45,33 +45,29 @@
/* Path bar */ /* Path bar */
.nautilus-path-bar button { /* undecorate the buttons */ .path-bar-box {
border-radius: 5px;
border: 1px @borders solid;
background-color: @theme_bg_color;
padding-right: 6px;
}
.nautilus-path-bar button {
margin: 0px; margin: 0px;
} }
.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */ .nautilus-path-bar button:first-child {
.path-bar-box {
transition: border 200ms;
transition: background-color 200ms;
border-radius: 5px;
}
.path-bar-box.width-maximized {
border: 1px @borders solid;
background-color: @theme_bg_color;
}
.path-bar-box.width-maximized button:first-child {
border-radius: 3.5px 0px 0px 3.5px;
border-width: 0px 1px 0px 0px; border-width: 0px 1px 0px 0px;
border-radius: 3.5px 0px 0px 3.5px;
} }
.path-bar-box.width-maximized button:not(:first-child) { .nautilus-path-bar button:not(:first-child) {
border-width: 0px 1px 0px 1px; border-width: 0px 1px 0px 1px;
border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;
} }
.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */
/* Make the tags fit into the box */ /* Make the tags fit into the box */
entry.search > * { entry.search > * {
margin: 5px; margin: 5px;

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

@ -1139,7 +1139,7 @@ button.circular {
button.circular label { button.circular label {
padding: 0; } padding: 0; }
button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
border-color: #0d0e11; border-color: #0d0e11;
@ -1151,7 +1151,7 @@ button.circular {
background-image: linear-gradient(to top, #20232b 2px, #23252e), linear-gradient(to top, black 25%, #0d0e11 50%); background-image: linear-gradient(to top, #20232b 2px, #23252e), linear-gradient(to top, black 25%, #0d0e11 50%);
border-color: transparent; } border-color: transparent; }
button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
border-color: #0d0e11; border-color: #0d0e11;
@ -1423,6 +1423,8 @@ button:visited {
/***************** /*****************
* GtkSpinButton * * GtkSpinButton *
*****************/ *****************/
spinbutton {
font-feature-settings: "tnum"; }
spinbutton:not(.vertical) { spinbutton:not(.vertical) {
padding: 0; } padding: 0; }
.osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry {
@ -1473,7 +1475,6 @@ spinbutton:not(.vertical) {
border-radius: 0 5px 5px 0; } border-radius: 0 5px 5px 0; }
spinbutton:not(.vertical) button:dir(rtl):first-child { spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 5px 0 0 5px; } border-radius: 5px 0 0 5px; }
.osd spinbutton:not(.vertical) button { .osd spinbutton:not(.vertical) button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1527,36 +1528,28 @@ spinbutton:not(.vertical) {
border-radius: 0 5px 5px 0; } border-radius: 0 5px 5px 0; }
.osd spinbutton:not(.vertical) button:dir(rtl):first-child { .osd spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 5px 0 0 5px; } border-radius: 5px 0 0 5px; }
spinbutton.vertical:disabled { spinbutton.vertical:disabled {
color: #888a8d; } color: #888a8d; }
spinbutton.vertical:backdrop:disabled { spinbutton.vertical:backdrop:disabled {
color: #43495a; } color: #43495a; }
spinbutton.vertical:drop(active) { spinbutton.vertical:drop(active) {
border-color: transparent; border-color: transparent;
box-shadow: none; } box-shadow: none; }
spinbutton.vertical entry { spinbutton.vertical entry {
min-height: 32px; min-height: 32px;
min-width: 32px; min-width: 32px;
padding: 0; padding: 0;
border-radius: 0; } border-radius: 0; }
spinbutton.vertical button { spinbutton.vertical button {
min-height: 32px; min-height: 32px;
min-width: 32px; min-width: 32px;
padding: 0; } padding: 0; }
spinbutton.vertical button.up { spinbutton.vertical button.up {
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
border-style: solid solid none solid; } border-style: solid solid none solid; }
spinbutton.vertical button.down { spinbutton.vertical button.down {
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
border-style: none solid solid solid; } border-style: none solid solid solid; }
.osd spinbutton.vertical button:first-child { .osd spinbutton.vertical button:first-child {
color: white; color: white;
border-color: black; border-color: black;
@ -1605,7 +1598,6 @@ spinbutton.vertical button.down {
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
treeview spinbutton:not(.vertical) { treeview spinbutton:not(.vertical) {
min-height: 0; min-height: 0;
border-style: none; border-style: none;
@ -2695,7 +2687,7 @@ switch {
switch:checked { switch:checked {
color: #ffffff; color: #ffffff;
border-color: #00348d; border-color: #00348d;
background-color: #2777ff; background-color: #5a97ff;
text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
switch:disabled { switch:disabled {
color: #888a8d; color: #888a8d;
@ -2710,7 +2702,7 @@ switch {
transition: 200ms ease-out; } transition: 200ms ease-out; }
switch:backdrop:checked { switch:backdrop:checked {
border-color: #00348d; border-color: #00348d;
background-color: #2777ff; } background-color: #5a97ff; }
switch:backdrop:disabled { switch:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #111217;
@ -2738,7 +2730,7 @@ switch {
border-color: #040405; 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), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); } background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); }
switch:checked slider { switch:checked > slider {
border: 1px solid #00348d; } border: 1px solid #00348d; }
switch:disabled slider { switch:disabled slider {
color: #888a8d; color: #888a8d;
@ -2755,7 +2747,7 @@ switch {
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
switch:backdrop:checked slider { switch:backdrop:checked > slider {
border-color: #00348d; } border-color: #00348d; }
switch:backdrop:disabled slider { switch:backdrop:disabled slider {
color: #43495a; color: #43495a;
@ -2774,7 +2766,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: rgba(39, 119, 255, 0.95); background-color: #5a97ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2789,7 +2781,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: rgba(39, 119, 255, 0.95); background-color: #5a97ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2804,7 +2796,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: rgba(39, 119, 255, 0.95); background-color: #5a97ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2819,7 +2811,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: rgba(147, 147, 147, 0.95); background-color: #adadad;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2834,7 +2826,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: rgba(39, 119, 255, 0.95); background-color: #5a97ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2849,7 +2841,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: rgba(39, 119, 255, 0.95); background-color: #5a97ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2864,7 +2856,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: rgba(39, 119, 255, 0.95); background-color: #5a97ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2879,7 +2871,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
background-color: rgba(147, 147, 147, 0.95); background-color: #adadad;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2941,13 +2933,13 @@ radio {
check:checked, check:checked,
radio:checked { radio:checked {
background-clip: border-box; background-clip: border-box;
background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); background-image: linear-gradient(to bottom, #74a7ff 20%, #5a97ff 90%);
border-color: #2777ff; border-color: #5a97ff;
box-shadow: 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px rgba(0, 0, 0, 0.05);
color: #ffffff; } color: #ffffff; }
check:checked:hover, check:checked:hover,
radio:checked:hover { radio:checked:hover {
background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } background-image: linear-gradient(to bottom, #88b4ff 10%, #6ea4ff 90%); }
check:checked:active, check:checked:active,
radio:checked:active { radio:checked:active {
box-shadow: inset 0 1px 1px 0px black; } box-shadow: inset 0 1px 1px 0px black; }
@ -2957,7 +2949,7 @@ radio {
color: rgba(255, 255, 255, 0.7); } color: rgba(255, 255, 255, 0.7); }
check:checked:backdrop, check:checked:backdrop,
radio:checked:backdrop { radio:checked:backdrop {
background-image: image(#2777ff); background-image: image(#5a97ff);
box-shadow: none; box-shadow: none;
color: #ffffff; } color: #ffffff; }
check:checked:backdrop:disabled, check:checked:backdrop:disabled,
@ -2967,13 +2959,13 @@ radio {
check:indeterminate, check:indeterminate,
radio:indeterminate { radio:indeterminate {
background-clip: border-box; background-clip: border-box;
background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); background-image: linear-gradient(to bottom, #74a7ff 20%, #5a97ff 90%);
border-color: #2777ff; border-color: #5a97ff;
box-shadow: 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px rgba(0, 0, 0, 0.05);
color: #ffffff; } color: #ffffff; }
check:indeterminate:hover, check:indeterminate:hover,
radio:indeterminate:hover { radio:indeterminate:hover {
background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } background-image: linear-gradient(to bottom, #88b4ff 10%, #6ea4ff 90%); }
check:indeterminate:active, check:indeterminate:active,
radio:indeterminate:active { radio:indeterminate:active {
box-shadow: inset 0 1px 1px 0px black; } box-shadow: inset 0 1px 1px 0px black; }
@ -2983,7 +2975,7 @@ radio {
color: rgba(255, 255, 255, 0.7); } color: rgba(255, 255, 255, 0.7); }
check:indeterminate:backdrop, check:indeterminate:backdrop,
radio:indeterminate:backdrop { radio:indeterminate:backdrop {
background-image: image(#2777ff); background-image: image(#5a97ff);
box-shadow: none; box-shadow: none;
color: #ffffff; } color: #ffffff; }
check:indeterminate:backdrop:disabled, check:indeterminate:backdrop:disabled,
@ -3047,6 +3039,7 @@ radio {
min-height: 14px; min-height: 14px;
min-width: 14px; min-width: 14px;
background-image: none; background-image: none;
background-color: transparent;
box-shadow: none; box-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
color: inherit; color: inherit;
@ -3281,7 +3274,8 @@ scale {
background-color: #111217; } background-color: #111217; }
scale marks, scale marks,
scale value { scale value {
color: alpha(currentColor,0.55); } color: alpha(currentColor,0.55);
font-feature-settings: "tnum"; }
scale.horizontal marks.top { scale.horizontal marks.top {
margin-bottom: 6px; margin-bottom: 6px;
margin-top: -12px; } margin-top: -12px; }
@ -3742,7 +3736,8 @@ scale {
*****************/ *****************/
progressbar { progressbar {
font-size: smaller; font-size: smaller;
color: rgba(238, 238, 236, 0.4); } color: rgba(238, 238, 236, 0.4);
font-feature-settings: "tnum"; }
progressbar.horizontal trough, progressbar.horizontal trough,
progressbar.horizontal progress { progressbar.horizontal progress {
min-height: 2px; } min-height: 2px; }
@ -4546,6 +4541,9 @@ decoration {
box-shadow: inset 0 0 0 3px #1c1e25, inset 0 1px rgba(238, 238, 236, 0.07); } box-shadow: inset 0 0 0 3px #1c1e25, inset 0 1px rgba(238, 238, 236, 0.07); }
.solid-csd decoration:backdrop { .solid-csd decoration:backdrop {
box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); }
window.csd decoration {
background: black;
/* transparent makes gtk3 leak light on the corners #2537 */ }
button.titlebutton { button.titlebutton {
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
@ -4837,7 +4835,7 @@ radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indetermin
check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop,
radio:checked:backdrop, radio:checked:backdrop,
radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop {
background-image: image(#2777ff); } background-image: image(#5a97ff); }
check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled, check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled,
radio:checked:disabled, radio:checked:disabled,

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

@ -1142,7 +1142,7 @@ button.circular {
button.circular label { button.circular label {
padding: 0; } padding: 0; }
button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3); outline-color: rgba(92, 97, 108, 0.3);
border-color: #d9d9d9; border-color: #d9d9d9;
@ -1154,7 +1154,7 @@ button.circular {
background-image: linear-gradient(to top, whitesmoke 2px, #ffffff), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%); background-image: linear-gradient(to top, whitesmoke 2px, #ffffff), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%);
border-color: transparent; } border-color: transparent; }
button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3); outline-color: rgba(92, 97, 108, 0.3);
border-color: #d9d9d9; border-color: #d9d9d9;
@ -1432,6 +1432,8 @@ button:visited {
/***************** /*****************
* GtkSpinButton * * GtkSpinButton *
*****************/ *****************/
spinbutton {
font-feature-settings: "tnum"; }
spinbutton:not(.vertical) { spinbutton:not(.vertical) {
padding: 0; } padding: 0; }
.osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry {
@ -1482,7 +1484,6 @@ spinbutton:not(.vertical) {
border-radius: 0 5px 5px 0; } border-radius: 0 5px 5px 0; }
spinbutton:not(.vertical) button:dir(rtl):first-child { spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 5px 0 0 5px; } border-radius: 5px 0 0 5px; }
.osd spinbutton:not(.vertical) button { .osd spinbutton:not(.vertical) button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
@ -1536,36 +1537,28 @@ spinbutton:not(.vertical) {
border-radius: 0 5px 5px 0; } border-radius: 0 5px 5px 0; }
.osd spinbutton:not(.vertical) button:dir(rtl):first-child { .osd spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 5px 0 0 5px; } border-radius: 5px 0 0 5px; }
spinbutton.vertical:disabled { spinbutton.vertical:disabled {
color: #aeb0b6; } color: #aeb0b6; }
spinbutton.vertical:backdrop:disabled { spinbutton.vertical:backdrop:disabled {
color: #d9d9d9; } color: #d9d9d9; }
spinbutton.vertical:drop(active) { spinbutton.vertical:drop(active) {
border-color: transparent; border-color: transparent;
box-shadow: none; } box-shadow: none; }
spinbutton.vertical entry { spinbutton.vertical entry {
min-height: 32px; min-height: 32px;
min-width: 32px; min-width: 32px;
padding: 0; padding: 0;
border-radius: 0; } border-radius: 0; }
spinbutton.vertical button { spinbutton.vertical button {
min-height: 32px; min-height: 32px;
min-width: 32px; min-width: 32px;
padding: 0; } padding: 0; }
spinbutton.vertical button.up { spinbutton.vertical button.up {
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
border-style: solid solid none solid; } border-style: solid solid none solid; }
spinbutton.vertical button.down { spinbutton.vertical button.down {
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
border-style: none solid solid solid; } border-style: none solid solid solid; }
.osd spinbutton.vertical button:first-child { .osd spinbutton.vertical button:first-child {
color: white; color: white;
border-color: black; border-color: black;
@ -1614,7 +1607,6 @@ spinbutton.vertical button.down {
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
treeview spinbutton:not(.vertical) { treeview spinbutton:not(.vertical) {
min-height: 0; min-height: 0;
border-style: none; border-style: none;
@ -2705,7 +2697,7 @@ switch {
/* only show i / o for the accessible theme */ } /* only show i / o for the accessible theme */ }
switch:checked { switch:checked {
color: #ffffff; color: #ffffff;
border-color: #0051da; border-color: #0047c0;
background-color: #2777ff; background-color: #2777ff;
text-shadow: 0 1px rgba(0, 81, 218, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } text-shadow: 0 1px rgba(0, 81, 218, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
switch:disabled { switch:disabled {
@ -2721,7 +2713,7 @@ switch {
transition: 200ms ease-out; } transition: 200ms ease-out; }
switch:backdrop:checked { switch:backdrop:checked {
color: #ffffff; color: #ffffff;
border-color: #2777ff; border-color: #0047c0;
background-color: #2777ff; } background-color: #2777ff; }
switch:backdrop:disabled { switch:backdrop:disabled {
color: #d9d9d9; color: #d9d9d9;
@ -2750,8 +2742,8 @@ switch {
border-color: #c2c2c2; 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), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to bottom, white 10%, white 90%); } background-image: linear-gradient(to bottom, white 10%, white 90%); }
switch:checked slider { switch:checked > slider {
border: 1px solid #0051da; } border: 1px solid #0047c0; }
switch:disabled slider { switch:disabled slider {
color: #aeb0b6; color: #aeb0b6;
border-color: #d9d9d9; border-color: #d9d9d9;
@ -2767,8 +2759,8 @@ switch {
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
switch:backdrop:checked slider { switch:backdrop:checked > slider {
border-color: #2777ff; } border-color: #0047c0; }
switch:backdrop:disabled slider { switch:backdrop:disabled slider {
color: #d9d9d9; color: #d9d9d9;
border-color: #e0e0e0; border-color: #e0e0e0;
@ -2778,11 +2770,11 @@ switch {
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
row:selected switch { row:selected switch {
box-shadow: none; box-shadow: none;
border-color: #0051da; } border-color: #0047c0; }
row:selected switch:backdrop { row:selected switch:backdrop {
border-color: #0051da; } border-color: #0047c0; }
row:selected switch slider:checked, row:selected switch slider { row:selected switch > slider:checked, row:selected switch > slider {
border-color: #0051da; } border-color: #0047c0; }
/************************* /*************************
* Check and Radio items * * Check and Radio items *
@ -2793,7 +2785,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: rgba(39, 119, 255, 0.95); background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2808,7 +2800,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: rgba(39, 119, 255, 0.95); background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2823,7 +2815,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: rgba(39, 119, 255, 0.95); background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2838,7 +2830,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: rgba(147, 147, 147, 0.95); background-color: #939393;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2853,7 +2845,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: rgba(39, 119, 255, 0.95); background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2868,7 +2860,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: rgba(39, 119, 255, 0.95); background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2883,7 +2875,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: rgba(39, 119, 255, 0.95); background-color: #2777ff;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -2898,7 +2890,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
background-color: rgba(147, 147, 147, 0.95); background-color: #939393;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@ -3013,7 +3005,7 @@ radio {
radio:backdrop { radio:backdrop {
transition: 200ms ease-out; } transition: 200ms ease-out; }
row:selected check, row:selected radio { row:selected check, row:selected radio {
border-color: #0051da; } border-color: #0047c0; }
.osd check, .osd radio { .osd check, .osd radio {
color: white; color: white;
border-color: black; border-color: black;
@ -3068,6 +3060,7 @@ radio {
min-height: 14px; min-height: 14px;
min-width: 14px; min-width: 14px;
background-image: none; background-image: none;
background-color: transparent;
box-shadow: none; box-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
color: inherit; color: inherit;
@ -3303,7 +3296,8 @@ scale {
background-color: #272a34; } background-color: #272a34; }
scale marks, scale marks,
scale value { scale value {
color: alpha(currentColor,0.55); } color: alpha(currentColor,0.55);
font-feature-settings: "tnum"; }
scale.horizontal marks.top { scale.horizontal marks.top {
margin-bottom: 6px; margin-bottom: 6px;
margin-top: -12px; } margin-top: -12px; }
@ -3764,7 +3758,8 @@ scale {
*****************/ *****************/
progressbar { progressbar {
font-size: smaller; font-size: smaller;
color: rgba(92, 97, 108, 0.4); } color: rgba(92, 97, 108, 0.4);
font-feature-settings: "tnum"; }
progressbar.horizontal trough, progressbar.horizontal trough,
progressbar.horizontal progress { progressbar.horizontal progress {
min-height: 2px; } min-height: 2px; }
@ -4568,6 +4563,9 @@ decoration {
box-shadow: inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); } box-shadow: inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); }
.solid-csd decoration:backdrop { .solid-csd decoration:backdrop {
box-shadow: inset 0 0 0 3px #ffffff, inset 0 1px rgba(255, 255, 255, 0.8); } box-shadow: inset 0 0 0 3px #ffffff, inset 0 1px rgba(255, 255, 255, 0.8); }
window.csd decoration {
background: black;
/* transparent makes gtk3 leak light on the corners #2537 */ }
button.titlebutton { button.titlebutton {
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);

1
src/.gitignore vendored
View File

@ -1 +0,0 @@
**/*.css

1
src/themes/Kali/sass/.gitignore vendored Normal file
View File

@ -0,0 +1 @@
/*.css

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

@ -74,5 +74,6 @@ $suggested_bg_color: $selected_bg_color;
$suggested_border_color: $selected_borders_color; $suggested_border_color: $selected_borders_color;
$progress_bg_color: $selected_bg_color; $progress_bg_color: $selected_bg_color;
$progress_border_color: $selected_borders_color; $progress_border_color: $selected_borders_color;
$checkradio_bg_color: $selected_bg_color; $checkradio_bg_color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color,10%));
$checkradio_fg_color: $selected_fg_color; $checkradio_fg_color: $selected_fg_color;
$checkradio_borders_color: if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%));

61
src/themes/Kali/sass/gtk-sass/applications/gedit/Adwaita.css Normal file
View File

@ -0,0 +1,61 @@
.gedit-document-panel {
background-color: @sidebar_bg;
}
.gedit-document-panel:backdrop {
color: #b0b2b2;
}
.gedit-document-panel row:selected:backdrop {
background-color: #8b8e8f;
}
.gedit-document-panel-group-row,
.gedit-document-panel-group-row:hover {
border-top: 1px solid alpha(currentColor, 0.3);
}
.gedit-document-panel-group-row:first-child,
.gedit-document-panel-group-row:first-child:hover {
border-top: 0px;
}
/* Try to look as the notebook tab close button */
.gedit-document-panel row button.flat {
padding: 0;
margin-top: 8px;
margin-bottom: 8px;
min-width: 18px;
min-height: 18px;
color: alpha(currentColor,0.3);
}
.gedit-document-panel row:hover button.flat {
color: alpha(currentColor,0.5);
}
.gedit-document-panel row button.flat:hover {
color: @theme_fg_color;
}
statusbar {
border-top: 1px solid @borders;
}
.gedit-search-slider {
background-color: @theme_base_color;
padding: 6px;
border-color: @borders;
border-radius: 0 0 3px 3px;
border-width: 0 1px 1px 1px;
border-style: solid;
}
.gedit-search-entry-occurrences-tag {
background-color: @theme_base_color;
background-image: none;
color: shade (@theme_unfocused_fg_color, 0.8);
border: 0px;
margin: 2px;
padding: 2px;
}

30
src/themes/Kali/sass/gtk-sass/applications/nautilus/Adwaita.css
View File

@ -45,33 +45,29 @@
/* Path bar */ /* Path bar */
.nautilus-path-bar button { /* undecorate the buttons */ .path-bar-box {
border-radius: 5px;
border: 1px @borders solid;
background-color: @theme_bg_color;
padding-right: 6px;
}
.nautilus-path-bar button {
margin: 0px; margin: 0px;
} }
.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */ .nautilus-path-bar button:first-child {
.path-bar-box {
transition: border 200ms;
transition: background-color 200ms;
border-radius: 5px;
}
.path-bar-box.width-maximized {
border: 1px @borders solid;
background-color: @theme_bg_color;
}
.path-bar-box.width-maximized button:first-child {
border-radius: 3.5px 0px 0px 3.5px;
border-width: 0px 1px 0px 0px; border-width: 0px 1px 0px 0px;
border-radius: 3.5px 0px 0px 3.5px;
} }
.path-bar-box.width-maximized button:not(:first-child) { .nautilus-path-bar button:not(:first-child) {
border-width: 0px 1px 0px 1px; border-width: 0px 1px 0px 1px;
border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;
} }
.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */
/* Make the tags fit into the box */ /* Make the tags fit into the box */
entry.search > * { entry.search > * {
margin: 5px; margin: 5px;

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

@ -73,5 +73,6 @@ $suggested_bg_color: $selected_bg_color;
$suggested_border_color: $selected_borders_color; $suggested_border_color: $selected_borders_color;
$progress_bg_color: $selected_bg_color; $progress_bg_color: $selected_bg_color;
$progress_border_color: $selected_borders_color; $progress_border_color: $selected_borders_color;
$checkradio_bg_color: $selected_bg_color; $checkradio_bg_color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color,10%));
$checkradio_fg_color: $selected_fg_color; $checkradio_fg_color: $selected_fg_color;
$checkradio_borders_color: if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%));

55
src/themes/Kali/sass/gtk-sass/upstream/_common.scss
View File

@ -920,14 +920,14 @@ button {
$_border_bg: linear-gradient(to top, $alt-borders-color 25%, $borders-color 50%); $_border_bg: linear-gradient(to top, $alt-borders-color 25%, $borders-color 50%);
&:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { &:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
@include button(normal); @include button(normal);
background-image: $button_fill, $_border_bg; background-image: $button_fill, $_border_bg;
border-color: transparent; border-color: transparent;
} }
&:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { &:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
@include button(hover); @include button(hover);
background-image: $button_fill, $_border_bg; background-image: $button_fill, $_border_bg;
@ -1443,6 +1443,7 @@ spinbutton {
padding: 1px 2px; padding: 1px 2px;
} }
} }
font-feature-settings: "tnum";
} }
@ -2837,9 +2838,9 @@ switch {
&:checked { &:checked {
color: $selected_fg_color; color: $selected_fg_color;
border-color: $suggested_border_color; border-color: $checkradio_borders_color;
background-color: $suggested_bg_color; background-color: $checkradio_bg_color;
text-shadow: 0 1px transparentize($suggested_border_color, 0.5), text-shadow: 0 1px transparentize($selected_borders_color, 0.5),
0 0 2px transparentize(white, 0.4); 0 0 2px transparentize(white, 0.4);
} }
@ -2859,8 +2860,9 @@ switch {
&:checked { &:checked {
@if $variant == 'light' { color: $backdrop_bg_color; } @if $variant == 'light' { color: $backdrop_bg_color; }
border-color: if($variant=='light', $suggested_bg_color, $suggested_border_color); border-color: if($variant == 'light', $checkradio_borders_color,
background-color: $suggested_bg_color; $selected_borders_color);
background-color: $checkradio_bg_color;
} }
&:disabled { &:disabled {
@ -2898,7 +2900,7 @@ switch {
} }
} }
&:checked slider { border: 1px solid $suggested_border_color; } &:checked > slider { border: 1px solid $checkradio_borders_color; }
&:disabled slider { @include button(insensitive); } &:disabled slider { @include button(insensitive); }
@ -2909,7 +2911,7 @@ switch {
@include button(backdrop); @include button(backdrop);
} }
&:checked slider { border-color: if($variant == 'light', $suggested_bg_color, $suggested_border_color); } &:checked > slider { border-color: $checkradio_borders_color; }
&:disabled slider { @include button(backdrop-insensitive); } &:disabled slider { @include button(backdrop-insensitive); }
} }
@ -2917,11 +2919,11 @@ switch {
row:selected & { row:selected & {
@if $variant == 'light' { @if $variant == 'light' {
box-shadow: none; box-shadow: none;
border-color: $selected_borders_color; border-color: $checkradio_borders_color;
&:backdrop { border-color: $selected_borders_color; } &:backdrop { border-color: $checkradio_borders_color; }
slider { &:checked, & { border-color: $selected_borders_color; } } > slider { &:checked, & { border-color: $checkradio_borders_color; } }
} }
} }
@ -2937,14 +2939,14 @@ switch {
//selection-mode //selection-mode
@each $check_state, $check_icon, $check_color, $check_background in @each $check_state, $check_icon, $check_color, $check_background in
('', 'none', 'transparent', '#{transparentize($checkradio_bg_color, .05)}'), ('', 'none', 'transparent', $checkradio_bg_color),
(':hover', 'none', 'transparent', '#{transparentize($checkradio_bg_color, .05)}'), (':hover', 'none', 'transparent', $checkradio_bg_color),
(':active', 'none', 'transparent', '#{transparentize($checkradio_bg_color, .05)}'), (':active', 'none', 'transparent', $checkradio_bg_color),
(':backdrop', 'none', 'transparent', '#{transparentize(desaturate($checkradio_bg_color, 100%), .05)}'), (':backdrop', 'none', 'transparent', '#{desaturate($checkradio_bg_color, 100%)}'),
(':checked', '-gtk-icontheme(\'object-select-symbolic\')', '#{$osd_fg_color}', '#{transparentize($checkradio_bg_color, .05)}'), (':checked', '-gtk-icontheme(\'object-select-symbolic\')', $osd_fg_color, $checkradio_bg_color),
(':checked:hover', '-gtk-icontheme(\'object-select-symbolic\')', '#{$osd_fg_color}', '#{transparentize($checkradio_bg_color, .05)}'), (':checked:hover', '-gtk-icontheme(\'object-select-symbolic\')', $osd_fg_color, $checkradio_bg_color),
(':checked:active', '-gtk-icontheme(\'object-select-symbolic\')', '#{$osd_fg_color}', '#{transparentize($checkradio_bg_color, .05)}'), (':checked:active', '-gtk-icontheme(\'object-select-symbolic\')', $osd_fg_color, $checkradio_bg_color),
(':backdrop:checked', '-gtk-icontheme(\'object-select-symbolic\')', '#{transparentize($osd_fg_color, 0.2)}', '#{transparentize(desaturate($checkradio_bg_color, 100%), .05)}'), { (':backdrop:checked', '-gtk-icontheme(\'object-select-symbolic\')', '#{transparentize($osd_fg_color, 0.2)}', '#{desaturate($checkradio_bg_color, 100%)}'), {
.view.content-view.check#{$check_state}:not(list), .view.content-view.check#{$check_state}:not(list),
.content-view .tile check#{$check_state}:not(list) { .content-view .tile check#{$check_state}:not(list) {
@ -3037,7 +3039,7 @@ radio {
@if $variant == 'light' { @if $variant == 'light' {
// the borders of the light variant versions of checks and radios are too similar in luminosity to the selected background // the borders of the light variant versions of checks and radios are too similar in luminosity to the selected background
// color, hence we need special casing. // color, hence we need special casing.
row:selected & { border-color: $selected_borders_color; } row:selected & { border-color: $checkradio_borders_color; }
} }
.osd & { .osd & {
@ -3057,6 +3059,7 @@ radio {
min-height: 14px; min-height: 14px;
min-width: 14px; min-width: 14px;
background-image: none; background-image: none;
background-color: transparent;
box-shadow: none; box-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
color: inherit; color: inherit;
@ -3329,7 +3332,10 @@ scale {
} }
marks, marks,
value { color: gtkalpha(currentColor, 0.55); } value {
color: gtkalpha(currentColor, 0.55);
font-feature-settings: "tnum";
}
//marks margins //marks margins
@each $scale_orient, $marks_class, $marks_pos, $marks_margin in (horizontal, top, top, bottom), @each $scale_orient, $marks_class, $marks_pos, $marks_margin in (horizontal, top, top, bottom),
@ -3597,6 +3603,7 @@ progressbar {
// FIXME: insensitive state missing and some other state should be set probably // FIXME: insensitive state missing and some other state should be set probably
font-size: smaller; font-size: smaller;
color: transparentize($fg_color, 0.6); color: transparentize($fg_color, 0.6);
font-feature-settings: "tnum";
&:backdrop { &:backdrop {
box-shadow: none; box-shadow: none;
@ -4633,6 +4640,10 @@ decoration {
&:backdrop { box-shadow: inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight; } &:backdrop { box-shadow: inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight; }
} }
window.csd & {
background: black; /* transparent makes gtk3 leak light on the corners #2537 */
}
} }
// Window Close button // Window Close button

9
src/themes/Kali/sass/gtk-sass/upstream/sync.sh
View File

@ -4,22 +4,21 @@ GREEN='\033[0;32m'
YELLOW='\033[0;33m' YELLOW='\033[0;33m'
RESET='\033[0m' RESET='\033[0m'
VERSION=3.24.17
VERSION=3.24.14
echo echo
echo -e " [ $YELLOW"i"$RESET ] Upstream version $VERSION" echo -e " $YELLOW[ i ]$RESET Upstream version $VERSION"
echo echo
while read file; while read file;
do do
echo echo
echo -e " [ $GREEN*$RESET ] Downloading file $file" echo -e " $GREEN[ * ]$RESET Downloading file $file"
wget https://gitlab.gnome.org/GNOME/gtk/raw/$VERSION/gtk/theme/Adwaita/$file --timestamping --quiet wget https://gitlab.gnome.org/GNOME/gtk/raw/$VERSION/gtk/theme/Adwaita/$file --timestamping --quiet
if [ -f $file.patch ] if [ -f $file.patch ]
then then
echo -e " [ $YELLOW~$RESET ] Apply patch" echo -e " $YELLOW[ ~ ]$RESET Apply patch"
patch $file $file.patch --quiet patch $file $file.patch --quiet
fi fi
done <<- EOF done <<- EOF