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

GTK3: improve app notification design

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2020-03-06 19:06:48 +01:00
parent 7ea97e34c7
commit ab85da4e8e
7 changed files with 377 additions and 377 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1299,15 +1299,15 @@ StScrollBar {
spacing: 30px; }
.list-search-result-title {
color: #e2e2df;
color: #f2f2f2;
spacing: 12px; }
.list-search-result-description {
color: #a6a69b; }
color: #b3b3b3; }
.list-search-provider-details {
width: 150px;
color: #e2e2df;
color: #f2f2f2;
margin-top: 0.24em; }
.list-search-provider-content {
@ -1318,7 +1318,7 @@ StScrollBar {
/* DASHBOARD */
#dash {
color: #eeeeec;
color: white;
background-color: transparent;
border: none;
font-size: 9pt;
@ -1391,7 +1391,7 @@ StScrollBar {
.list-search-result:focus,
.list-search-result:selected,
.list-search-result:hover {
background-color: rgba(238, 238, 236, 0.1);
background-color: rgba(255, 255, 255, 0.1);
transition-duration: 200ms; }
.search-provider-icon:active, .search-provider-icon:checked,
@ -1417,7 +1417,7 @@ StScrollBar {
.grid-search-result:hover .overview-icon,
.grid-search-result:focus .overview-icon,
.grid-search-result:selected .overview-icon {
background-color: rgba(238, 238, 236, 0.1);
background-color: rgba(255, 255, 255, 0.1);
transition-duration: 0ms;
border-image: none;
background-image: none; }
@ -1451,7 +1451,7 @@ StScrollBar {
.app-well-app.app-folder .overview-icon,
.show-apps .overview-icon,
.grid-search-result .overview-icon {
color: #eeeeec;
color: white;
border-radius: 9px;
padding: 6px;
border: 1px solid transparent;
@ -1525,14 +1525,14 @@ StScrollBar {
padding: 0px 88px 10px 88px; }
.workspace-thumbnails {
color: #eeeeec;
color: white;
background-color: rgba(17, 18, 23, 0.9);
border: none; }
.search-statustext, .no-frequent-applications-label {
font-size: 2em;
font-weight: bold;
color: #eeeeec; }
color: white; }
/* NOTIFICATIONS & MESSAGE TRAY */
.url-highlighter {
@ -1697,7 +1697,7 @@ StScrollBar {
font-size: 16pt;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.1);
color: #eeeeec; }
color: white; }
.keyboard-key:focus {
color: #eeeeec;
text-shadow: 0 1px black;
@ -1709,8 +1709,8 @@ StScrollBar {
background-color: #20232b; }
.keyboard-key:grayed {
background-color: #111217;
color: #eeeeec;
border-color: #3d4251; }
color: white;
border-color: black; }
.keyboard-key.default-key {
border-color: rgba(255, 255, 255, 0.1);
background-color: #111217;
@ -1794,7 +1794,7 @@ StScrollBar {
/* Auth Dialogs & Screen Shield */
.user-icon {
background-size: contain;
color: #eeeeec;
color: white;
border-radius: 99px; }
.user-icon:hover {
color: white; }
@ -1815,7 +1815,7 @@ StScrollBar {
border-color: #0d0e11;
background-color: rgba(45, 44, 46, 0.5);
border-color: rgba(45, 44, 46, 0.5);
color: #eeeeec; }
color: white; }
.login-dialog StEntry:focus {
padding: 6px 8px;
border-width: 2px;
@ -1886,7 +1886,7 @@ StScrollBar {
padding: 24px 0px; }
.login-dialog-banner {
color: #d6d6d1; }
color: #e6e6e6; }
.login-dialog-button-box {
spacing: 5px; }
@ -1905,12 +1905,12 @@ StScrollBar {
padding-left: 2px; }
.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
color: #eeeeec; }
color: white; }
.login-dialog-not-listed-label {
font-size: 90%;
font-weight: bold;
color: #a6a69b;
color: #b3b3b3;
padding-top: 1em; }
.login-dialog-user-list-view {
@ -1928,7 +1928,7 @@ StScrollBar {
.login-dialog-user-list-item {
border-radius: 5px;
padding: 6px;
color: #a6a69b; }
color: #b3b3b3; }
.login-dialog-user-list-item:ltr .user-widget {
padding-right: 1em; }
.login-dialog-user-list-item:rtl .user-widget {
@ -1936,13 +1936,13 @@ StScrollBar {
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: #eeeeec; }
background-color: white; }
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
background-color: #ffffff; }
.login-dialog-username,
.user-widget-label {
color: #eeeeec;
color: white;
font-size: 120%;
font-weight: bold;
text-align: left;
@ -1961,7 +1961,7 @@ StScrollBar {
width: 23em; }
.login-dialog-prompt-label {
color: #bebeb6;
color: #cccccc;
font-size: 110%;
padding-top: 1em; }
@ -1969,11 +1969,11 @@ StScrollBar {
icon-size: 1.25em; }
.login-dialog-session-list-button {
color: #a6a69b; }
color: #b3b3b3; }
.login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus {
color: #eeeeec; }
color: white; }
.login-dialog-session-list-button:active {
color: #747467; }
color: gray; }
.screen-shield-arrows {
padding-bottom: 3em; }
@ -2014,7 +2014,7 @@ StScrollBar {
padding: 12px 6px;
border: 1px solid rgba(255, 255, 255, 0.1);
background-color: rgba(17, 18, 23, 0.5);
color: #eeeeec;
color: white;
border-radius: 4px; }
.screen-shield-notifications-container .notification {
margin-right: 15px; }

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

@ -156,7 +156,7 @@ assistant .sidebar label.highlight {
.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification,
.app-notification.frame, .osd .scale-popup,
.osd {
color: #eeeeec;
color: white;
border: none;
background-color: #111217;
background-clip: padding-box;
@ -323,8 +323,8 @@ entry {
.osd spinbutton:not(.vertical), .osd
entry {
color: white;
border-color: #3d4251;
background-color: rgba(61, 66, 81, 0.5);
border-color: black;
background-color: rgba(0, 0, 0, 0.5);
background-clip: padding-box;
box-shadow: none;
text-shadow: 0 1px black;
@ -333,7 +333,7 @@ entry {
entry:focus {
color: white;
border-color: #2777ff;
background-color: rgba(61, 66, 81, 0.5);
background-color: rgba(0, 0, 0, 0.5);
background-clip: padding-box;
box-shadow: inset 0 0 0 1px #2777ff;
text-shadow: 0 1px black;
@ -341,17 +341,17 @@ entry {
.osd spinbutton:backdrop:not(.vertical), .osd
entry:backdrop {
color: white;
border-color: #3d4251;
background-color: rgba(61, 66, 81, 0.5);
border-color: black;
background-color: rgba(0, 0, 0, 0.5);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd spinbutton:disabled:not(.vertical), .osd
entry:disabled {
color: #808081;
border-color: #3d4251;
background-color: rgba(39, 40, 44, 0.5);
color: #88898b;
border-color: black;
background-color: rgba(41, 42, 46, 0.5);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -675,17 +675,17 @@ button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
button.osd {
min-width: 26px;
min-height: 32px;
color: #eeeeec;
color: white;
border-radius: 5px;
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
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(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
border: none;
box-shadow: none; }
@ -694,37 +694,37 @@ button.osd {
button.osd:hover {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#2b2f3a);
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(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
border: none;
box-shadow: none; }
button.osd:active,
button.osd:checked {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#3d4251);
background-image: image(black);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
border: none;
box-shadow: none; }
button.osd:disabled:backdrop,
button.osd:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -732,8 +732,8 @@ button.osd {
border: none; }
button.osd:backdrop {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
background-clip: padding-box;
@ -746,27 +746,27 @@ button.osd {
.app-notification.frame button,
.osd
button {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover,
.osd
button:hover {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#2b2f3a);
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked,
.osd
button:active:backdrop,
@ -777,23 +777,23 @@ button {
.osd
button:checked {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#3d4251);
background-image: image(black);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled,
.osd
button:disabled:backdrop,
.osd
button:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -801,8 +801,8 @@ button {
popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop,
.osd
button:backdrop {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
background-clip: padding-box;
@ -825,21 +825,21 @@ button {
.osd
button.flat:hover {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#2b2f3a);
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled,
.osd
button.flat:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -862,14 +862,14 @@ button {
.osd
button.flat:checked {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#3d4251);
background-image: image(black);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
button.suggested-action {
@ -974,55 +974,55 @@ button.suggested-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.osd
button.suggested-action {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 119, 255, 0.5));
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.suggested-action:hover {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 119, 255, 0.7));
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.suggested-action:active:backdrop, .osd
button.suggested-action:active, .osd
button.suggested-action:checked:backdrop, .osd
button.suggested-action:checked {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#2777ff);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.suggested-action:disabled:backdrop, .osd
button.suggested-action:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd
button.suggested-action:backdrop {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 119, 255, 0.5));
background-clip: padding-box;
@ -1133,55 +1133,55 @@ button.destructive-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.osd
button.destructive-action {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(rgba(166, 20, 20, 0.5));
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.destructive-action:hover {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(rgba(166, 20, 20, 0.7));
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.destructive-action:active:backdrop, .osd
button.destructive-action:active, .osd
button.destructive-action:checked:backdrop, .osd
button.destructive-action:checked {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#a61414);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.destructive-action:disabled:backdrop, .osd
button.destructive-action:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd
button.destructive-action:backdrop {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(rgba(166, 20, 20, 0.5));
background-clip: padding-box;
@ -1619,9 +1619,9 @@ spinbutton:not(.vertical) {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #eeeeec;
color: white;
border-style: none none none solid;
border-color: rgba(61, 66, 81, 0.7);
border-color: rgba(0, 0, 0, 0.7);
border-radius: 0;
box-shadow: none;
-gtk-icon-shadow: 0 1px black; }
@ -1634,9 +1634,9 @@ spinbutton:not(.vertical) {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #eeeeec;
border-color: rgba(61, 66, 81, 0.5);
background-color: rgba(238, 238, 236, 0.1);
color: white;
border-color: rgba(0, 0, 0, 0.5);
background-color: rgba(255, 255, 255, 0.1);
-gtk-icon-shadow: 0 1px black;
box-shadow: none; }
.osd spinbutton:not(.vertical) button:backdrop {
@ -1646,8 +1646,8 @@ spinbutton:not(.vertical) {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #eeeeec;
border-color: rgba(61, 66, 81, 0.5);
color: white;
border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }
.osd spinbutton:not(.vertical) button:disabled {
@ -1657,8 +1657,8 @@ spinbutton:not(.vertical) {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #808081;
border-color: rgba(61, 66, 81, 0.5);
color: #88898b;
border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }
.osd spinbutton:not(.vertical) button:dir(ltr):last-child {
@ -1696,47 +1696,47 @@ spinbutton.vertical button.down {
border-style: none solid solid solid; }
.osd spinbutton.vertical button:first-child {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd spinbutton.vertical button:first-child:hover {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#2b2f3a);
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd spinbutton.vertical button:first-child:active {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#3d4251);
background-image: image(black);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd spinbutton.vertical button:first-child:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd spinbutton.vertical button:first-child:backdrop {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
background-clip: padding-box;
@ -3115,7 +3115,7 @@ switch {
margin: 4px;
min-width: 32px;
min-height: 32px;
color: #eeeeec;
color: white;
background-color: rgba(39, 119, 255, 0.95);
border-radius: 5px;
background-image: none;
@ -3130,7 +3130,7 @@ switch {
margin: 4px;
min-width: 32px;
min-height: 32px;
color: #eeeeec;
color: white;
background-color: rgba(39, 119, 255, 0.95);
border-radius: 5px;
background-image: none;
@ -3145,7 +3145,7 @@ switch {
margin: 4px;
min-width: 32px;
min-height: 32px;
color: #eeeeec;
color: white;
background-color: rgba(39, 119, 255, 0.95);
border-radius: 5px;
background-image: none;
@ -3160,7 +3160,7 @@ switch {
margin: 4px;
min-width: 32px;
min-height: 32px;
color: rgba(238, 238, 236, 0.8);
color: rgba(255, 255, 255, 0.8);
background-color: rgba(147, 147, 147, 0.95);
border-radius: 5px;
background-image: none;
@ -3279,41 +3279,41 @@ radio {
transition: 200ms ease-out; }
.osd check, .osd
radio {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd check:hover, .osd
radio:hover {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd check:active, .osd
radio:active {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#3d4251);
background-image: image(black);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd check:backdrop, .osd
radio:backdrop {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
background-clip: padding-box;
@ -3322,10 +3322,10 @@ radio {
-gtk-icon-shadow: none; }
.osd check:disabled, .osd
radio:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -3415,10 +3415,10 @@ scale trough, scale fill, progressbar trough {
row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough {
border-color: #00348d; }
.osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough {
border-color: #3d4251;
background-color: rgba(61, 66, 81, 0.8); }
border-color: black;
background-color: rgba(0, 0, 0, 0.8); }
.osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled {
background-color: rgba(39, 40, 44, 0.5); }
background-color: rgba(41, 42, 46, 0.5); }
scale highlight, progressbar progress {
border: 1px solid #00348d;
@ -3435,7 +3435,7 @@ scale highlight, progressbar progress {
row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress {
border-color: #00348d; }
.osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress {
border-color: #3d4251; }
border-color: black; }
.osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled {
border-color: transparent; }
@ -3474,7 +3474,7 @@ scale {
border-color: transparent;
background-color: transparent; }
.osd scale fill {
background-color: #696d78; }
background-color: #404040; }
.osd scale fill:disabled:backdrop, .osd scale fill:disabled {
border-color: transparent;
background-color: transparent; }
@ -3523,52 +3523,52 @@ scale {
row:selected scale slider:disabled, row:selected scale slider {
border-color: #00348d; }
.osd scale slider {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
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(238, 238, 236, 0.3);
border-color: #363a48;
outline-color: rgba(255, 255, 255, 0.3);
border-color: black;
background-color: #111217; }
.osd scale slider:hover {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#2b2f3a);
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(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
background-color: #111217; }
.osd scale slider:active {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#3d4251);
background-image: image(black);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
background-color: #111217; }
.osd scale slider:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
background-color: #111217; }
.osd scale slider:backdrop {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
background-clip: padding-box;
@ -5381,7 +5381,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
*********************/
.app-notification,
.app-notification.frame {
padding: 5px;
padding: 5px 10px;
margin: 20px;
border-radius: 5px;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);

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

@ -1299,15 +1299,15 @@ StScrollBar {
spacing: 30px; }
.list-search-result-title {
color: #e2e2df;
color: #f2f2f2;
spacing: 12px; }
.list-search-result-description {
color: #a6a69b; }
color: #b3b3b3; }
.list-search-provider-details {
width: 150px;
color: #e2e2df;
color: #f2f2f2;
margin-top: 0.24em; }
.list-search-provider-content {
@ -1318,7 +1318,7 @@ StScrollBar {
/* DASHBOARD */
#dash {
color: #eeeeec;
color: white;
background-color: transparent;
border: none;
font-size: 9pt;
@ -1391,7 +1391,7 @@ StScrollBar {
.list-search-result:focus,
.list-search-result:selected,
.list-search-result:hover {
background-color: rgba(238, 238, 236, 0.1);
background-color: rgba(255, 255, 255, 0.1);
transition-duration: 200ms; }
.search-provider-icon:active, .search-provider-icon:checked,
@ -1417,7 +1417,7 @@ StScrollBar {
.grid-search-result:hover .overview-icon,
.grid-search-result:focus .overview-icon,
.grid-search-result:selected .overview-icon {
background-color: rgba(238, 238, 236, 0.1);
background-color: rgba(255, 255, 255, 0.1);
transition-duration: 0ms;
border-image: none;
background-image: none; }
@ -1451,7 +1451,7 @@ StScrollBar {
.app-well-app.app-folder .overview-icon,
.show-apps .overview-icon,
.grid-search-result .overview-icon {
color: #eeeeec;
color: white;
border-radius: 9px;
padding: 6px;
border: 1px solid transparent;
@ -1525,14 +1525,14 @@ StScrollBar {
padding: 0px 88px 10px 88px; }
.workspace-thumbnails {
color: #eeeeec;
color: white;
background-color: rgba(39, 42, 52, 0.9);
border: none; }
.search-statustext, .no-frequent-applications-label {
font-size: 2em;
font-weight: bold;
color: #eeeeec; }
color: white; }
/* NOTIFICATIONS & MESSAGE TRAY */
.url-highlighter {
@ -1697,7 +1697,7 @@ StScrollBar {
font-size: 16pt;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.1);
color: #eeeeec; }
color: white; }
.keyboard-key:focus {
color: #5c616c;
text-shadow: 0 1px black;
@ -1709,7 +1709,7 @@ StScrollBar {
background-color: #363a48; }
.keyboard-key:grayed {
background-color: #272a34;
color: #eeeeec;
color: white;
border-color: black; }
.keyboard-key.default-key {
border-color: rgba(255, 255, 255, 0.1);
@ -1794,7 +1794,7 @@ StScrollBar {
/* Auth Dialogs & Screen Shield */
.user-icon {
background-size: contain;
color: #eeeeec;
color: white;
border-radius: 99px; }
.user-icon:hover {
color: white; }
@ -1883,7 +1883,7 @@ StScrollBar {
padding: 24px 0px; }
.login-dialog-banner {
color: #d6d6d1; }
color: #e6e6e6; }
.login-dialog-button-box {
spacing: 5px; }
@ -1902,12 +1902,12 @@ StScrollBar {
padding-left: 2px; }
.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
color: #eeeeec; }
color: white; }
.login-dialog-not-listed-label {
font-size: 90%;
font-weight: bold;
color: #a6a69b;
color: #b3b3b3;
padding-top: 1em; }
.login-dialog-user-list-view {
@ -1925,7 +1925,7 @@ StScrollBar {
.login-dialog-user-list-item {
border-radius: 5px;
padding: 6px;
color: #a6a69b; }
color: #b3b3b3; }
.login-dialog-user-list-item:ltr .user-widget {
padding-right: 1em; }
.login-dialog-user-list-item:rtl .user-widget {
@ -1933,13 +1933,13 @@ StScrollBar {
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: #eeeeec; }
background-color: white; }
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
background-color: #ffffff; }
.login-dialog-username,
.user-widget-label {
color: #eeeeec;
color: white;
font-size: 120%;
font-weight: bold;
text-align: left;
@ -1958,7 +1958,7 @@ StScrollBar {
width: 23em; }
.login-dialog-prompt-label {
color: #bebeb6;
color: #cccccc;
font-size: 110%;
padding-top: 1em; }
@ -1966,11 +1966,11 @@ StScrollBar {
icon-size: 1.25em; }
.login-dialog-session-list-button {
color: #a6a69b; }
color: #b3b3b3; }
.login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus {
color: #eeeeec; }
color: white; }
.login-dialog-session-list-button:active {
color: #747467; }
color: gray; }
.screen-shield-arrows {
padding-bottom: 3em; }
@ -2011,7 +2011,7 @@ StScrollBar {
padding: 12px 6px;
border: 1px solid rgba(255, 255, 255, 0.1);
background-color: rgba(39, 42, 52, 0.5);
color: #eeeeec;
color: white;
border-radius: 4px; }
.screen-shield-notifications-container .notification {
margin-right: 15px; }

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

@ -156,7 +156,7 @@ assistant .sidebar label.highlight {
.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification,
.app-notification.frame, .osd .scale-popup,
.osd {
color: #eeeeec;
color: white;
border: none;
background-color: #111217;
background-clip: padding-box;
@ -323,8 +323,8 @@ entry {
.osd spinbutton:not(.vertical), .osd
entry {
color: white;
border-color: #3d4251;
background-color: rgba(61, 66, 81, 0.5);
border-color: black;
background-color: rgba(0, 0, 0, 0.5);
background-clip: padding-box;
box-shadow: none;
text-shadow: 0 1px black;
@ -333,7 +333,7 @@ entry {
entry:focus {
color: white;
border-color: #2777ff;
background-color: rgba(61, 66, 81, 0.5);
background-color: rgba(0, 0, 0, 0.5);
background-clip: padding-box;
box-shadow: inset 0 0 0 1px #2777ff;
text-shadow: 0 1px black;
@ -341,17 +341,17 @@ entry {
.osd spinbutton:backdrop:not(.vertical), .osd
entry:backdrop {
color: white;
border-color: #3d4251;
background-color: rgba(61, 66, 81, 0.5);
border-color: black;
background-color: rgba(0, 0, 0, 0.5);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd spinbutton:disabled:not(.vertical), .osd
entry:disabled {
color: #808081;
border-color: #3d4251;
background-color: rgba(39, 40, 44, 0.5);
color: #88898b;
border-color: black;
background-color: rgba(41, 42, 46, 0.5);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -675,17 +675,17 @@ button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
button.osd {
min-width: 26px;
min-height: 32px;
color: #eeeeec;
color: white;
border-radius: 5px;
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
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(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
border: none;
box-shadow: none; }
@ -694,37 +694,37 @@ button.osd {
button.osd:hover {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#2b2f3a);
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(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
border: none;
box-shadow: none; }
button.osd:active,
button.osd:checked {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#3d4251);
background-image: image(black);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
border: none;
box-shadow: none; }
button.osd:disabled:backdrop,
button.osd:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -732,8 +732,8 @@ button.osd {
border: none; }
button.osd:backdrop {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
background-clip: padding-box;
@ -746,27 +746,27 @@ button.osd {
.app-notification.frame button,
.osd
button {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover,
.osd
button:hover {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#2b2f3a);
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked,
.osd
button:active:backdrop,
@ -777,23 +777,23 @@ button {
.osd
button:checked {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#3d4251);
background-image: image(black);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled,
.osd
button:disabled:backdrop,
.osd
button:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -801,8 +801,8 @@ button {
popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop,
.osd
button:backdrop {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
background-clip: padding-box;
@ -825,21 +825,21 @@ button {
.osd
button.flat:hover {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#2b2f3a);
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled,
.osd
button.flat:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -862,14 +862,14 @@ button {
.osd
button.flat:checked {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#3d4251);
background-image: image(black);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
button.suggested-action {
@ -974,55 +974,55 @@ button.suggested-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.osd
button.suggested-action {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 119, 255, 0.5));
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.suggested-action:hover {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 119, 255, 0.7));
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.suggested-action:active:backdrop, .osd
button.suggested-action:active, .osd
button.suggested-action:checked:backdrop, .osd
button.suggested-action:checked {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#2777ff);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.suggested-action:disabled:backdrop, .osd
button.suggested-action:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd
button.suggested-action:backdrop {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 119, 255, 0.5));
background-clip: padding-box;
@ -1133,55 +1133,55 @@ button.destructive-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.osd
button.destructive-action {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(rgba(166, 20, 20, 0.5));
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.destructive-action:hover {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(rgba(166, 20, 20, 0.7));
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.destructive-action:active:backdrop, .osd
button.destructive-action:active, .osd
button.destructive-action:checked:backdrop, .osd
button.destructive-action:checked {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#a61414);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.destructive-action:disabled:backdrop, .osd
button.destructive-action:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd
button.destructive-action:backdrop {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(rgba(166, 20, 20, 0.5));
background-clip: padding-box;
@ -1619,9 +1619,9 @@ spinbutton:not(.vertical) {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #eeeeec;
color: white;
border-style: none none none solid;
border-color: rgba(61, 66, 81, 0.7);
border-color: rgba(0, 0, 0, 0.7);
border-radius: 0;
box-shadow: none;
-gtk-icon-shadow: 0 1px black; }
@ -1634,9 +1634,9 @@ spinbutton:not(.vertical) {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #eeeeec;
border-color: rgba(61, 66, 81, 0.5);
background-color: rgba(238, 238, 236, 0.1);
color: white;
border-color: rgba(0, 0, 0, 0.5);
background-color: rgba(255, 255, 255, 0.1);
-gtk-icon-shadow: 0 1px black;
box-shadow: none; }
.osd spinbutton:not(.vertical) button:backdrop {
@ -1646,8 +1646,8 @@ spinbutton:not(.vertical) {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #eeeeec;
border-color: rgba(61, 66, 81, 0.5);
color: white;
border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }
.osd spinbutton:not(.vertical) button:disabled {
@ -1657,8 +1657,8 @@ spinbutton:not(.vertical) {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #808081;
border-color: rgba(61, 66, 81, 0.5);
color: #88898b;
border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }
.osd spinbutton:not(.vertical) button:dir(ltr):last-child {
@ -1696,47 +1696,47 @@ spinbutton.vertical button.down {
border-style: none solid solid solid; }
.osd spinbutton.vertical button:first-child {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd spinbutton.vertical button:first-child:hover {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#2b2f3a);
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd spinbutton.vertical button:first-child:active {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#3d4251);
background-image: image(black);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd spinbutton.vertical button:first-child:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd spinbutton.vertical button:first-child:backdrop {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
background-clip: padding-box;
@ -3115,7 +3115,7 @@ switch {
margin: 4px;
min-width: 32px;
min-height: 32px;
color: #eeeeec;
color: white;
background-color: rgba(39, 119, 255, 0.95);
border-radius: 5px;
background-image: none;
@ -3130,7 +3130,7 @@ switch {
margin: 4px;
min-width: 32px;
min-height: 32px;
color: #eeeeec;
color: white;
background-color: rgba(39, 119, 255, 0.95);
border-radius: 5px;
background-image: none;
@ -3145,7 +3145,7 @@ switch {
margin: 4px;
min-width: 32px;
min-height: 32px;
color: #eeeeec;
color: white;
background-color: rgba(39, 119, 255, 0.95);
border-radius: 5px;
background-image: none;
@ -3160,7 +3160,7 @@ switch {
margin: 4px;
min-width: 32px;
min-height: 32px;
color: rgba(238, 238, 236, 0.8);
color: rgba(255, 255, 255, 0.8);
background-color: rgba(147, 147, 147, 0.95);
border-radius: 5px;
background-image: none;
@ -3279,41 +3279,41 @@ radio {
transition: 200ms ease-out; }
.osd check, .osd
radio {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd check:hover, .osd
radio:hover {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd check:active, .osd
radio:active {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#3d4251);
background-image: image(black);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd check:backdrop, .osd
radio:backdrop {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
background-clip: padding-box;
@ -3322,10 +3322,10 @@ radio {
-gtk-icon-shadow: none; }
.osd check:disabled, .osd
radio:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -3415,10 +3415,10 @@ scale trough, scale fill, progressbar trough {
row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough {
border-color: #00348d; }
.osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough {
border-color: #3d4251;
background-color: rgba(61, 66, 81, 0.8); }
border-color: black;
background-color: rgba(0, 0, 0, 0.8); }
.osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled {
background-color: rgba(39, 40, 44, 0.5); }
background-color: rgba(41, 42, 46, 0.5); }
scale highlight, progressbar progress {
border: 1px solid #00348d;
@ -3435,7 +3435,7 @@ scale highlight, progressbar progress {
row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress {
border-color: #00348d; }
.osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress {
border-color: #3d4251; }
border-color: black; }
.osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled {
border-color: transparent; }
@ -3474,7 +3474,7 @@ scale {
border-color: transparent;
background-color: transparent; }
.osd scale fill {
background-color: #696d78; }
background-color: #404040; }
.osd scale fill:disabled:backdrop, .osd scale fill:disabled {
border-color: transparent;
background-color: transparent; }
@ -3523,52 +3523,52 @@ scale {
row:selected scale slider:disabled, row:selected scale slider {
border-color: #00348d; }
.osd scale slider {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
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(238, 238, 236, 0.3);
border-color: #363a48;
outline-color: rgba(255, 255, 255, 0.3);
border-color: black;
background-color: #111217; }
.osd scale slider:hover {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#2b2f3a);
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(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
background-color: #111217; }
.osd scale slider:active {
color: white;
border-color: #3d4251;
border-color: black;
background-color: transparent;
background-image: image(#3d4251);
background-image: image(black);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
background-color: #111217; }
.osd scale slider:disabled {
color: #808081;
border-color: #3d4251;
color: #88898b;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 40, 44, 0.5));
background-image: image(rgba(41, 42, 46, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
background-color: #111217; }
.osd scale slider:backdrop {
color: #eeeeec;
border-color: #3d4251;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#111217);
background-clip: padding-box;
@ -5381,7 +5381,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
*********************/
.app-notification,
.app-notification.frame {
padding: 5px;
padding: 5px 10px;
margin: 20px;
border-radius: 5px;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);

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

@ -156,7 +156,7 @@ assistant .sidebar label.highlight {
.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification,
.app-notification.frame, .osd .scale-popup,
.osd {
color: #eeeeec;
color: white;
border: none;
background-color: #272a34;
background-clip: padding-box;
@ -349,9 +349,9 @@ entry {
-gtk-icon-shadow: none; }
.osd spinbutton:disabled:not(.vertical), .osd
entry:disabled {
color: #8b8c90;
color: #93959a;
border-color: black;
background-color: rgba(59, 62, 70, 0.5);
background-color: rgba(61, 63, 72, 0.5);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -679,9 +679,9 @@ button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
button.osd {
min-width: 26px;
min-height: 32px;
color: #eeeeec;
color: white;
border-radius: 5px;
color: #eeeeec;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
@ -689,7 +689,7 @@ button.osd {
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(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
border: none;
box-shadow: none; }
@ -705,7 +705,7 @@ button.osd {
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(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
border: none;
box-shadow: none; }
@ -719,16 +719,16 @@ button.osd {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
border: none;
box-shadow: none; }
button.osd:disabled:backdrop,
button.osd:disabled {
color: #8b8c90;
color: #93959a;
border-color: black;
background-color: transparent;
background-image: image(rgba(59, 62, 70, 0.5));
background-image: image(rgba(61, 63, 72, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -736,7 +736,7 @@ button.osd {
border: none; }
button.osd:backdrop {
color: #eeeeec;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
@ -750,7 +750,7 @@ button.osd {
.app-notification.frame button,
.osd
button {
color: #eeeeec;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
@ -758,7 +758,7 @@ button {
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover,
.osd
button:hover {
@ -770,7 +770,7 @@ button {
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked,
.osd
button:active:backdrop,
@ -788,16 +788,16 @@ button {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled,
.osd
button:disabled:backdrop,
.osd
button:disabled {
color: #8b8c90;
color: #93959a;
border-color: black;
background-color: transparent;
background-image: image(rgba(59, 62, 70, 0.5));
background-image: image(rgba(61, 63, 72, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -805,7 +805,7 @@ button {
popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop,
.osd
button:backdrop {
color: #eeeeec;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
@ -836,14 +836,14 @@ button {
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled,
.osd
button.flat:disabled {
color: #8b8c90;
color: #93959a;
border-color: black;
background-color: transparent;
background-image: image(rgba(59, 62, 70, 0.5));
background-image: image(rgba(61, 63, 72, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -873,7 +873,7 @@ button {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
button.suggested-action {
@ -978,7 +978,7 @@ button.suggested-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.osd
button.suggested-action {
color: #eeeeec;
color: white;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 119, 255, 0.5));
@ -986,7 +986,7 @@ button.suggested-action {
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.suggested-action:hover {
color: white;
@ -997,7 +997,7 @@ button.suggested-action {
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.suggested-action:active:backdrop, .osd
button.suggested-action:active, .osd
@ -1011,21 +1011,21 @@ button.suggested-action {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.suggested-action:disabled:backdrop, .osd
button.suggested-action:disabled {
color: #8b8c90;
color: #93959a;
border-color: black;
background-color: transparent;
background-image: image(rgba(59, 62, 70, 0.5));
background-image: image(rgba(61, 63, 72, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd
button.suggested-action:backdrop {
color: #eeeeec;
color: white;
border-color: black;
background-color: transparent;
background-image: image(rgba(39, 119, 255, 0.5));
@ -1137,7 +1137,7 @@ button.destructive-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.osd
button.destructive-action {
color: #eeeeec;
color: white;
border-color: black;
background-color: transparent;
background-image: image(rgba(212, 25, 25, 0.5));
@ -1145,7 +1145,7 @@ button.destructive-action {
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.destructive-action:hover {
color: white;
@ -1156,7 +1156,7 @@ button.destructive-action {
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.destructive-action:active:backdrop, .osd
button.destructive-action:active, .osd
@ -1170,21 +1170,21 @@ button.destructive-action {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd
button.destructive-action:disabled:backdrop, .osd
button.destructive-action:disabled {
color: #8b8c90;
color: #93959a;
border-color: black;
background-color: transparent;
background-image: image(rgba(59, 62, 70, 0.5));
background-image: image(rgba(61, 63, 72, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd
button.destructive-action:backdrop {
color: #eeeeec;
color: white;
border-color: black;
background-color: transparent;
background-image: image(rgba(212, 25, 25, 0.5));
@ -1629,7 +1629,7 @@ spinbutton:not(.vertical) {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #eeeeec;
color: white;
border-style: none none none solid;
border-color: rgba(0, 0, 0, 0.7);
border-radius: 0;
@ -1644,9 +1644,9 @@ spinbutton:not(.vertical) {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #eeeeec;
color: white;
border-color: rgba(0, 0, 0, 0.5);
background-color: rgba(238, 238, 236, 0.1);
background-color: rgba(255, 255, 255, 0.1);
-gtk-icon-shadow: 0 1px black;
box-shadow: none; }
.osd spinbutton:not(.vertical) button:backdrop {
@ -1656,7 +1656,7 @@ spinbutton:not(.vertical) {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #eeeeec;
color: white;
border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }
@ -1667,7 +1667,7 @@ spinbutton:not(.vertical) {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
color: #8b8c90;
color: #93959a;
border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }
@ -1706,7 +1706,7 @@ spinbutton.vertical button.down {
border-style: none solid solid solid; }
.osd spinbutton.vertical button:first-child {
color: #eeeeec;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
@ -1714,7 +1714,7 @@ spinbutton.vertical button.down {
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd spinbutton.vertical button:first-child:hover {
color: white;
border-color: black;
@ -1724,7 +1724,7 @@ spinbutton.vertical button.down {
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd spinbutton.vertical button:first-child:active {
color: white;
border-color: black;
@ -1734,18 +1734,18 @@ spinbutton.vertical button.down {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd spinbutton.vertical button:first-child:disabled {
color: #8b8c90;
color: #93959a;
border-color: black;
background-color: transparent;
background-image: image(rgba(59, 62, 70, 0.5));
background-image: image(rgba(61, 63, 72, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd spinbutton.vertical button:first-child:backdrop {
color: #eeeeec;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
@ -3135,7 +3135,7 @@ switch {
margin: 4px;
min-width: 32px;
min-height: 32px;
color: #eeeeec;
color: white;
background-color: rgba(39, 119, 255, 0.95);
border-radius: 5px;
background-image: none;
@ -3150,7 +3150,7 @@ switch {
margin: 4px;
min-width: 32px;
min-height: 32px;
color: #eeeeec;
color: white;
background-color: rgba(39, 119, 255, 0.95);
border-radius: 5px;
background-image: none;
@ -3165,7 +3165,7 @@ switch {
margin: 4px;
min-width: 32px;
min-height: 32px;
color: #eeeeec;
color: white;
background-color: rgba(39, 119, 255, 0.95);
border-radius: 5px;
background-image: none;
@ -3180,7 +3180,7 @@ switch {
margin: 4px;
min-width: 32px;
min-height: 32px;
color: rgba(238, 238, 236, 0.8);
color: rgba(255, 255, 255, 0.8);
background-color: rgba(147, 147, 147, 0.95);
border-radius: 5px;
background-image: none;
@ -3302,7 +3302,7 @@ radio {
border-color: #0051da; }
.osd check, .osd
radio {
color: #eeeeec;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
@ -3310,10 +3310,10 @@ radio {
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd check:hover, .osd
radio:hover {
color: #eeeeec;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
@ -3321,7 +3321,7 @@ radio {
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(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd check:active, .osd
radio:active {
color: white;
@ -3332,10 +3332,10 @@ radio {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3); }
outline-color: rgba(255, 255, 255, 0.3); }
.osd check:backdrop, .osd
radio:backdrop {
color: #eeeeec;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
@ -3345,10 +3345,10 @@ radio {
-gtk-icon-shadow: none; }
.osd check:disabled, .osd
radio:disabled {
color: #8b8c90;
color: #93959a;
border-color: black;
background-color: transparent;
background-image: image(rgba(59, 62, 70, 0.5));
background-image: image(rgba(61, 63, 72, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -3442,7 +3442,7 @@ scale trough, scale fill, progressbar trough {
border-color: black;
background-color: rgba(0, 0, 0, 0.8); }
.osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled {
background-color: rgba(59, 62, 70, 0.5); }
background-color: rgba(61, 63, 72, 0.5); }
scale highlight, progressbar progress {
border: 1px solid #0051da;
@ -3498,7 +3498,7 @@ scale {
border-color: transparent;
background-color: transparent; }
.osd scale fill {
background-color: #3c3c3b; }
background-color: #404040; }
.osd scale fill:disabled:backdrop, .osd scale fill:disabled {
border-color: transparent;
background-color: transparent; }
@ -3547,7 +3547,7 @@ scale {
row:selected scale slider:disabled, row:selected scale slider {
border-color: #0051da; }
.osd scale slider {
color: #eeeeec;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
@ -3555,7 +3555,7 @@ scale {
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(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
border-color: black;
background-color: #272a34; }
.osd scale slider:hover {
@ -3567,7 +3567,7 @@ scale {
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(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
background-color: #272a34; }
.osd scale slider:active {
color: white;
@ -3578,20 +3578,20 @@ scale {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
outline-color: rgba(238, 238, 236, 0.3);
outline-color: rgba(255, 255, 255, 0.3);
background-color: #272a34; }
.osd scale slider:disabled {
color: #8b8c90;
color: #93959a;
border-color: black;
background-color: transparent;
background-image: image(rgba(59, 62, 70, 0.5));
background-image: image(rgba(61, 63, 72, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
background-color: #272a34; }
.osd scale slider:backdrop {
color: #eeeeec;
color: white;
border-color: black;
background-color: transparent;
background-image: image(#272a34);
@ -5405,7 +5405,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
*********************/
.app-notification,
.app-notification.frame {
padding: 5px;
padding: 5px 10px;
margin: 20px;
border-radius: 5px;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);

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

@ -32,12 +32,12 @@ $error_color: #bf1717;
$success_color: if($variant == 'light', #3db47e, darken(#3db47e, 10%));
$destructive_color: if($variant == 'light', #d41919, darken(#d41919, 10%));
$osd_fg_color: #eeeeec;
$osd_fg_color: white;
$osd_text_color: white;
$osd_bg_color: if($variant == 'light', #272a34, darken(#272a34, 10%));
$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: if($variant == 'light', darken($osd_bg_color, 20%), lighten($osd_bg_color, 20%));
$osd_borders_color: black;
$osd_outer_borders_color: transparentize(white, 0.9);
$sidebar_bg_color: mix($bg_color, $base_color, 50%);

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

@ -243,7 +243,7 @@ infobar {
*********************/
.app-notification,
.app-notification.frame {
padding: 5px;
padding: 5px 10px;
margin: 20px;
border-radius: 5px;
box-shadow: 0 2px 8px 0 transparentize(black, .6);