From ab85da4e8e4c1b6bb6f48cc05559ac0250d0d6af Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Fri, 6 Mar 2020 19:06:48 +0100 Subject: [PATCH] GTK3: improve app notification design --- .../Kali-Dark/gnome-shell/gnome-shell.css | 50 ++-- share/themes/Kali-Dark/gtk-3.0/gtk.css | 256 +++++++++--------- .../Kali-Light/gnome-shell/gnome-shell.css | 46 ++-- share/themes/Kali-Light/gtk-3.0/gtk-dark.css | 256 +++++++++--------- share/themes/Kali-Light/gtk-3.0/gtk.css | 140 +++++----- src/themes/Kali/sass/gtk-sass/_colors.scss | 4 +- .../Kali/sass/gtk-sass/_common-tweaks.scss | 2 +- 7 files changed, 377 insertions(+), 377 deletions(-) diff --git a/share/themes/Kali-Dark/gnome-shell/gnome-shell.css b/share/themes/Kali-Dark/gnome-shell/gnome-shell.css index 08b5b6a3..2912b2e1 100644 --- a/share/themes/Kali-Dark/gnome-shell/gnome-shell.css +++ b/share/themes/Kali-Dark/gnome-shell/gnome-shell.css @@ -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; } diff --git a/share/themes/Kali-Dark/gtk-3.0/gtk.css b/share/themes/Kali-Dark/gtk-3.0/gtk.css index 9fdcd3c4..c32a39e3 100644 --- a/share/themes/Kali-Dark/gtk-3.0/gtk.css +++ b/share/themes/Kali-Dark/gtk-3.0/gtk.css @@ -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); diff --git a/share/themes/Kali-Light/gnome-shell/gnome-shell.css b/share/themes/Kali-Light/gnome-shell/gnome-shell.css index f7ced628..b0173f92 100644 --- a/share/themes/Kali-Light/gnome-shell/gnome-shell.css +++ b/share/themes/Kali-Light/gnome-shell/gnome-shell.css @@ -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; } diff --git a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css index 9fdcd3c4..c32a39e3 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css @@ -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); diff --git a/share/themes/Kali-Light/gtk-3.0/gtk.css b/share/themes/Kali-Light/gtk-3.0/gtk.css index cfd968f8..7561459c 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk.css @@ -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); diff --git a/src/themes/Kali/sass/gtk-sass/_colors.scss b/src/themes/Kali/sass/gtk-sass/_colors.scss index 88658b04..d1e589f8 100644 --- a/src/themes/Kali/sass/gtk-sass/_colors.scss +++ b/src/themes/Kali/sass/gtk-sass/_colors.scss @@ -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%); diff --git a/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss b/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss index 60c095ee..ab143782 100644 --- a/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss @@ -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);