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

GTK3: lighten backdrop_borders_color

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2020-11-27 11:15:20 +01:00
parent 0307b61506
commit 75e1647b12
3 changed files with 115 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -146,7 +146,7 @@ assistant .sidebar {
border-top: 1px solid #0d0e11; } border-top: 1px solid #0d0e11; }
assistant .sidebar:backdrop { assistant .sidebar:backdrop {
background-color: #292c37; background-color: #292c37;
border-color: #111217; } border-color: #16171d; }
assistant.csd .sidebar { assistant.csd .sidebar {
border-top-style: none; } border-top-style: none; }
@ -273,14 +273,14 @@ entry {
spinbutton:backdrop:not(.vertical), spinbutton:backdrop:not(.vertical),
entry:backdrop { entry:backdrop {
color: #d4d5d7; color: #d4d5d7;
border-color: #111217; border-color: #16171d;
background-color: #292c37; background-color: #292c37;
box-shadow: none; box-shadow: none;
transition: 200ms ease-out; } transition: 200ms ease-out; }
spinbutton:backdrop:disabled:not(.vertical), spinbutton:backdrop:disabled:not(.vertical),
entry:backdrop:disabled { entry:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-color: #242731; background-color: #242731;
box-shadow: none; } box-shadow: none; }
spinbutton.error:not(.vertical), spinbutton.error:not(.vertical),
@ -381,7 +381,7 @@ entry progress {
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
border-top-color: #1f222a; } border-top-color: #1f222a; }
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
border-top-color: #22242d; } border-top-color: #23262f; }
.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled {
border-top-color: #1f222a; } border-top-color: #1f222a; }
@ -538,7 +538,7 @@ button {
button.flat:backdrop, button.flat:backdrop,
button:backdrop { button:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#23252e); background-image: image(#23252e);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -551,14 +551,14 @@ button {
button:backdrop:active, button:backdrop:active,
button:backdrop:checked { button:backdrop:checked {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#1a1d23); background-image: image(#1a1d23);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled,
button.flat:backdrop:disabled, button.flat:backdrop:disabled,
button:backdrop:disabled { button:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -569,7 +569,7 @@ button {
button:backdrop:disabled:active, button:backdrop:disabled:active,
button:backdrop:disabled:checked { button:backdrop:disabled:checked {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#1a1d23); background-image: image(#1a1d23);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled,
@ -857,7 +857,7 @@ button.suggested-action {
button.suggested-action:backdrop:disabled, button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled { button.suggested-action.flat:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -1007,7 +1007,7 @@ button.destructive-action {
button.destructive-action:backdrop:disabled, button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled { button.destructive-action.flat:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -1220,26 +1220,26 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop { .inline-toolbar toolbutton > button:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#23252e); background-image: image(#23252e);
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); }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#1a1d23); background-image: image(#1a1d23);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled { .inline-toolbar toolbutton > button:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
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); }
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#1a1d23); background-image: image(#1a1d23);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -1461,7 +1461,7 @@ spinbutton {
spinbutton:not(.vertical) button:backdrop { spinbutton:not(.vertical) button:backdrop {
color: #7f8184; color: #7f8184;
background-color: transparent; background-color: transparent;
border-color: rgba(17, 18, 23, 0.3); border-color: rgba(22, 23, 29, 0.3);
transition: 200ms ease-out; } transition: 200ms ease-out; }
spinbutton:not(.vertical) button:backdrop:disabled { spinbutton:not(.vertical) button:backdrop:disabled {
color: rgba(67, 73, 90, 0.3); color: rgba(67, 73, 90, 0.3);
@ -1665,8 +1665,8 @@ searchbar > revealer > box {
background-color: #1c1e25; } background-color: #1c1e25; }
.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .inline-toolbar:backdrop, searchbar > revealer > box:backdrop,
.location-bar:backdrop { .location-bar:backdrop {
border-color: #111217; border-color: #16171d;
background-color: #1c1f26; background-color: #1e2028;
box-shadow: none; box-shadow: none;
transition: 200ms ease-out; } transition: 200ms ease-out; }
@ -1687,7 +1687,7 @@ headerbar {
/* hide the close button separator */ } /* hide the close button separator */ }
.titlebar:backdrop:not(headerbar), .titlebar:backdrop:not(headerbar),
headerbar:backdrop { headerbar:backdrop {
border-color: #111217; border-color: #16171d;
background-color: #23252e; background-color: #23252e;
background-image: none; background-image: none;
box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
@ -1714,7 +1714,7 @@ headerbar {
headerbar stackswitcher button:checked:backdrop, headerbar stackswitcher button:checked:backdrop,
headerbar button.toggle:checked:backdrop { headerbar button.toggle:checked:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#1a1d23); background-image: image(#1a1d23);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar,
@ -1881,7 +1881,7 @@ headerbar {
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop { headerbar.selection-mode button.suggested-action:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#23252e); background-image: image(#23252e);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -1890,7 +1890,7 @@ headerbar {
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled { headerbar.selection-mode button.suggested-action:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -2351,8 +2351,8 @@ notebook > header {
border-width: 1px; border-width: 1px;
background-color: #1b1d24; } background-color: #1b1d24; }
notebook > header:backdrop { notebook > header:backdrop {
border-color: #111217; border-color: #16171d;
background-color: #1c1f26; } background-color: #1e2028; }
notebook > header tabs { notebook > header tabs {
margin: -1px; } margin: -1px; }
notebook > header.top { notebook > header.top {
@ -2468,7 +2468,7 @@ notebook > header {
notebook > header tab:backdrop:checked { notebook > header tab:backdrop:checked {
color: #888a8d; } color: #888a8d; }
notebook > header tab.reorderable-page:backdrop:checked { notebook > header tab.reorderable-page:backdrop:checked {
border-color: #111217; border-color: #16171d;
background-color: #23252e; } background-color: #23252e; }
notebook > header tab button.flat { notebook > header tab button.flat {
padding: 0; padding: 0;
@ -2545,7 +2545,7 @@ scrollbar {
border-left: 1px solid #0d0e11; } border-left: 1px solid #0d0e11; }
scrollbar:backdrop { scrollbar:backdrop {
background-color: #272a34; background-color: #272a34;
border-color: #111217; border-color: #16171d;
transition: 200ms ease-out; } transition: 200ms ease-out; }
scrollbar slider { scrollbar slider {
min-width: 6px; min-width: 6px;
@ -2696,8 +2696,8 @@ switch {
text-shadow: none; } text-shadow: none; }
switch:backdrop { switch:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-color: #1c1f26; background-color: #1e2028;
text-shadow: none; text-shadow: none;
transition: 200ms ease-out; } transition: 200ms ease-out; }
switch:backdrop:checked { switch:backdrop:checked {
@ -2705,7 +2705,7 @@ switch {
background-color: #2777ff; } background-color: #2777ff; }
switch:backdrop:disabled { switch:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-color: #242731; } background-color: #242731; }
switch slider { switch slider {
margin: -1px; margin: -1px;
@ -2742,7 +2742,7 @@ switch {
switch:backdrop slider { switch:backdrop slider {
transition: 200ms ease-out; transition: 200ms ease-out;
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#23252e); background-image: image(#23252e);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -2751,7 +2751,7 @@ switch {
border-color: #00215a; } border-color: #00215a; }
switch:backdrop:disabled slider { switch:backdrop:disabled slider {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -3101,8 +3101,8 @@ progressbar trough, scale fill, scale trough {
progressbar trough:disabled, scale fill:disabled, scale trough:disabled { progressbar trough:disabled, scale fill:disabled, scale trough:disabled {
background-color: #242731; } background-color: #242731; }
progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop {
background-color: #1c1f26; background-color: #1e2028;
border-color: #111217; border-color: #16171d;
transition: 200ms ease-out; } transition: 200ms ease-out; }
progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled {
background-color: #242731; } background-color: #242731; }
@ -3202,14 +3202,14 @@ scale {
scale slider:backdrop { scale slider:backdrop {
transition: 200ms ease-out; transition: 200ms ease-out;
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#23252e); background-image: image(#23252e);
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); }
scale slider:backdrop:disabled { scale slider:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -3810,7 +3810,7 @@ levelbar trough {
box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); }
levelbar trough:backdrop { levelbar trough:backdrop {
color: #d4d5d7; color: #d4d5d7;
border-color: #111217; border-color: #16171d;
background-color: #292c37; background-color: #292c37;
box-shadow: none; } box-shadow: none; }
@ -3848,7 +3848,7 @@ printdialog paper {
padding: 0; } padding: 0; }
printdialog paper:backdrop { printdialog paper:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; } border-color: #16171d; }
printdialog .dialog-action-box { printdialog .dialog-action-box {
margin: 12px; } margin: 12px; }
@ -3868,13 +3868,13 @@ frame > border,
border-style: none; } border-style: none; }
frame > border:backdrop, frame > border:backdrop,
.frame:backdrop { .frame:backdrop {
border-color: #111217; } border-color: #16171d; }
actionbar > revealer > box { actionbar > revealer > box {
padding: 6px; padding: 6px;
border-top: 1px solid #0d0e11; } border-top: 1px solid #0d0e11; }
actionbar > revealer > box:backdrop { actionbar > revealer > box:backdrop {
border-color: #111217; } border-color: #16171d; }
scrolledwindow viewport.frame { scrolledwindow viewport.frame {
border-style: none; } border-style: none; }
@ -3888,7 +3888,7 @@ scrolledwindow overshoot.top {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.top:backdrop { scrolledwindow overshoot.top:backdrop {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
background-size: 100% 5%; background-size: 100% 5%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center top; background-position: center top;
@ -3905,7 +3905,7 @@ scrolledwindow overshoot.bottom {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.bottom:backdrop { scrolledwindow overshoot.bottom:backdrop {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
background-size: 100% 5%; background-size: 100% 5%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center bottom; background-position: center bottom;
@ -3922,7 +3922,7 @@ scrolledwindow overshoot.left {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.left:backdrop { scrolledwindow overshoot.left:backdrop {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
background-size: 5% 100%; background-size: 5% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
@ -3939,7 +3939,7 @@ scrolledwindow overshoot.right {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.right:backdrop { scrolledwindow overshoot.right:backdrop {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
background-size: 5% 100%; background-size: 5% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right center; background-position: right center;
@ -3954,7 +3954,7 @@ scrolledwindow junction {
scrolledwindow junction:dir(rtl) { scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; } border-image-slice: 0 1 0 0; }
scrolledwindow junction:backdrop { scrolledwindow junction:backdrop {
border-image-source: linear-gradient(to bottom, #111217 1px, transparent 1px); border-image-source: linear-gradient(to bottom, #16171d 1px, transparent 1px);
background-color: #272a34; background-color: #272a34;
transition: 200ms ease-out; } transition: 200ms ease-out; }
@ -3973,7 +3973,7 @@ list {
list:backdrop { list:backdrop {
color: #d4d5d7; color: #d4d5d7;
background-color: #292c37; background-color: #292c37;
border-color: #111217; } border-color: #16171d; }
list row { list row {
padding: 2px; } padding: 2px; }
@ -4058,7 +4058,7 @@ calendar {
color: #43495a; } color: #43495a; }
calendar:backdrop { calendar:backdrop {
color: #d4d5d7; color: #d4d5d7;
border-color: #111217; } border-color: #16171d; }
calendar:indeterminate { calendar:indeterminate {
color: alpha(currentColor,0.1); } color: alpha(currentColor,0.1); }
@ -4094,7 +4094,7 @@ messagedialog.csd .dialog-action-area button {
filechooser .dialog-action-box { filechooser .dialog-action-box {
border-top: 1px solid #0d0e11; } border-top: 1px solid #0d0e11; }
filechooser .dialog-action-box:backdrop { filechooser .dialog-action-box:backdrop {
border-top-color: #111217; } border-top-color: #16171d; }
filechooser #pathbarbox { filechooser #pathbarbox {
border-bottom: 1px solid #23252e; } border-bottom: 1px solid #23252e; }
@ -4117,7 +4117,7 @@ filechooserbutton:drop(active) {
border-right-style: none; } border-right-style: none; }
.sidebar:backdrop { .sidebar:backdrop {
background-color: #262933; background-color: #262933;
border-color: #111217; border-color: #16171d;
transition: 200ms ease-out; } transition: 200ms ease-out; }
.sidebar list { .sidebar list {
background-color: transparent; } background-color: transparent; }
@ -4135,7 +4135,7 @@ stacksidebar row {
separator.sidebar { separator.sidebar {
background-color: #0d0e11; } background-color: #0d0e11; }
separator.sidebar:backdrop { separator.sidebar:backdrop {
background-color: #111217; } background-color: #16171d; }
separator.sidebar.selection-mode, .selection-mode separator.sidebar { separator.sidebar.selection-mode, .selection-mode separator.sidebar {
background-color: #0047c0; } background-color: #0047c0; }
@ -4226,7 +4226,7 @@ paned > separator {
paned > separator:selected { paned > separator:selected {
background-image: image(#2777ff); } background-image: image(#2777ff); }
paned > separator:backdrop { paned > separator:backdrop {
background-image: image(#111217); } background-image: image(#16171d); }
paned > separator.wide { paned > separator.wide {
min-width: 5px; min-width: 5px;
min-height: 5px; min-height: 5px;
@ -4235,7 +4235,7 @@ paned > separator {
background-size: 1px 1px, 1px 1px; } background-size: 1px 1px, 1px 1px; }
paned > separator.wide:backdrop { paned > separator.wide:backdrop {
background-color: #23252e; background-color: #23252e;
background-image: image(#111217), image(#111217); } background-image: image(#16171d), image(#16171d); }
paned.horizontal > separator { paned.horizontal > separator {
background-repeat: repeat-y; } background-repeat: repeat-y; }
@ -4316,7 +4316,7 @@ infobar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#23252e); background-image: image(#23252e);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -4324,7 +4324,7 @@ infobar {
border-color: #0d0e11; } border-color: #0d0e11; }
infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -4450,7 +4450,7 @@ colorswatch#add-color-button {
background-image: linear-gradient(to top, #20232b, #252831 1px); } background-image: linear-gradient(to top, #20232b, #252831 1px); }
colorswatch#add-color-button overlay:backdrop { colorswatch#add-color-button overlay:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#23252e); background-image: image(#23252e);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -5124,7 +5124,7 @@ switch {
box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.6); } box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.6); }
switch:backdrop, switch:disabled { switch:backdrop, switch:disabled {
box-shadow: none; box-shadow: none;
border-color: #111217; } border-color: #16171d; }
switch slider { switch slider {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
@ -5139,9 +5139,9 @@ switch {
switch slider:checked { switch slider:checked {
border-color: black; } border-color: black; }
switch slider:checked:backdrop:not(:disabled) { switch slider:checked:backdrop:not(:disabled) {
border-color: #111217; } border-color: #16171d; }
switch slider:disabled { switch slider:disabled {
border-color: #111217; } border-color: #16171d; }
switch:hover slider { switch:hover slider {
border-color: #2777ff; } border-color: #2777ff; }
@ -5718,7 +5718,7 @@ widgets main borders color */
@define-color borders #0d0e11; @define-color borders #0d0e11;
/* /*
widgets main borders color on backdrop windows */ widgets main borders color on backdrop windows */
@define-color unfocused_borders #111217; @define-color unfocused_borders #16171d;
/* /*
these are pretty self explicative */ these are pretty self explicative */
@define-color warning_color #fd7d00; @define-color warning_color #fd7d00;

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

@ -146,7 +146,7 @@ assistant .sidebar {
border-top: 1px solid #0d0e11; } border-top: 1px solid #0d0e11; }
assistant .sidebar:backdrop { assistant .sidebar:backdrop {
background-color: #292c37; background-color: #292c37;
border-color: #111217; } border-color: #16171d; }
assistant.csd .sidebar { assistant.csd .sidebar {
border-top-style: none; } border-top-style: none; }
@ -273,14 +273,14 @@ entry {
spinbutton:backdrop:not(.vertical), spinbutton:backdrop:not(.vertical),
entry:backdrop { entry:backdrop {
color: #d4d5d7; color: #d4d5d7;
border-color: #111217; border-color: #16171d;
background-color: #292c37; background-color: #292c37;
box-shadow: none; box-shadow: none;
transition: 200ms ease-out; } transition: 200ms ease-out; }
spinbutton:backdrop:disabled:not(.vertical), spinbutton:backdrop:disabled:not(.vertical),
entry:backdrop:disabled { entry:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-color: #242731; background-color: #242731;
box-shadow: none; } box-shadow: none; }
spinbutton.error:not(.vertical), spinbutton.error:not(.vertical),
@ -381,7 +381,7 @@ entry progress {
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
border-top-color: #1f222a; } border-top-color: #1f222a; }
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
border-top-color: #22242d; } border-top-color: #23262f; }
.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled {
border-top-color: #1f222a; } border-top-color: #1f222a; }
@ -538,7 +538,7 @@ button {
button.flat:backdrop, button.flat:backdrop,
button:backdrop { button:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#23252e); background-image: image(#23252e);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -551,14 +551,14 @@ button {
button:backdrop:active, button:backdrop:active,
button:backdrop:checked { button:backdrop:checked {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#1a1d23); background-image: image(#1a1d23);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled,
button.flat:backdrop:disabled, button.flat:backdrop:disabled,
button:backdrop:disabled { button:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -569,7 +569,7 @@ button {
button:backdrop:disabled:active, button:backdrop:disabled:active,
button:backdrop:disabled:checked { button:backdrop:disabled:checked {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#1a1d23); background-image: image(#1a1d23);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled,
@ -857,7 +857,7 @@ button.suggested-action {
button.suggested-action:backdrop:disabled, button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled { button.suggested-action.flat:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -1007,7 +1007,7 @@ button.destructive-action {
button.destructive-action:backdrop:disabled, button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled { button.destructive-action.flat:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -1220,26 +1220,26 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop { .inline-toolbar toolbutton > button:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#23252e); background-image: image(#23252e);
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); }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#1a1d23); background-image: image(#1a1d23);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled { .inline-toolbar toolbutton > button:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
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); }
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#1a1d23); background-image: image(#1a1d23);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -1461,7 +1461,7 @@ spinbutton {
spinbutton:not(.vertical) button:backdrop { spinbutton:not(.vertical) button:backdrop {
color: #7f8184; color: #7f8184;
background-color: transparent; background-color: transparent;
border-color: rgba(17, 18, 23, 0.3); border-color: rgba(22, 23, 29, 0.3);
transition: 200ms ease-out; } transition: 200ms ease-out; }
spinbutton:not(.vertical) button:backdrop:disabled { spinbutton:not(.vertical) button:backdrop:disabled {
color: rgba(67, 73, 90, 0.3); color: rgba(67, 73, 90, 0.3);
@ -1665,8 +1665,8 @@ searchbar > revealer > box {
background-color: #1c1e25; } background-color: #1c1e25; }
.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .inline-toolbar:backdrop, searchbar > revealer > box:backdrop,
.location-bar:backdrop { .location-bar:backdrop {
border-color: #111217; border-color: #16171d;
background-color: #1c1f26; background-color: #1e2028;
box-shadow: none; box-shadow: none;
transition: 200ms ease-out; } transition: 200ms ease-out; }
@ -1687,7 +1687,7 @@ headerbar {
/* hide the close button separator */ } /* hide the close button separator */ }
.titlebar:backdrop:not(headerbar), .titlebar:backdrop:not(headerbar),
headerbar:backdrop { headerbar:backdrop {
border-color: #111217; border-color: #16171d;
background-color: #23252e; background-color: #23252e;
background-image: none; background-image: none;
box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
@ -1714,7 +1714,7 @@ headerbar {
headerbar stackswitcher button:checked:backdrop, headerbar stackswitcher button:checked:backdrop,
headerbar button.toggle:checked:backdrop { headerbar button.toggle:checked:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#1a1d23); background-image: image(#1a1d23);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar,
@ -1881,7 +1881,7 @@ headerbar {
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop { headerbar.selection-mode button.suggested-action:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#23252e); background-image: image(#23252e);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -1890,7 +1890,7 @@ headerbar {
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled { headerbar.selection-mode button.suggested-action:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -2351,8 +2351,8 @@ notebook > header {
border-width: 1px; border-width: 1px;
background-color: #1b1d24; } background-color: #1b1d24; }
notebook > header:backdrop { notebook > header:backdrop {
border-color: #111217; border-color: #16171d;
background-color: #1c1f26; } background-color: #1e2028; }
notebook > header tabs { notebook > header tabs {
margin: -1px; } margin: -1px; }
notebook > header.top { notebook > header.top {
@ -2468,7 +2468,7 @@ notebook > header {
notebook > header tab:backdrop:checked { notebook > header tab:backdrop:checked {
color: #888a8d; } color: #888a8d; }
notebook > header tab.reorderable-page:backdrop:checked { notebook > header tab.reorderable-page:backdrop:checked {
border-color: #111217; border-color: #16171d;
background-color: #23252e; } background-color: #23252e; }
notebook > header tab button.flat { notebook > header tab button.flat {
padding: 0; padding: 0;
@ -2545,7 +2545,7 @@ scrollbar {
border-left: 1px solid #0d0e11; } border-left: 1px solid #0d0e11; }
scrollbar:backdrop { scrollbar:backdrop {
background-color: #272a34; background-color: #272a34;
border-color: #111217; border-color: #16171d;
transition: 200ms ease-out; } transition: 200ms ease-out; }
scrollbar slider { scrollbar slider {
min-width: 6px; min-width: 6px;
@ -2696,8 +2696,8 @@ switch {
text-shadow: none; } text-shadow: none; }
switch:backdrop { switch:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-color: #1c1f26; background-color: #1e2028;
text-shadow: none; text-shadow: none;
transition: 200ms ease-out; } transition: 200ms ease-out; }
switch:backdrop:checked { switch:backdrop:checked {
@ -2705,7 +2705,7 @@ switch {
background-color: #2777ff; } background-color: #2777ff; }
switch:backdrop:disabled { switch:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-color: #242731; } background-color: #242731; }
switch slider { switch slider {
margin: -1px; margin: -1px;
@ -2742,7 +2742,7 @@ switch {
switch:backdrop slider { switch:backdrop slider {
transition: 200ms ease-out; transition: 200ms ease-out;
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#23252e); background-image: image(#23252e);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -2751,7 +2751,7 @@ switch {
border-color: #00215a; } border-color: #00215a; }
switch:backdrop:disabled slider { switch:backdrop:disabled slider {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -3101,8 +3101,8 @@ progressbar trough, scale fill, scale trough {
progressbar trough:disabled, scale fill:disabled, scale trough:disabled { progressbar trough:disabled, scale fill:disabled, scale trough:disabled {
background-color: #242731; } background-color: #242731; }
progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop {
background-color: #1c1f26; background-color: #1e2028;
border-color: #111217; border-color: #16171d;
transition: 200ms ease-out; } transition: 200ms ease-out; }
progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled {
background-color: #242731; } background-color: #242731; }
@ -3202,14 +3202,14 @@ scale {
scale slider:backdrop { scale slider:backdrop {
transition: 200ms ease-out; transition: 200ms ease-out;
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#23252e); background-image: image(#23252e);
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); }
scale slider:backdrop:disabled { scale slider:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -3810,7 +3810,7 @@ levelbar trough {
box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); }
levelbar trough:backdrop { levelbar trough:backdrop {
color: #d4d5d7; color: #d4d5d7;
border-color: #111217; border-color: #16171d;
background-color: #292c37; background-color: #292c37;
box-shadow: none; } box-shadow: none; }
@ -3848,7 +3848,7 @@ printdialog paper {
padding: 0; } padding: 0; }
printdialog paper:backdrop { printdialog paper:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; } border-color: #16171d; }
printdialog .dialog-action-box { printdialog .dialog-action-box {
margin: 12px; } margin: 12px; }
@ -3868,13 +3868,13 @@ frame > border,
border-style: none; } border-style: none; }
frame > border:backdrop, frame > border:backdrop,
.frame:backdrop { .frame:backdrop {
border-color: #111217; } border-color: #16171d; }
actionbar > revealer > box { actionbar > revealer > box {
padding: 6px; padding: 6px;
border-top: 1px solid #0d0e11; } border-top: 1px solid #0d0e11; }
actionbar > revealer > box:backdrop { actionbar > revealer > box:backdrop {
border-color: #111217; } border-color: #16171d; }
scrolledwindow viewport.frame { scrolledwindow viewport.frame {
border-style: none; } border-style: none; }
@ -3888,7 +3888,7 @@ scrolledwindow overshoot.top {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.top:backdrop { scrolledwindow overshoot.top:backdrop {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
background-size: 100% 5%; background-size: 100% 5%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center top; background-position: center top;
@ -3905,7 +3905,7 @@ scrolledwindow overshoot.bottom {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.bottom:backdrop { scrolledwindow overshoot.bottom:backdrop {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
background-size: 100% 5%; background-size: 100% 5%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center bottom; background-position: center bottom;
@ -3922,7 +3922,7 @@ scrolledwindow overshoot.left {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.left:backdrop { scrolledwindow overshoot.left:backdrop {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
background-size: 5% 100%; background-size: 5% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
@ -3939,7 +3939,7 @@ scrolledwindow overshoot.right {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.right:backdrop { scrolledwindow overshoot.right:backdrop {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
background-size: 5% 100%; background-size: 5% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right center; background-position: right center;
@ -3954,7 +3954,7 @@ scrolledwindow junction {
scrolledwindow junction:dir(rtl) { scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; } border-image-slice: 0 1 0 0; }
scrolledwindow junction:backdrop { scrolledwindow junction:backdrop {
border-image-source: linear-gradient(to bottom, #111217 1px, transparent 1px); border-image-source: linear-gradient(to bottom, #16171d 1px, transparent 1px);
background-color: #272a34; background-color: #272a34;
transition: 200ms ease-out; } transition: 200ms ease-out; }
@ -3973,7 +3973,7 @@ list {
list:backdrop { list:backdrop {
color: #d4d5d7; color: #d4d5d7;
background-color: #292c37; background-color: #292c37;
border-color: #111217; } border-color: #16171d; }
list row { list row {
padding: 2px; } padding: 2px; }
@ -4058,7 +4058,7 @@ calendar {
color: #43495a; } color: #43495a; }
calendar:backdrop { calendar:backdrop {
color: #d4d5d7; color: #d4d5d7;
border-color: #111217; } border-color: #16171d; }
calendar:indeterminate { calendar:indeterminate {
color: alpha(currentColor,0.1); } color: alpha(currentColor,0.1); }
@ -4094,7 +4094,7 @@ messagedialog.csd .dialog-action-area button {
filechooser .dialog-action-box { filechooser .dialog-action-box {
border-top: 1px solid #0d0e11; } border-top: 1px solid #0d0e11; }
filechooser .dialog-action-box:backdrop { filechooser .dialog-action-box:backdrop {
border-top-color: #111217; } border-top-color: #16171d; }
filechooser #pathbarbox { filechooser #pathbarbox {
border-bottom: 1px solid #23252e; } border-bottom: 1px solid #23252e; }
@ -4117,7 +4117,7 @@ filechooserbutton:drop(active) {
border-right-style: none; } border-right-style: none; }
.sidebar:backdrop { .sidebar:backdrop {
background-color: #262933; background-color: #262933;
border-color: #111217; border-color: #16171d;
transition: 200ms ease-out; } transition: 200ms ease-out; }
.sidebar list { .sidebar list {
background-color: transparent; } background-color: transparent; }
@ -4135,7 +4135,7 @@ stacksidebar row {
separator.sidebar { separator.sidebar {
background-color: #0d0e11; } background-color: #0d0e11; }
separator.sidebar:backdrop { separator.sidebar:backdrop {
background-color: #111217; } background-color: #16171d; }
separator.sidebar.selection-mode, .selection-mode separator.sidebar { separator.sidebar.selection-mode, .selection-mode separator.sidebar {
background-color: #0047c0; } background-color: #0047c0; }
@ -4226,7 +4226,7 @@ paned > separator {
paned > separator:selected { paned > separator:selected {
background-image: image(#2777ff); } background-image: image(#2777ff); }
paned > separator:backdrop { paned > separator:backdrop {
background-image: image(#111217); } background-image: image(#16171d); }
paned > separator.wide { paned > separator.wide {
min-width: 5px; min-width: 5px;
min-height: 5px; min-height: 5px;
@ -4235,7 +4235,7 @@ paned > separator {
background-size: 1px 1px, 1px 1px; } background-size: 1px 1px, 1px 1px; }
paned > separator.wide:backdrop { paned > separator.wide:backdrop {
background-color: #23252e; background-color: #23252e;
background-image: image(#111217), image(#111217); } background-image: image(#16171d), image(#16171d); }
paned.horizontal > separator { paned.horizontal > separator {
background-repeat: repeat-y; } background-repeat: repeat-y; }
@ -4316,7 +4316,7 @@ infobar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#23252e); background-image: image(#23252e);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -4324,7 +4324,7 @@ infobar {
border-color: #0d0e11; } border-color: #0d0e11; }
infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled {
color: #43495a; color: #43495a;
border-color: #111217; border-color: #16171d;
background-image: image(#242731); background-image: image(#242731);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -4450,7 +4450,7 @@ colorswatch#add-color-button {
background-image: linear-gradient(to top, #20232b, #252831 1px); } background-image: linear-gradient(to top, #20232b, #252831 1px); }
colorswatch#add-color-button overlay:backdrop { colorswatch#add-color-button overlay:backdrop {
color: #888a8d; color: #888a8d;
border-color: #111217; border-color: #16171d;
background-image: image(#23252e); background-image: image(#23252e);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@ -5124,7 +5124,7 @@ switch {
box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.6); } box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.6); }
switch:backdrop, switch:disabled { switch:backdrop, switch:disabled {
box-shadow: none; box-shadow: none;
border-color: #111217; } border-color: #16171d; }
switch slider { switch slider {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
@ -5139,9 +5139,9 @@ switch {
switch slider:checked { switch slider:checked {
border-color: black; } border-color: black; }
switch slider:checked:backdrop:not(:disabled) { switch slider:checked:backdrop:not(:disabled) {
border-color: #111217; } border-color: #16171d; }
switch slider:disabled { switch slider:disabled {
border-color: #111217; } border-color: #16171d; }
switch:hover slider { switch:hover slider {
border-color: #2777ff; } border-color: #2777ff; }
@ -5718,7 +5718,7 @@ widgets main borders color */
@define-color borders #0d0e11; @define-color borders #0d0e11;
/* /*
widgets main borders color on backdrop windows */ widgets main borders color on backdrop windows */
@define-color unfocused_borders #111217; @define-color unfocused_borders #16171d;
/* /*
these are pretty self explicative */ these are pretty self explicative */
@define-color warning_color #fd7d00; @define-color warning_color #fd7d00;

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

@ -61,7 +61,7 @@ $backdrop_bg_color: $bg_color;
$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%); $backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%);
$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); $backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%));
$backdrop_selected_fg_color: if($variant == 'light', $backdrop_base_color, $backdrop_text_color); $backdrop_selected_fg_color: if($variant == 'light', $backdrop_base_color, $backdrop_text_color);
$backdrop_borders_color: mix($borders_color, $bg_color, 80%); $backdrop_borders_color: mix($borders_color, $bg_color, if($variant == 'light', 80%, 60%));
$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%); $backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%);
$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%); $backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%);