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

GTK3: Lighten OSD background color

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2020-06-01 12:09:59 +02:00
parent 929a929ac2
commit 4565e29f5f
6 changed files with 187 additions and 187 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -30,14 +30,14 @@ stage {
.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
color: white;
background-color: #272a34;
background-color: #303340;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 14px;
padding: 12px; }
.workspace-thumbnails, #dash {
color: white;
background-color: rgba(39, 42, 52, 0.8);
background-color: rgba(48, 51, 64, 0.8);
border: 1px solid rgba(255, 255, 255, 0.1); }
.show-apps .overview-icon, .app-well-app .overview-icon,
@ -1240,7 +1240,7 @@ StScrollBar {
.window-caption {
color: white;
background-color: #272a34;
background-color: #303340;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 6px;
padding: 6px 12px;
@ -1301,7 +1301,7 @@ StScrollBar {
background-color: transparent; }
.search-section-content {
background-color: rgba(50, 54, 67, 0.8);
background-color: rgba(59, 63, 78, 0.8);
border-radius: 13px;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
@ -1315,7 +1315,7 @@ StScrollBar {
transition-duration: 200ms; }
.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
background-color: rgba(17, 18, 23, 0.9); }
background-color: rgba(26, 28, 35, 0.9); }
.search-provider-icon .list-search-provider-content {
spacing: 12px; }
@ -1365,7 +1365,7 @@ StScrollBar {
.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(17, 18, 23, 0.5); }
background-color: rgba(26, 28, 35, 0.5); }
.app-well-app .overview-icon.overview-icon-with-label,
.grid-search-result .overview-icon.overview-icon-with-label {
@ -1376,14 +1376,14 @@ StScrollBar {
/* App Folders */
.app-well-app.app-folder {
background-color: rgba(39, 42, 52, 0.2);
background-color: rgba(48, 51, 64, 0.2);
border-radius: 9px; }
.app-folder-dialog {
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.1);
spacing: 12px;
background-color: rgba(17, 18, 23, 0.95); }
background-color: rgba(26, 28, 35, 0.95); }
.app-folder-dialog .folder-name-container {
padding: 24px 36px 0;
spacing: 12px;
@ -1498,7 +1498,7 @@ StScrollBar {
padding: 5px 10px; }
.dash-label {
background-color: rgba(39, 42, 52, 0.95);
background-color: rgba(48, 51, 64, 0.95);
border-radius: 7px;
border: none;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
@ -1520,10 +1520,10 @@ StScrollBar {
background-color: rgba(39, 119, 255, 0.85); }
.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
background-color: rgba(17, 18, 23, 0.5); }
background-color: rgba(26, 28, 35, 0.5); }
.show-apps:focus .overview-icon, .show-apps:checked .overview-icon {
background-color: #111217;
background-color: #1a1c23;
color: #eeeeec; }
/* Workspace pager */
@ -1676,22 +1676,22 @@ StScrollBar {
border-color: black; }
.keyboard-key.default-key {
color: #eeeeec;
background-color: #323643;
border-color: #23252e;
background-color: #3b3f4e;
border-color: #2b2f3a;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
.keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
color: #eeeeec;
background-color: #363a48;
border-color: #23252e;
background-color: #3f4454;
border-color: #2b2f3a;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
.keyboard-key.default-key:active {
color: #eeeeec;
background-color: #252831;
border-color: #13151a;
background-color: #2e313d;
border-color: #1c1e25;
text-shadow: none;
icon-shadow: none;
box-shadow: none; }
@ -1724,9 +1724,9 @@ StScrollBar {
.keyboard-subkeys {
color: white;
-arrow-border-radius: 10px;
-arrow-background-color: #272a34;
-arrow-background-color: #303340;
-arrow-border-width: 1px;
-arrow-border-color: #3b3f4e;
-arrow-border-color: #43495a;
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 6px; }
@ -1774,7 +1774,7 @@ StScrollBar {
/* Looking Glass */
#LookingGlassDialog {
background-color: #272a34;
background-color: #303340;
spacing: 6px;
padding: 4px;
border: 1px solid rgba(255, 255, 255, 0.2);
@ -1783,7 +1783,7 @@ StScrollBar {
#LookingGlassDialog > #Toolbar {
border: none;
border-radius: 5px;
background-color: #272a34; }
background-color: #303340; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
@ -1808,7 +1808,7 @@ StScrollBar {
spacing: 6px; }
.lg-dialog StEntry {
background-color: rgba(50, 54, 67, 0.6);
background-color: rgba(59, 63, 78, 0.6);
color: white;
border-color: rgba(255, 255, 255, 0.2);
min-height: 22px;
@ -1845,7 +1845,7 @@ StScrollBar {
.lg-extension {
border: 1px solid #0d0d0d;
background-color: #323643;
background-color: #3b3f4e;
border-radius: 5px;
padding: 4px; }
@ -1856,7 +1856,7 @@ StScrollBar {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #272a34;
background: #303340;
border: 1px solid black;
border-radius: 5px;
padding: 6px; }
@ -2074,12 +2074,12 @@ StScrollBar {
.unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 6px;
border: none;
background-color: rgba(39, 42, 52, 0.3);
background-color: rgba(48, 51, 64, 0.3);
color: white;
border-radius: 10px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(39, 42, 52, 0.9); }
background-color: rgba(48, 51, 64, 0.9); }
.unlock-dialog-notification-label {
padding: 0px 0px 0px 12px; }
@ -2087,7 +2087,7 @@ StScrollBar {
.unlock-dialog-notification-count-text {
weight: bold;
padding: 0 6px;
color: #272a34;
color: #303340;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 99px;
margin-right: 12px; }

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

@ -158,7 +158,7 @@ assistant .sidebar label.highlight {
.osd {
color: white;
border: none;
background-color: #272a34;
background-color: #303340;
background-clip: padding-box;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
@ -344,9 +344,9 @@ entry {
text-shadow: none;
-gtk-icon-shadow: none; }
.osd spinbutton:disabled:not(.vertical), .osd entry:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: rgba(61, 63, 72, 0.5);
background-color: rgba(68, 72, 83, 0.5);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -628,7 +628,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -644,7 +644,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#414657);
background-image: image(#4a5063);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -669,10 +669,10 @@ button.osd {
button.osd:disabled:backdrop,
button.osd:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -683,7 +683,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -695,7 +695,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -705,7 +705,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#414657);
background-image: image(#4a5063);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -722,10 +722,10 @@ button.osd {
-gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); }
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -734,7 +734,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -753,17 +753,17 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#414657);
background-image: image(#4a5063);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3); }
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -921,10 +921,10 @@ button.suggested-action {
-gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); }
.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1071,10 +1071,10 @@ button.destructive-action {
-gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); }
.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1520,7 +1520,7 @@ spinbutton {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #93959a;
color: #97999f;
border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }
@ -1554,7 +1554,7 @@ spinbutton {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -1564,7 +1564,7 @@ spinbutton {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#414657);
background-image: image(#4a5063);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -1581,10 +1581,10 @@ spinbutton {
-gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); }
.osd spinbutton.vertical button:first-child:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1593,7 +1593,7 @@ spinbutton {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1634,7 +1634,7 @@ toolbar {
padding: 13px;
border: none;
border-radius: 5px;
background-color: #272a34; }
background-color: #303340; }
toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
border-radius: 0; }
toolbar.horizontal separator {
@ -2989,7 +2989,7 @@ radio {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -2999,7 +2999,7 @@ radio {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -3019,16 +3019,16 @@ radio {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd check:disabled, .osd radio:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -3112,7 +3112,7 @@ progressbar trough, scale fill, scale trough {
border-color: black;
background-color: rgba(0, 0, 0, 0.8); }
.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled {
background-color: rgba(61, 63, 72, 0.5); }
background-color: rgba(68, 72, 83, 0.5); }
progressbar progress, scale highlight {
border: 1px solid #00348d;
@ -3220,25 +3220,25 @@ scale {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3);
border-color: black;
background-color: #272a34; }
background-color: #303340; }
.osd scale slider:hover {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#414657);
background-image: image(#4a5063);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #272a34; }
background-color: #303340; }
.osd scale slider:active {
color: white;
border-color: black;
@ -3249,29 +3249,29 @@ scale {
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #272a34; }
background-color: #303340; }
.osd scale slider:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
background-color: #272a34; }
background-color: #303340; }
.osd scale slider:backdrop {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
background-color: #272a34; }
background-color: #303340; }
.osd scale slider:backdrop:disabled {
background-color: #272a34; }
background-color: #303340; }
scale marks,
scale value {
color: alpha(currentColor,0.55);
@ -4003,7 +4003,7 @@ row {
.app-notification.frame {
padding: 10px;
border-radius: 0 0 5px 5px;
background-color: #272a34;
background-color: #303340;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
background-clip: padding-box; }
.app-notification:backdrop,

48
share/themes/Kali-Light/gnome-shell/gnome-shell.css
View File

@ -30,14 +30,14 @@ stage {
.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
color: white;
background-color: #272a34;
background-color: #303340;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 14px;
padding: 12px; }
.workspace-thumbnails, #dash {
color: white;
background-color: rgba(39, 42, 52, 0.8);
background-color: rgba(48, 51, 64, 0.8);
border: 1px solid rgba(255, 255, 255, 0.1); }
.show-apps .overview-icon, .app-well-app .overview-icon,
@ -1239,7 +1239,7 @@ StScrollBar {
.window-caption {
color: white;
background-color: #272a34;
background-color: #303340;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 6px;
padding: 6px 12px;
@ -1300,7 +1300,7 @@ StScrollBar {
background-color: transparent; }
.search-section-content {
background-color: rgba(50, 54, 67, 0.8);
background-color: rgba(59, 63, 78, 0.8);
border-radius: 13px;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
@ -1314,7 +1314,7 @@ StScrollBar {
transition-duration: 200ms; }
.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
background-color: rgba(17, 18, 23, 0.9); }
background-color: rgba(26, 28, 35, 0.9); }
.search-provider-icon .list-search-provider-content {
spacing: 12px; }
@ -1364,7 +1364,7 @@ StScrollBar {
.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(17, 18, 23, 0.5); }
background-color: rgba(26, 28, 35, 0.5); }
.app-well-app .overview-icon.overview-icon-with-label,
.grid-search-result .overview-icon.overview-icon-with-label {
@ -1375,14 +1375,14 @@ StScrollBar {
/* App Folders */
.app-well-app.app-folder {
background-color: rgba(39, 42, 52, 0.2);
background-color: rgba(48, 51, 64, 0.2);
border-radius: 9px; }
.app-folder-dialog {
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.1);
spacing: 12px;
background-color: rgba(17, 18, 23, 0.95); }
background-color: rgba(26, 28, 35, 0.95); }
.app-folder-dialog .folder-name-container {
padding: 24px 36px 0;
spacing: 12px;
@ -1497,7 +1497,7 @@ StScrollBar {
padding: 5px 10px; }
.dash-label {
background-color: rgba(39, 42, 52, 0.95);
background-color: rgba(48, 51, 64, 0.95);
border-radius: 7px;
border: none;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
@ -1519,10 +1519,10 @@ StScrollBar {
background-color: rgba(39, 119, 255, 0.85); }
.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
background-color: rgba(17, 18, 23, 0.5); }
background-color: rgba(26, 28, 35, 0.5); }
.show-apps:focus .overview-icon, .show-apps:checked .overview-icon {
background-color: #111217;
background-color: #1a1c23;
color: #5c616c; }
/* Workspace pager */
@ -1675,21 +1675,21 @@ StScrollBar {
border-color: black; }
.keyboard-key.default-key {
color: #5c616c;
background-color: #16171d;
background-color: #1e2128;
border-color: black;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }
.keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
color: #5c616c;
background-color: #20232b;
background-color: #292c37;
border-color: black;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }
.keyboard-key.default-key:active {
color: #5c616c;
background-color: #08090b;
background-color: #111217;
border-color: black;
text-shadow: none;
icon-shadow: none;
@ -1723,9 +1723,9 @@ StScrollBar {
.keyboard-subkeys {
color: white;
-arrow-border-radius: 10px;
-arrow-background-color: #272a34;
-arrow-background-color: #303340;
-arrow-border-width: 1px;
-arrow-border-color: #3b3f4e;
-arrow-border-color: #43495a;
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 6px; }
@ -1773,7 +1773,7 @@ StScrollBar {
/* Looking Glass */
#LookingGlassDialog {
background-color: #272a34;
background-color: #303340;
spacing: 6px;
padding: 4px;
border: 1px solid rgba(255, 255, 255, 0.2);
@ -1782,7 +1782,7 @@ StScrollBar {
#LookingGlassDialog > #Toolbar {
border: none;
border-radius: 5px;
background-color: #272a34; }
background-color: #303340; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
@ -1807,7 +1807,7 @@ StScrollBar {
spacing: 6px; }
.lg-dialog StEntry {
background-color: rgba(50, 54, 67, 0.6);
background-color: rgba(59, 63, 78, 0.6);
color: white;
border-color: rgba(255, 255, 255, 0.2);
min-height: 22px;
@ -1844,7 +1844,7 @@ StScrollBar {
.lg-extension {
border: 1px solid #0d0d0d;
background-color: #323643;
background-color: #3b3f4e;
border-radius: 5px;
padding: 4px; }
@ -1855,7 +1855,7 @@ StScrollBar {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #272a34;
background: #303340;
border: 1px solid black;
border-radius: 5px;
padding: 6px; }
@ -2070,12 +2070,12 @@ StScrollBar {
.unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 6px;
border: none;
background-color: rgba(39, 42, 52, 0.3);
background-color: rgba(48, 51, 64, 0.3);
color: white;
border-radius: 10px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(39, 42, 52, 0.9); }
background-color: rgba(48, 51, 64, 0.9); }
.unlock-dialog-notification-label {
padding: 0px 0px 0px 12px; }
@ -2083,7 +2083,7 @@ StScrollBar {
.unlock-dialog-notification-count-text {
weight: bold;
padding: 0 6px;
color: #272a34;
color: #303340;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 99px;
margin-right: 12px; }

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

@ -158,7 +158,7 @@ assistant .sidebar label.highlight {
.osd {
color: white;
border: none;
background-color: #272a34;
background-color: #303340;
background-clip: padding-box;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
@ -344,9 +344,9 @@ entry {
text-shadow: none;
-gtk-icon-shadow: none; }
.osd spinbutton:disabled:not(.vertical), .osd entry:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: rgba(61, 63, 72, 0.5);
background-color: rgba(68, 72, 83, 0.5);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -628,7 +628,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -644,7 +644,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#414657);
background-image: image(#4a5063);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -669,10 +669,10 @@ button.osd {
button.osd:disabled:backdrop,
button.osd:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -683,7 +683,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -695,7 +695,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -705,7 +705,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#414657);
background-image: image(#4a5063);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -722,10 +722,10 @@ button.osd {
-gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); }
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -734,7 +734,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -753,17 +753,17 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#414657);
background-image: image(#4a5063);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3); }
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -921,10 +921,10 @@ button.suggested-action {
-gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); }
.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1071,10 +1071,10 @@ button.destructive-action {
-gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); }
.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1520,7 +1520,7 @@ spinbutton {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #93959a;
color: #97999f;
border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }
@ -1554,7 +1554,7 @@ spinbutton {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -1564,7 +1564,7 @@ spinbutton {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#414657);
background-image: image(#4a5063);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -1581,10 +1581,10 @@ spinbutton {
-gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); }
.osd spinbutton.vertical button:first-child:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1593,7 +1593,7 @@ spinbutton {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1634,7 +1634,7 @@ toolbar {
padding: 13px;
border: none;
border-radius: 5px;
background-color: #272a34; }
background-color: #303340; }
toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
border-radius: 0; }
toolbar.horizontal separator {
@ -2989,7 +2989,7 @@ radio {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -2999,7 +2999,7 @@ radio {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -3019,16 +3019,16 @@ radio {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd check:disabled, .osd radio:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -3112,7 +3112,7 @@ progressbar trough, scale fill, scale trough {
border-color: black;
background-color: rgba(0, 0, 0, 0.8); }
.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled {
background-color: rgba(61, 63, 72, 0.5); }
background-color: rgba(68, 72, 83, 0.5); }
progressbar progress, scale highlight {
border: 1px solid #00348d;
@ -3220,25 +3220,25 @@ scale {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3);
border-color: black;
background-color: #272a34; }
background-color: #303340; }
.osd scale slider:hover {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#414657);
background-image: image(#4a5063);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #272a34; }
background-color: #303340; }
.osd scale slider:active {
color: white;
border-color: black;
@ -3249,29 +3249,29 @@ scale {
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #272a34; }
background-color: #303340; }
.osd scale slider:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
background-color: #272a34; }
background-color: #303340; }
.osd scale slider:backdrop {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
background-color: #272a34; }
background-color: #303340; }
.osd scale slider:backdrop:disabled {
background-color: #272a34; }
background-color: #303340; }
scale marks,
scale value {
color: alpha(currentColor,0.55);
@ -4003,7 +4003,7 @@ row {
.app-notification.frame {
padding: 10px;
border-radius: 0 0 5px 5px;
background-color: #272a34;
background-color: #303340;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
background-clip: padding-box; }
.app-notification:backdrop,

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

@ -158,7 +158,7 @@ assistant .sidebar label.highlight {
.osd {
color: white;
border: none;
background-color: #272a34;
background-color: #303340;
background-clip: padding-box;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
@ -344,9 +344,9 @@ entry {
text-shadow: none;
-gtk-icon-shadow: none; }
.osd spinbutton:disabled:not(.vertical), .osd entry:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: rgba(61, 63, 72, 0.5);
background-color: rgba(68, 72, 83, 0.5);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -631,7 +631,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -647,7 +647,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#414657);
background-image: image(#4a5063);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -672,10 +672,10 @@ button.osd {
button.osd:disabled:backdrop,
button.osd:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -686,7 +686,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -698,7 +698,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -708,7 +708,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#414657);
background-image: image(#4a5063);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -725,10 +725,10 @@ button.osd {
-gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); }
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -737,7 +737,7 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -756,17 +756,17 @@ button.osd {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#414657);
background-image: image(#4a5063);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3); }
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -924,10 +924,10 @@ button.suggested-action {
-gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); }
.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1074,10 +1074,10 @@ button.destructive-action {
-gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); }
.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1529,7 +1529,7 @@ spinbutton {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #93959a;
color: #97999f;
border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }
@ -1563,7 +1563,7 @@ spinbutton {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -1573,7 +1573,7 @@ spinbutton {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#414657);
background-image: image(#4a5063);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -1590,10 +1590,10 @@ spinbutton {
-gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); }
.osd spinbutton.vertical button:first-child:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1602,7 +1602,7 @@ spinbutton {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1643,7 +1643,7 @@ toolbar {
padding: 13px;
border: none;
border-radius: 5px;
background-color: #272a34; }
background-color: #303340; }
toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
border-radius: 0; }
toolbar.horizontal separator {
@ -3010,7 +3010,7 @@ radio {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -3020,7 +3020,7 @@ radio {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -3040,16 +3040,16 @@ radio {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd check:disabled, .osd radio:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -3134,7 +3134,7 @@ progressbar trough, scale fill, scale trough {
border-color: black;
background-color: rgba(0, 0, 0, 0.8); }
.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled {
background-color: rgba(61, 63, 72, 0.5); }
background-color: rgba(68, 72, 83, 0.5); }
progressbar progress, scale highlight {
border: 1px solid #0051da;
@ -3242,25 +3242,25 @@ scale {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3);
border-color: black;
background-color: #272a34; }
background-color: #303340; }
.osd scale slider:hover {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#414657);
background-image: image(#4a5063);
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #272a34; }
background-color: #303340; }
.osd scale slider:active {
color: white;
border-color: black;
@ -3271,29 +3271,29 @@ scale {
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #272a34; }
background-color: #303340; }
.osd scale slider:disabled {
color: #93959a;
color: #97999f;
border-color: black;
background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5));
background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
background-color: #272a34; }
background-color: #303340; }
.osd scale slider:backdrop {
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
background-image: image(#303340);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
background-color: #272a34; }
background-color: #303340; }
.osd scale slider:backdrop:disabled {
background-color: #272a34; }
background-color: #303340; }
scale marks,
scale value {
color: alpha(currentColor,0.55);
@ -4025,7 +4025,7 @@ row {
.app-notification.frame {
padding: 10px;
border-radius: 0 0 5px 5px;
background-color: #272a34;
background-color: #303340;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
background-clip: padding-box; }
.app-notification:backdrop,

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

@ -35,7 +35,7 @@ $destructive_color: if($variant == 'light', #d41919, darken(#d41919, 10%));
$osd_fg_color: white;
$osd_text_color: white;
$osd_bg_color: $_dark_base_color;
$osd_bg_color: lighten($_dark_base_color, 4%);
$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%);
$osd_borders_color: black;