GNOME: Update for gnome-shell 44.2

share/themes/Kali-Dark/gtk-3.0/gtk.css

@@ -581,7 +581,7 @@ button {
   notebook > header > tabs > arrow:disabled,
   button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -590,7 +590,7 @@ button {
     button:disabled:active,
     button:disabled:checked {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#16181d);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   notebook > header > tabs > arrow.image-button,
@@ -877,7 +877,7 @@ button.suggested-action {
   
   button.suggested-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1023,7 +1023,7 @@ button.destructive-action {
   
   button.destructive-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1186,14 +1186,14 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
     -gtk-icon-shadow: none; }
   .inline-toolbar toolbutton > button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#16181d);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   .inline-toolbar toolbutton > button:backdrop {
@@ -1840,7 +1840,7 @@ headerbar {
         .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled,
         headerbar.selection-mode button.suggested-action:disabled {
           color: #888a8d;
-          border-color: #0d0e11;
+          border-color: #17191f;
           background-image: image(#242731);
           text-shadow: none;
           -gtk-icon-shadow: none;
@@ -2702,7 +2702,7 @@ switch {
     border: 1px solid #00215a; }
   switch:disabled slider {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -3160,7 +3160,7 @@ scale {
       border-color: #00348d; }
     scale slider:disabled {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#242731);
       text-shadow: none;
       -gtk-icon-shadow: none;
@@ -4271,7 +4271,7 @@ infobar {
         -gtk-icon-shadow: none; }
       infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
         color: #888a8d;
-        border-color: #0d0e11;
+        border-color: #17191f;
         background-image: image(#242731);
         text-shadow: none;
         -gtk-icon-shadow: none;

share/themes/Kali-Dark/gtk-4.0/gtk.css

@@ -526,14 +526,14 @@ button {
   notebook > header > tabs > arrow:disabled,
   button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     -gtk-icon-filter: opacity(0.5); }
     notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
     button:disabled:active,
     button:disabled:checked {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#1a1c23);
       box-shadow: none; }
   button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat,
@@ -746,7 +746,7 @@ button.suggested-action {
   
   button.suggested-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
     
     button.suggested-action:disabled:active,
@@ -831,7 +831,7 @@ button.destructive-action {
   
   button.destructive-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
     
     button.destructive-action:disabled:active,
@@ -1014,7 +1014,7 @@ modelbutton.flat arrow {
     box-shadow: none; }
   .toolbar button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
   .toolbar button:backdrop {
     color: #888a8d;
@@ -2178,7 +2178,7 @@ switch {
     border: 1px solid #00348d; }
   switch:disabled > slider {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
   row:selected switch {
     outline-color: rgba(255, 255, 255, 0.3); }
@@ -2449,7 +2449,7 @@ progressbar > trough, scale > trough > fill, scale > trough {
     background-color: #0a0a0d; }
   progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled {
     background-color: #242731;
-    border-color: #0d0e11; }
+    border-color: #17191f; }
   row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
     outline-color: rgba(255, 255, 255, 0.3);
     border-color: #00348d; }
@@ -2538,7 +2538,7 @@ scale {
       border-color: #00348d; }
     scale > trough > slider:disabled {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#242731); }
     row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
       border-color: #00348d; }

share/themes/Kali-Light/gtk-3.0/gtk-dark.css

@@ -581,7 +581,7 @@ button {
   notebook > header > tabs > arrow:disabled,
   button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -590,7 +590,7 @@ button {
     button:disabled:active,
     button:disabled:checked {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#16181d);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   notebook > header > tabs > arrow.image-button,
@@ -877,7 +877,7 @@ button.suggested-action {
   
   button.suggested-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1023,7 +1023,7 @@ button.destructive-action {
   
   button.destructive-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1186,14 +1186,14 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
     -gtk-icon-shadow: none; }
   .inline-toolbar toolbutton > button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#16181d);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   .inline-toolbar toolbutton > button:backdrop {
@@ -1840,7 +1840,7 @@ headerbar {
         .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled,
         headerbar.selection-mode button.suggested-action:disabled {
           color: #888a8d;
-          border-color: #0d0e11;
+          border-color: #17191f;
           background-image: image(#242731);
           text-shadow: none;
           -gtk-icon-shadow: none;
@@ -2702,7 +2702,7 @@ switch {
     border: 1px solid #00215a; }
   switch:disabled slider {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -3160,7 +3160,7 @@ scale {
       border-color: #00348d; }
     scale slider:disabled {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#242731);
       text-shadow: none;
       -gtk-icon-shadow: none;
@@ -4271,7 +4271,7 @@ infobar {
         -gtk-icon-shadow: none; }
       infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
         color: #888a8d;
-        border-color: #0d0e11;
+        border-color: #17191f;
         background-image: image(#242731);
         text-shadow: none;
         -gtk-icon-shadow: none;

share/themes/Kali-Light/gtk-3.0/gtk.css

@@ -49,7 +49,7 @@
     color: #5c616c;
     background-color: #e6e6e6; }
   .gtkstyle-fallback:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
     background-color: #fdfdfd; }
   .gtkstyle-fallback:selected {
     color: #ffffff;
@@ -76,7 +76,7 @@ textview text {
   .view text:disabled,
   iconview text:disabled,
   textview text:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
     background-color: #fdfdfd; }
   .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
   .view text:selected:focus,
@@ -122,7 +122,7 @@ label {
     background-color: #2777ff;
     color: #ffffff; }
   label:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
     button label:disabled {
       color: inherit; }
     label:disabled:backdrop {
@@ -266,7 +266,7 @@ entry {
     border-color: #2777ff; }
   spinbutton:disabled:not(.vertical),
   entry:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
     border-color: #d9d9d9;
     background-color: #fdfdfd;
     box-shadow: none; }
@@ -580,8 +580,8 @@ button {
     -gtk-icon-shadow: none; }
   notebook > header > tabs > arrow:disabled,
   button:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -589,8 +589,8 @@ button {
     notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
     button:disabled:active,
     button:disabled:checked {
-      color: #aeb0b6;
+      color: #9da0a7;
-      border-color: #d9d9d9;
+      border-color: #e6e6e6;
       background-image: image(#eaeaea);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   notebook > header > tabs > arrow.image-button,
@@ -879,8 +879,8 @@ button.suggested-action {
     color: rgba(39, 119, 255, 0.8); }
   
   button.suggested-action:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1025,8 +1025,8 @@ button.destructive-action {
     color: rgba(212, 25, 25, 0.8); }
   
   button.destructive-action:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1188,15 +1188,15 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
     text-shadow: none;
     -gtk-icon-shadow: none; }
   .inline-toolbar toolbutton > button:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
-      color: #aeb0b6;
+      color: #9da0a7;
-      border-color: #d9d9d9;
+      border-color: #e6e6e6;
       background-image: image(#eaeaea);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   .inline-toolbar toolbutton > button:backdrop {
@@ -1438,7 +1438,7 @@ spinbutton {
         color: #5c616c;
         background-color: rgba(92, 97, 108, 0.05); }
       spinbutton:not(.vertical) button:disabled {
-        color: rgba(174, 176, 182, 0.3);
+        color: rgba(157, 160, 167, 0.3);
         background-color: transparent; }
       spinbutton:not(.vertical) button:active {
         background-color: rgba(0, 0, 0, 0.1);
@@ -1513,7 +1513,7 @@ spinbutton {
     .osd spinbutton:not(.vertical) button:dir(rtl):first-child {
       border-radius: 4px 0 0 4px; }
   spinbutton.vertical:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
   spinbutton.vertical:backdrop:disabled {
     color: #d9d9d9; }
   spinbutton.vertical:drop(active) {
@@ -1848,8 +1848,8 @@ headerbar {
           border-color: #0051da; }
         .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled,
         headerbar.selection-mode button.suggested-action:disabled {
-          color: #aeb0b6;
+          color: #9da0a7;
-          border-color: #d9d9d9;
+          border-color: #e6e6e6;
           background-image: image(#fdfdfd);
           text-shadow: none;
           -gtk-icon-shadow: none;
@@ -2024,7 +2024,7 @@ treeview.view {
     border-left-color: #93bbff;
     border-top-color: rgba(92, 97, 108, 0.1); }
   treeview.view:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
     treeview.view:disabled:selected {
       color: #7dadff; }
       treeview.view:disabled:selected:backdrop {
@@ -2161,7 +2161,7 @@ menubar,
       color: #005af3; }
     menubar > menuitem:disabled,
     .menubar > menuitem:disabled {
-      color: #aeb0b6;
+      color: #9da0a7;
       box-shadow: none; }
   menubar .csd.popup decoration,
   .menubar .csd.popup decoration {
@@ -2199,7 +2199,7 @@ menu,
     menu menuitem:disabled,
     .menu menuitem:disabled,
     .context-menu menuitem:disabled {
-      color: #aeb0b6; }
+      color: #9da0a7; }
       menu menuitem:disabled:backdrop,
       .menu menuitem:disabled:backdrop,
       .context-menu menuitem:disabled:backdrop {
@@ -2671,7 +2671,7 @@ switch {
     background-color: #2777ff;
     text-shadow: 0 1px rgba(0, 81, 218, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
   switch:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
     border-color: #d9d9d9;
     background-color: #fdfdfd;
     text-shadow: none; }
@@ -2713,8 +2713,8 @@ switch {
   switch:checked > slider {
     border: 1px solid #0047c0; }
   switch:disabled slider {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -3181,8 +3181,8 @@ scale {
     scale slider:active {
       border-color: #0051da; }
     scale slider:disabled {
-      color: #aeb0b6;
+      color: #9da0a7;
-      border-color: #d9d9d9;
+      border-color: #e6e6e6;
       background-image: image(#fdfdfd);
       text-shadow: none;
       -gtk-icon-shadow: none;
@@ -4014,7 +4014,7 @@ expander title > arrow {
   expander title > arrow:hover {
     color: #aaaeb7; }
   expander title > arrow:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
   expander title > arrow:disabled:backdrop {
     color: #d9d9d9; }
   expander title > arrow:checked {
@@ -4039,9 +4039,9 @@ calendar {
     calendar.button:backdrop {
       color: rgba(174, 176, 182, 0.45); }
     calendar.button:disabled {
-      color: rgba(174, 176, 182, 0.45); }
+      color: rgba(157, 160, 167, 0.45); }
   calendar.highlight {
-    color: #aeb0b6; }
+    color: #9da0a7; }
     calendar.highlight:backdrop {
       color: #d9d9d9; }
   calendar:backdrop {
@@ -4144,7 +4144,7 @@ placessidebar row {
   placessidebar row:selected {
     color: #ffffff; }
   placessidebar row:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
   placessidebar row:backdrop {
     color: #aeb0b6; }
     placessidebar row:backdrop:selected {
@@ -4292,8 +4292,8 @@ infobar {
         text-shadow: none;
         -gtk-icon-shadow: none; }
       infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
-        color: #aeb0b6;
+        color: #9da0a7;
-        border-color: #d9d9d9;
+        border-color: #e6e6e6;
         background-image: image(#fdfdfd);
         text-shadow: none;
         -gtk-icon-shadow: none;
@@ -4766,7 +4766,7 @@ row.expander {
   row.expander:checked image.expander-row-arrow:not(:disabled) {
     color: #2777ff; }
   row.expander image.expander-row-arrow:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
 
 flap > dimming,
 deck > dimming,
@@ -6461,7 +6461,7 @@ wnck-pager {
     color: #5c616c;
     font-weight: normal; }
     .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
-      color: #aeb0b6; }
+      color: #9da0a7; }
   .budgie-popover.budgie-menu .container {
     padding: 0; }
   .budgie-popover.user-menu .container {
@@ -6757,7 +6757,7 @@ base background color of insensitive widgets */
 @define-color insensitive_bg_color #fdfdfd;
 /*
 text foreground color of insensitive widgets */
-@define-color insensitive_fg_color #aeb0b6;
+@define-color insensitive_fg_color #9da0a7;
 /*
 insensitive text widgets and the like base background color */
 @define-color insensitive_base_color #fafafa;

share/themes/Kali-Light/gtk-4.0/gtk-dark.css

@@ -526,14 +526,14 @@ button {
   notebook > header > tabs > arrow:disabled,
   button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     -gtk-icon-filter: opacity(0.5); }
     notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
     button:disabled:active,
     button:disabled:checked {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#1a1c23);
       box-shadow: none; }
   button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat,
@@ -746,7 +746,7 @@ button.suggested-action {
   
   button.suggested-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
     
     button.suggested-action:disabled:active,
@@ -831,7 +831,7 @@ button.destructive-action {
   
   button.destructive-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
     
     button.destructive-action:disabled:active,
@@ -1014,7 +1014,7 @@ modelbutton.flat arrow {
     box-shadow: none; }
   .toolbar button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
   .toolbar button:backdrop {
     color: #888a8d;
@@ -2178,7 +2178,7 @@ switch {
     border: 1px solid #00348d; }
   switch:disabled > slider {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
   row:selected switch {
     outline-color: rgba(255, 255, 255, 0.3); }
@@ -2449,7 +2449,7 @@ progressbar > trough, scale > trough > fill, scale > trough {
     background-color: #0a0a0d; }
   progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled {
     background-color: #242731;
-    border-color: #0d0e11; }
+    border-color: #17191f; }
   row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
     outline-color: rgba(255, 255, 255, 0.3);
     border-color: #00348d; }
@@ -2538,7 +2538,7 @@ scale {
       border-color: #00348d; }
     scale > trough > slider:disabled {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#242731); }
     row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
       border-color: #00348d; }

share/themes/Kali-Light/gtk-4.0/gtk.css

@@ -29,7 +29,7 @@ textview > text {
   background-color: #fafafa; }
   .view:disabled, iconview:disabled,
   textview > text:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
     background-color: #fdfdfd; }
   .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
   textview > text:selected:focus,
@@ -120,7 +120,7 @@ label {
     background-color: #2777ff;
     color: #ffffff; }
   label:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
     button label:disabled {
       color: inherit; }
   label.error {
@@ -271,7 +271,7 @@ entry {
     /* We hide placeholders on focus */ }
   spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical),
   entry:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
     border-color: #d9d9d9;
     background-color: #fdfdfd; }
   spinbutton.vertical > text.error, spinbutton.error:not(.vertical),
@@ -525,15 +525,15 @@ button {
         box-shadow: none; }
   notebook > header > tabs > arrow:disabled,
   button:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd);
     -gtk-icon-filter: opacity(0.5); }
     notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
     button:disabled:active,
     button:disabled:checked {
-      color: #aeb0b6;
+      color: #9da0a7;
-      border-color: #d9d9d9;
+      border-color: #e6e6e6;
       background-image: image(#eaeaea);
       box-shadow: none; }
   button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat,
@@ -748,8 +748,8 @@ button.suggested-action {
     color: rgba(39, 119, 255, 0.8); }
   
   button.suggested-action:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd); }
     
     button.suggested-action:disabled:active,
@@ -833,8 +833,8 @@ button.destructive-action {
     color: rgba(212, 25, 25, 0.8); }
   
   button.destructive-action:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd); }
     
     button.destructive-action:disabled:active,
@@ -988,7 +988,7 @@ modelbutton.flat {
   modelbutton.flat:hover {
     background-color: #eaebec; }
   modelbutton.flat:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
 
 modelbutton.flat arrow {
   background: none;
@@ -1016,8 +1016,8 @@ modelbutton.flat arrow {
     background-image: image(#dbdbdb);
     box-shadow: none; }
   .toolbar button:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd); }
   .toolbar button:backdrop {
     color: #aeb0b6;
@@ -1186,7 +1186,7 @@ spinbutton {
         background-color: #f2f2f2; }
       spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled,
       spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled {
-        color: rgba(174, 176, 182, 0.3);
+        color: rgba(157, 160, 167, 0.3);
         background-color: transparent; }
       spinbutton:not(.vertical) > button.image-button.up:not(.flat):active,
       spinbutton:not(.vertical) > button.image-button.down:not(.flat):active {
@@ -1241,7 +1241,7 @@ spinbutton {
     .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child {
       border-radius: 4px 0 0 4px; }
   spinbutton.vertical:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
   spinbutton.vertical:drop(active) {
     border-color: transparent;
     box-shadow: none; }
@@ -1607,7 +1607,7 @@ treeview.view {
     outline-color: rgba(255, 255, 255, 0.8); }
   columnview.view:disabled,
   treeview.view:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
     columnview.view:disabled:selected,
     treeview.view:disabled:selected {
       color: #7dadff; }
@@ -1888,7 +1888,7 @@ menubar {
       box-shadow: inset 0 -3px #2777ff;
       color: #005af3; }
     menubar > item:disabled {
-      color: #aeb0b6;
+      color: #9da0a7;
       box-shadow: none; }
   menubar > item popover.menu.background > contents {
     padding: 5px; }
@@ -2161,7 +2161,7 @@ switch {
     border-color: #0051da;
     background-color: #2777ff; }
   switch:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
     border-color: #d9d9d9;
     background-color: #fdfdfd;
     text-shadow: none; }
@@ -2188,8 +2188,8 @@ switch {
   switch:checked > slider {
     border: 1px solid #0051da; }
   switch:disabled > slider {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd); }
   row:selected switch {
     outline-color: rgba(255, 255, 255, 0.8);
@@ -2467,7 +2467,7 @@ progressbar > trough, scale > trough > fill, scale > trough {
     background-color: #dedede; }
   progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled {
     background-color: #fdfdfd;
-    border-color: #d9d9d9; }
+    border-color: #e6e6e6; }
   row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
     outline-color: rgba(255, 255, 255, 0.8);
     border-color: #0051da; }
@@ -2555,8 +2555,8 @@ scale {
     scale > trough > slider:active {
       border-color: #0051da; }
     scale > trough > slider:disabled {
-      color: #aeb0b6;
+      color: #9da0a7;
-      border-color: #d9d9d9;
+      border-color: #e6e6e6;
       background-image: image(#fdfdfd); }
     row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
       border-color: #0051da; }
@@ -2959,8 +2959,8 @@ progressbar {
     /* override insensitive that is specific to progress */
     border-radius: 1.5px; }
     progressbar > trough > progress:disabled {
-      background-color: #aeb0b6;
+      background-color: #9da0a7;
-      border-color: #aeb0b6; }
+      border-color: #9da0a7; }
     progressbar > trough > progress.left {
       border-top-left-radius: 5px;
       border-bottom-left-radius: 5px; }
@@ -3239,7 +3239,7 @@ expander {
   expander:dir(rtl) {
     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
   expander:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
   expander:checked {
     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
 
@@ -3426,7 +3426,7 @@ separator.sidebar {
       .navigation-sidebar > row:selected:hover {
         background-color: #dddee0; }
     .navigation-sidebar > row:disabled {
-      color: #aeb0b6; }
+      color: #9da0a7; }
 
 /****************
  * File chooser *
@@ -3947,7 +3947,7 @@ row.expander {
   row.expander:checked image.expander-row-arrow:not(:disabled) {
     color: #2777ff; }
   row.expander image.expander-row-arrow:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
 
 flap > dimming,
 deck > dimming,
@@ -4868,7 +4868,7 @@ base background color of insensitive widgets */
 @define-color insensitive_bg_color #fdfdfd;
 /*
 text foreground color of insensitive widgets */
-@define-color insensitive_fg_color #aeb0b6;
+@define-color insensitive_fg_color #9da0a7;
 /*
 insensitive text widgets and the like base background color */
 @define-color insensitive_base_color #fafafa;

share/themes/Kali-Purple-Dark/gtk-3.0/gtk.css

@@ -581,7 +581,7 @@ button {
   notebook > header > tabs > arrow:disabled,
   button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -590,7 +590,7 @@ button {
     button:disabled:active,
     button:disabled:checked {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#16181d);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   notebook > header > tabs > arrow.image-button,
@@ -877,7 +877,7 @@ button.suggested-action {
   
   button.suggested-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1023,7 +1023,7 @@ button.destructive-action {
   
   button.destructive-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1186,14 +1186,14 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
     -gtk-icon-shadow: none; }
   .inline-toolbar toolbutton > button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#16181d);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   .inline-toolbar toolbutton > button:backdrop {
@@ -1840,7 +1840,7 @@ headerbar {
         .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled,
         headerbar.selection-mode button.suggested-action:disabled {
           color: #888a8d;
-          border-color: #0d0e11;
+          border-color: #17191f;
           background-image: image(#242731);
           text-shadow: none;
           -gtk-icon-shadow: none;
@@ -2702,7 +2702,7 @@ switch {
     border: 1px solid black; }
   switch:disabled slider {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -3160,7 +3160,7 @@ scale {
       border-color: #0b000b; }
     scale slider:disabled {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#242731);
       text-shadow: none;
       -gtk-icon-shadow: none;
@@ -4271,7 +4271,7 @@ infobar {
         -gtk-icon-shadow: none; }
       infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
         color: #888a8d;
-        border-color: #0d0e11;
+        border-color: #17191f;
         background-image: image(#242731);
         text-shadow: none;
         -gtk-icon-shadow: none;

share/themes/Kali-Purple-Dark/gtk-4.0/gtk.css

@@ -526,14 +526,14 @@ button {
   notebook > header > tabs > arrow:disabled,
   button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     -gtk-icon-filter: opacity(0.5); }
     notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
     button:disabled:active,
     button:disabled:checked {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#1a1c23);
       box-shadow: none; }
   button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat,
@@ -746,7 +746,7 @@ button.suggested-action {
   
   button.suggested-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
     
     button.suggested-action:disabled:active,
@@ -831,7 +831,7 @@ button.destructive-action {
   
   button.destructive-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
     
     button.destructive-action:disabled:active,
@@ -1014,7 +1014,7 @@ modelbutton.flat arrow {
     box-shadow: none; }
   .toolbar button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
   .toolbar button:backdrop {
     color: #888a8d;
@@ -2178,7 +2178,7 @@ switch {
     border: 1px solid #0b000b; }
   switch:disabled > slider {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
   row:selected switch {
     outline-color: rgba(255, 255, 255, 0.3); }
@@ -2449,7 +2449,7 @@ progressbar > trough, scale > trough > fill, scale > trough {
     background-color: #0a0a0d; }
   progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled {
     background-color: #242731;
-    border-color: #0d0e11; }
+    border-color: #17191f; }
   row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
     outline-color: rgba(255, 255, 255, 0.3);
     border-color: #0b000b; }
@@ -2538,7 +2538,7 @@ scale {
       border-color: #0b000b; }
     scale > trough > slider:disabled {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#242731); }
     row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
       border-color: #0b000b; }

share/themes/Kali-Purple-Light/gtk-3.0/gtk-dark.css

@@ -581,7 +581,7 @@ button {
   notebook > header > tabs > arrow:disabled,
   button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -590,7 +590,7 @@ button {
     button:disabled:active,
     button:disabled:checked {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#16181d);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   notebook > header > tabs > arrow.image-button,
@@ -877,7 +877,7 @@ button.suggested-action {
   
   button.suggested-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1023,7 +1023,7 @@ button.destructive-action {
   
   button.destructive-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1186,14 +1186,14 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
     -gtk-icon-shadow: none; }
   .inline-toolbar toolbutton > button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#16181d);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   .inline-toolbar toolbutton > button:backdrop {
@@ -1840,7 +1840,7 @@ headerbar {
         .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled,
         headerbar.selection-mode button.suggested-action:disabled {
           color: #888a8d;
-          border-color: #0d0e11;
+          border-color: #17191f;
           background-image: image(#242731);
           text-shadow: none;
           -gtk-icon-shadow: none;
@@ -2702,7 +2702,7 @@ switch {
     border: 1px solid black; }
   switch:disabled slider {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -3160,7 +3160,7 @@ scale {
       border-color: #0b000b; }
     scale slider:disabled {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#242731);
       text-shadow: none;
       -gtk-icon-shadow: none;
@@ -4271,7 +4271,7 @@ infobar {
         -gtk-icon-shadow: none; }
       infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
         color: #888a8d;
-        border-color: #0d0e11;
+        border-color: #17191f;
         background-image: image(#242731);
         text-shadow: none;
         -gtk-icon-shadow: none;

share/themes/Kali-Purple-Light/gtk-3.0/gtk.css

@@ -49,7 +49,7 @@
     color: #5c616c;
     background-color: #e6e6e6; }
   .gtkstyle-fallback:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
     background-color: #fdfdfd; }
   .gtkstyle-fallback:selected {
     color: #ffffff;
@@ -76,7 +76,7 @@ textview text {
   .view text:disabled,
   iconview text:disabled,
   textview text:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
     background-color: #fdfdfd; }
   .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
   .view text:selected:focus,
@@ -122,7 +122,7 @@ label {
     background-color: #a400a4;
     color: #ffffff; }
   label:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
     button label:disabled {
       color: inherit; }
     label:disabled:backdrop {
@@ -266,7 +266,7 @@ entry {
     border-color: #a400a4; }
   spinbutton:disabled:not(.vertical),
   entry:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
     border-color: #d9d9d9;
     background-color: #fdfdfd;
     box-shadow: none; }
@@ -580,8 +580,8 @@ button {
     -gtk-icon-shadow: none; }
   notebook > header > tabs > arrow:disabled,
   button:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -589,8 +589,8 @@ button {
     notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
     button:disabled:active,
     button:disabled:checked {
-      color: #aeb0b6;
+      color: #9da0a7;
-      border-color: #d9d9d9;
+      border-color: #e6e6e6;
       background-image: image(#eaeaea);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   notebook > header > tabs > arrow.image-button,
@@ -879,8 +879,8 @@ button.suggested-action {
     color: rgba(164, 0, 164, 0.8); }
   
   button.suggested-action:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1025,8 +1025,8 @@ button.destructive-action {
     color: rgba(212, 25, 25, 0.8); }
   
   button.destructive-action:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1188,15 +1188,15 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
     text-shadow: none;
     -gtk-icon-shadow: none; }
   .inline-toolbar toolbutton > button:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
     .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
-      color: #aeb0b6;
+      color: #9da0a7;
-      border-color: #d9d9d9;
+      border-color: #e6e6e6;
       background-image: image(#eaeaea);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   .inline-toolbar toolbutton > button:backdrop {
@@ -1438,7 +1438,7 @@ spinbutton {
         color: #5c616c;
         background-color: rgba(92, 97, 108, 0.05); }
       spinbutton:not(.vertical) button:disabled {
-        color: rgba(174, 176, 182, 0.3);
+        color: rgba(157, 160, 167, 0.3);
         background-color: transparent; }
       spinbutton:not(.vertical) button:active {
         background-color: rgba(0, 0, 0, 0.1);
@@ -1513,7 +1513,7 @@ spinbutton {
     .osd spinbutton:not(.vertical) button:dir(rtl):first-child {
       border-radius: 4px 0 0 4px; }
   spinbutton.vertical:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
   spinbutton.vertical:backdrop:disabled {
     color: #d9d9d9; }
   spinbutton.vertical:drop(active) {
@@ -1848,8 +1848,8 @@ headerbar {
           border-color: #580058; }
         .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled,
         headerbar.selection-mode button.suggested-action:disabled {
-          color: #aeb0b6;
+          color: #9da0a7;
-          border-color: #d9d9d9;
+          border-color: #e6e6e6;
           background-image: image(#fdfdfd);
           text-shadow: none;
           -gtk-icon-shadow: none;
@@ -2024,7 +2024,7 @@ treeview.view {
     border-left-color: #d280d2;
     border-top-color: rgba(92, 97, 108, 0.1); }
   treeview.view:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
     treeview.view:disabled:selected {
       color: #c866c8; }
       treeview.view:disabled:selected:backdrop {
@@ -2161,7 +2161,7 @@ menubar,
       color: #710071; }
     menubar > menuitem:disabled,
     .menubar > menuitem:disabled {
-      color: #aeb0b6;
+      color: #9da0a7;
       box-shadow: none; }
   menubar .csd.popup decoration,
   .menubar .csd.popup decoration {
@@ -2199,7 +2199,7 @@ menu,
     menu menuitem:disabled,
     .menu menuitem:disabled,
     .context-menu menuitem:disabled {
-      color: #aeb0b6; }
+      color: #9da0a7; }
       menu menuitem:disabled:backdrop,
       .menu menuitem:disabled:backdrop,
       .context-menu menuitem:disabled:backdrop {
@@ -2671,7 +2671,7 @@ switch {
     background-color: #a400a4;
     text-shadow: 0 1px rgba(88, 0, 88, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
   switch:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
     border-color: #d9d9d9;
     background-color: #fdfdfd;
     text-shadow: none; }
@@ -2713,8 +2713,8 @@ switch {
   switch:checked > slider {
     border: 1px solid #3e003e; }
   switch:disabled slider {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -3181,8 +3181,8 @@ scale {
     scale slider:active {
       border-color: #580058; }
     scale slider:disabled {
-      color: #aeb0b6;
+      color: #9da0a7;
-      border-color: #d9d9d9;
+      border-color: #e6e6e6;
       background-image: image(#fdfdfd);
       text-shadow: none;
       -gtk-icon-shadow: none;
@@ -4014,7 +4014,7 @@ expander title > arrow {
   expander title > arrow:hover {
     color: #aaaeb7; }
   expander title > arrow:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
   expander title > arrow:disabled:backdrop {
     color: #d9d9d9; }
   expander title > arrow:checked {
@@ -4039,9 +4039,9 @@ calendar {
     calendar.button:backdrop {
       color: rgba(174, 176, 182, 0.45); }
     calendar.button:disabled {
-      color: rgba(174, 176, 182, 0.45); }
+      color: rgba(157, 160, 167, 0.45); }
   calendar.highlight {
-    color: #aeb0b6; }
+    color: #9da0a7; }
     calendar.highlight:backdrop {
       color: #d9d9d9; }
   calendar:backdrop {
@@ -4144,7 +4144,7 @@ placessidebar row {
   placessidebar row:selected {
     color: #ffffff; }
   placessidebar row:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
   placessidebar row:backdrop {
     color: #aeb0b6; }
     placessidebar row:backdrop:selected {
@@ -4292,8 +4292,8 @@ infobar {
         text-shadow: none;
         -gtk-icon-shadow: none; }
       infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
-        color: #aeb0b6;
+        color: #9da0a7;
-        border-color: #d9d9d9;
+        border-color: #e6e6e6;
         background-image: image(#fdfdfd);
         text-shadow: none;
         -gtk-icon-shadow: none;
@@ -4766,7 +4766,7 @@ row.expander {
   row.expander:checked image.expander-row-arrow:not(:disabled) {
     color: #a400a4; }
   row.expander image.expander-row-arrow:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
 
 flap > dimming,
 deck > dimming,
@@ -6461,7 +6461,7 @@ wnck-pager {
     color: #5c616c;
     font-weight: normal; }
     .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
-      color: #aeb0b6; }
+      color: #9da0a7; }
   .budgie-popover.budgie-menu .container {
     padding: 0; }
   .budgie-popover.user-menu .container {
@@ -6757,7 +6757,7 @@ base background color of insensitive widgets */
 @define-color insensitive_bg_color #fdfdfd;
 /*
 text foreground color of insensitive widgets */
-@define-color insensitive_fg_color #aeb0b6;
+@define-color insensitive_fg_color #9da0a7;
 /*
 insensitive text widgets and the like base background color */
 @define-color insensitive_base_color #fafafa;

share/themes/Kali-Purple-Light/gtk-4.0/gtk-dark.css

@@ -526,14 +526,14 @@ button {
   notebook > header > tabs > arrow:disabled,
   button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731);
     -gtk-icon-filter: opacity(0.5); }
     notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
     button:disabled:active,
     button:disabled:checked {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#1a1c23);
       box-shadow: none; }
   button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat,
@@ -746,7 +746,7 @@ button.suggested-action {
   
   button.suggested-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
     
     button.suggested-action:disabled:active,
@@ -831,7 +831,7 @@ button.destructive-action {
   
   button.destructive-action:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
     
     button.destructive-action:disabled:active,
@@ -1014,7 +1014,7 @@ modelbutton.flat arrow {
     box-shadow: none; }
   .toolbar button:disabled {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
   .toolbar button:backdrop {
     color: #888a8d;
@@ -2178,7 +2178,7 @@ switch {
     border: 1px solid #0b000b; }
   switch:disabled > slider {
     color: #888a8d;
-    border-color: #0d0e11;
+    border-color: #17191f;
     background-image: image(#242731); }
   row:selected switch {
     outline-color: rgba(255, 255, 255, 0.3); }
@@ -2449,7 +2449,7 @@ progressbar > trough, scale > trough > fill, scale > trough {
     background-color: #0a0a0d; }
   progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled {
     background-color: #242731;
-    border-color: #0d0e11; }
+    border-color: #17191f; }
   row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
     outline-color: rgba(255, 255, 255, 0.3);
     border-color: #0b000b; }
@@ -2538,7 +2538,7 @@ scale {
       border-color: #0b000b; }
     scale > trough > slider:disabled {
       color: #888a8d;
-      border-color: #0d0e11;
+      border-color: #17191f;
       background-image: image(#242731); }
     row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
       border-color: #0b000b; }

share/themes/Kali-Purple-Light/gtk-4.0/gtk.css

@@ -29,7 +29,7 @@ textview > text {
   background-color: #fafafa; }
   .view:disabled, iconview:disabled,
   textview > text:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
     background-color: #fdfdfd; }
   .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
   textview > text:selected:focus,
@@ -120,7 +120,7 @@ label {
     background-color: #a400a4;
     color: #ffffff; }
   label:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
     button label:disabled {
       color: inherit; }
   label.error {
@@ -271,7 +271,7 @@ entry {
     /* We hide placeholders on focus */ }
   spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical),
   entry:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
     border-color: #d9d9d9;
     background-color: #fdfdfd; }
   spinbutton.vertical > text.error, spinbutton.error:not(.vertical),
@@ -525,15 +525,15 @@ button {
         box-shadow: none; }
   notebook > header > tabs > arrow:disabled,
   button:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd);
     -gtk-icon-filter: opacity(0.5); }
     notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
     button:disabled:active,
     button:disabled:checked {
-      color: #aeb0b6;
+      color: #9da0a7;
-      border-color: #d9d9d9;
+      border-color: #e6e6e6;
       background-image: image(#eaeaea);
       box-shadow: none; }
   button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat,
@@ -748,8 +748,8 @@ button.suggested-action {
     color: rgba(164, 0, 164, 0.8); }
   
   button.suggested-action:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd); }
     
     button.suggested-action:disabled:active,
@@ -833,8 +833,8 @@ button.destructive-action {
     color: rgba(212, 25, 25, 0.8); }
   
   button.destructive-action:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd); }
     
     button.destructive-action:disabled:active,
@@ -988,7 +988,7 @@ modelbutton.flat {
   modelbutton.flat:hover {
     background-color: #eaebec; }
   modelbutton.flat:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
 
 modelbutton.flat arrow {
   background: none;
@@ -1016,8 +1016,8 @@ modelbutton.flat arrow {
     background-image: image(#dbdbdb);
     box-shadow: none; }
   .toolbar button:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd); }
   .toolbar button:backdrop {
     color: #aeb0b6;
@@ -1186,7 +1186,7 @@ spinbutton {
         background-color: #f2f2f2; }
       spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled,
       spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled {
-        color: rgba(174, 176, 182, 0.3);
+        color: rgba(157, 160, 167, 0.3);
         background-color: transparent; }
       spinbutton:not(.vertical) > button.image-button.up:not(.flat):active,
       spinbutton:not(.vertical) > button.image-button.down:not(.flat):active {
@@ -1241,7 +1241,7 @@ spinbutton {
     .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child {
       border-radius: 4px 0 0 4px; }
   spinbutton.vertical:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
   spinbutton.vertical:drop(active) {
     border-color: transparent;
     box-shadow: none; }
@@ -1607,7 +1607,7 @@ treeview.view {
     outline-color: rgba(255, 255, 255, 0.8); }
   columnview.view:disabled,
   treeview.view:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
     columnview.view:disabled:selected,
     treeview.view:disabled:selected {
       color: #c866c8; }
@@ -1888,7 +1888,7 @@ menubar {
       box-shadow: inset 0 -3px #a400a4;
       color: #710071; }
     menubar > item:disabled {
-      color: #aeb0b6;
+      color: #9da0a7;
       box-shadow: none; }
   menubar > item popover.menu.background > contents {
     padding: 5px; }
@@ -2161,7 +2161,7 @@ switch {
     border-color: #580058;
     background-color: #a400a4; }
   switch:disabled {
-    color: #aeb0b6;
+    color: #9da0a7;
     border-color: #d9d9d9;
     background-color: #fdfdfd;
     text-shadow: none; }
@@ -2188,8 +2188,8 @@ switch {
   switch:checked > slider {
     border: 1px solid #580058; }
   switch:disabled > slider {
-    color: #aeb0b6;
+    color: #9da0a7;
-    border-color: #d9d9d9;
+    border-color: #e6e6e6;
     background-image: image(#fdfdfd); }
   row:selected switch {
     outline-color: rgba(255, 255, 255, 0.8);
@@ -2467,7 +2467,7 @@ progressbar > trough, scale > trough > fill, scale > trough {
     background-color: #dedede; }
   progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled {
     background-color: #fdfdfd;
-    border-color: #d9d9d9; }
+    border-color: #e6e6e6; }
   row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
     outline-color: rgba(255, 255, 255, 0.8);
     border-color: #580058; }
@@ -2555,8 +2555,8 @@ scale {
     scale > trough > slider:active {
       border-color: #580058; }
     scale > trough > slider:disabled {
-      color: #aeb0b6;
+      color: #9da0a7;
-      border-color: #d9d9d9;
+      border-color: #e6e6e6;
       background-image: image(#fdfdfd); }
     row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
       border-color: #580058; }
@@ -2959,8 +2959,8 @@ progressbar {
     /* override insensitive that is specific to progress */
     border-radius: 1.5px; }
     progressbar > trough > progress:disabled {
-      background-color: #aeb0b6;
+      background-color: #9da0a7;
-      border-color: #aeb0b6; }
+      border-color: #9da0a7; }
     progressbar > trough > progress.left {
       border-top-left-radius: 5px;
       border-bottom-left-radius: 5px; }
@@ -3239,7 +3239,7 @@ expander {
   expander:dir(rtl) {
     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
   expander:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
   expander:checked {
     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
 
@@ -3426,7 +3426,7 @@ separator.sidebar {
       .navigation-sidebar > row:selected:hover {
         background-color: #dddee0; }
     .navigation-sidebar > row:disabled {
-      color: #aeb0b6; }
+      color: #9da0a7; }
 
 /****************
  * File chooser *
@@ -3947,7 +3947,7 @@ row.expander {
   row.expander:checked image.expander-row-arrow:not(:disabled) {
     color: #a400a4; }
   row.expander image.expander-row-arrow:disabled {
-    color: #aeb0b6; }
+    color: #9da0a7; }
 
 flap > dimming,
 deck > dimming,
@@ -4868,7 +4868,7 @@ base background color of insensitive widgets */
 @define-color insensitive_bg_color #fdfdfd;
 /*
 text foreground color of insensitive widgets */
-@define-color insensitive_fg_color #aeb0b6;
+@define-color insensitive_fg_color #9da0a7;
 /*
 insensitive text widgets and the like base background color */
 @define-color insensitive_base_color #fafafa;

src/themes/Kali/sass/common/_colors.scss

@@ -1,10 +1,13 @@
 // When color definition differs for dark and light variant
 // it gets @if ed depending on $variant
 
-$_dark_base_color: #272a34;
+//@import '_palette.scss';
 
 $is_highcontrast: false;
 
+// base color for light theme
+$_dark_base_color: #272a34;
+
 $base_color: if($variant == 'light', darken(#ffffff, 2%), $_dark_base_color);
 $text_color: if($variant == 'light', black, white);
 $bg_color: if($variant == 'light', #ffffff, darken($_dark_base_color, 2%));
@@ -37,10 +40,14 @@ $warning_color: #fd7d00;
 $error_color: #bf1717;
 $success_color: if($variant == 'light', #3db47e, darken(#3db47e, 10%));
 $destructive_color: if($variant == 'light', #d41919, darken(#d41919, 10%));
+$drop_target_color: #19a187;
 
+// color definitions for OSD elements
 $osd_fg_color: white;
 $osd_text_color: white;
 $osd_bg_color: lighten($_dark_base_color, 4%);
+
+// derived osd colors
 $osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
 $osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%);
 $osd_borders_color: black;
@@ -53,21 +60,42 @@ $panel_bg : transparentize($bg_color, if($variant=='light', 0.1, 0.2));
 $panel_fg: if($variant=='light', darken($fg_color, 10%), $fg_color);
 
 $tooltip_borders_color: $osd_outer_borders_color;
-$shadow_color: transparentize(black, if($variant == 'light', 0.9, 0.7));
-$system_bg_color: $_dark_base_color;
 
-// button
+$shadow_color: transparentize(black, if($variant == 'light', 0.9, 0.7));
-$button_mix_factor: 9%;
+
+// buttons
+$button_mix_factor: if($variant == 'light', 10%, 9%);
 
 // notifications
 $bubble_buttons_color: if($variant == 'light', darken($bg_color, 7%), lighten($bg_color, 5%));
 
-$drop_target_color: #19a187;
+// color definitions for system elements (e.g. the overview)
+$system_base_color: $_dark_base_color; // always dark
+$system_fg_color: white;
 
-//insensitive state derived colors
+// derived system colors
-$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
+$system_bg_color: lighten($system_base_color, 5%);
+$system_borders_color: transparentize($system_fg_color, .9);
+$system_insensitive_fg_color: mix($system_fg_color, $system_bg_color, 50%);
+$system_overlay_bg_color: mix($system_base_color, $system_fg_color, 90%); // for non-transparent items, e.g. dash
+
+// derived global colors
+// insensitive state
+$insensitive_fg_color: if($variant == 'light', mix($fg_color, $bg_color, 60%),  mix($fg_color, $bg_color, 50%));
 $insensitive_bg_color: mix($bg_color, $base_color, 60%);
-$insensitive_borders_color: $borders_color;
+$insensitive_borders_color: mix($borders_color, $base_color, 60%);
+
+// checked state
+$checked_bg_color: if($variant=='light', darken($bg_color, 7%), lighten($bg_color, 7%));
+$checked_fg_color: if($variant=='light', darken($fg_color, 7%), lighten($fg_color, 7%));
+
+// hover state
+$hover_bg_color: if($variant=='light', darken($bg_color,9%), lighten($bg_color, 10%));
+$hover_fg_color: if($variant=='light', darken($fg_color,9%), lighten($fg_color, 10%));
+
+// active state
+$active_bg_color: if($variant=='light', darken($bg_color, 11%), lighten($bg_color, 12%));
+$active_fg_color: if($variant=='light', darken($fg_color, 11%), lighten($fg_color, 12%));
 
 //colors for the backdrop state, derived from the main colors.
 $backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%));
@@ -85,18 +113,6 @@ $backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40
 
 $backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%));
 
-// derived checked colors
-$checked_bg_color: if($variant=='light', darken($base_color, 7%), lighten($base_color, 9%));
-$checked_fg_color: if($variant=='light', darken($fg_color, 7%), lighten($fg_color, 7%));
-
-// derived hover colors
-$hover_bg_color: if($variant=='light', darken($base_color, 3%), lighten($base_color, 4%));
-$hover_fg_color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 10%));
-
-// derived active colors
-$active_bg_color: if($variant=='light', darken($base_color, 5%), lighten($base_color, 6%));
-$active_fg_color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 12%));
-
 //special cased widget colors
 $suggested_bg_color: $selected_bg_color;
 $suggested_border_color: $selected_borders_color;
@@ -110,3 +126,8 @@ $switch_borders_color: if($variant == 'light',darken($switch_bg_color,15%),darke
 $focus_border_color: if($variant == 'light', transparentize($selected_bg_color, 0.5), transparentize($selected_bg_color, 0.3));
 $alt_focus_border_color: if($variant == 'light', transparentize(white, 0.2), transparentize(white,0.7));
 $dim_label_opacity: 0.55;
+
+// Gnome's color palette
+$light_1: white;
+$light_3: red;
+$dark_5: black;

src/themes/Kali/sass/gnome-shell/_common-tweaks.scss

@@ -80,6 +80,7 @@ $dialog_box_shadow: 0 2px 6px -2px transparentize(black, .8);
   $_panel_text_shadow: 0 1px 2px transparentize(black, 0.7);
   background: $_panel_bg;
   text-shadow: $_panel_text_shadow;
+  box-shadow: none;
 
   StIcon { icon-shadow: $_panel_text_shadow; }
 

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_colors.scss

@@ -5,66 +5,70 @@
 
 $is_highcontrast:false;
 
+// base color for light theme
 $_dark_base_color: desaturate($dark_4, 100%);
 
 $base_color: if($variant == 'light', $light_1, $_dark_base_color);
 $bg_color: if($variant == 'light', $light_2, lighten($base_color, 5%));
-$fg_color: if($variant == 'light', transparentize(black, .2), white);
+$fg_color: if($variant == 'light', $_dark_base_color, white);
 
 $selected_fg_color: $light_1;
 $selected_bg_color: $blue_3;
 $selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 20%));
 
-$borders_color: if($variant == 'light', transparentize($fg_color, .5), transparentize($fg_color, .9));
+$borders_color: if($variant == 'light', transparentize($fg_color, .85), transparentize($fg_color, .9));
-$outer_borders_color: if($variant == 'light', rgba(255,255,255,0.8), lighten($bg_color, 5%));
+$outer_borders_color: if($variant == 'light', darken($bg_color, 7%), lighten($bg_color, 5%));
 
 $link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%));
 $link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%));
 
-$warning_color: if($variant == 'light', $yellow_5, #cd9309);
+$warning_color: if($variant == 'light', $yellow_5, $yellow_3);
 $error_color: if($variant == 'light', $red_3, $red_4);
 $success_color: if($variant == 'light', $green_4, $green_5);
 $destructive_color: $error_color;
 
-$osd_fg_color: $light_1;
+// color definitions for OSD elements
-$osd_bg_color: $_dark_base_color; //hardcoded for both light & dark
+$osd_fg_color: if($variant == 'light', $_dark_base_color, $light_1);
+$osd_bg_color: if($variant == 'light', $light_3, lighten($_dark_base_color, 5%));
+
+// derived osd colors
 $osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
-$osd_insensitive_fg_color: if($variant == 'light', mix($osd_fg_color, $osd_bg_color, 80%),  mix($osd_fg_color, $osd_bg_color, 70%));
+$osd_insensitive_fg_color: mix($osd_fg_color, $osd_bg_color, 70%);
-$osd_borders_color: transparentize(black, 0.3);
+$osd_borders_color: transparentize($osd_fg_color, 0.9);
-$osd_outer_borders_color: transparentize($osd_fg_color, 0.9);
+$osd_outer_borders_color: transparentize($osd_fg_color, 0.98);
 
-$shadow_color: if($variant == 'light', rgba(0,0,0,0.1), rgba(0,0,0,0.2));
+$shadow_color: if($variant == 'light', rgba(0,0,0,.05), rgba(0,0,0,0.2));
 
-// button
+// buttons
-$button_mix_factor: 9%;
+$button_mix_factor: if($variant == 'light', 12%, 9%);
 
 // notifications
 $bubble_buttons_color: if($variant == 'light', darken($bg_color, 7%), lighten($bg_color, 5%));
 
-// overview background color
+// color definitions for system elements (e.g. the overview)
-$system_bg_color: $base_color;
+$system_base_color: $_dark_base_color; // always dark
+$system_fg_color: $light_2;
 
-//insensitive state derived colors
+// derived system colors
-$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
+$system_bg_color: lighten($system_base_color, 5%);
+$system_borders_color: transparentize($system_fg_color, .9);
+$system_insensitive_fg_color: mix($system_fg_color, $system_bg_color, 50%);
+$system_overlay_bg_color: mix($system_base_color, $system_fg_color, 90%); // for non-transparent items, e.g. dash
+
+// derived global colors
+// insensitive state
+$insensitive_fg_color: if($variant == 'light', mix($fg_color, $bg_color, 60%),  mix($fg_color, $bg_color, 50%));
 $insensitive_bg_color: mix($bg_color, $base_color, 60%);
 $insensitive_borders_color: mix($borders_color, $base_color, 60%);
 
-//colors for the backdrop state, derived from the main colors.
+// checked state
-$backdrop_base_color: if($variant =='light', darken($base_color,1%), lighten($base_color,1%));
-$backdrop_bg_color: $bg_color;
-$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 80%);
-$backdrop_insensitive_color: if($variant =='light', darken($backdrop_bg_color,15%), lighten($backdrop_bg_color,15%));
-$backdrop_borders_color: mix($borders_color, $bg_color, 90%);
-$backdrop_dark_fill: mix($backdrop_borders_color,$backdrop_bg_color, 35%);
-
-// derived checked colors
 $checked_bg_color: if($variant=='light', darken($bg_color, 7%), lighten($bg_color, 7%));
 $checked_fg_color: if($variant=='light', darken($fg_color, 7%), lighten($fg_color, 7%));
 
-// derived hover colors
+// hover state
-$hover_bg_color: if($variant=='light', darken($bg_color, 3%), lighten($bg_color, 10%));
+$hover_bg_color: if($variant=='light', darken($bg_color,9%), lighten($bg_color, 10%));
-$hover_fg_color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 10%));
+$hover_fg_color: if($variant=='light', darken($fg_color,9%), lighten($fg_color, 10%));
 
-// derived active colors
+// active state
-$active_bg_color: if($variant=='light', darken($bg_color, 5%), lighten($bg_color, 12%));
+$active_bg_color: if($variant=='light', darken($bg_color, 11%), lighten($bg_color, 12%));
-$active_fg_color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 12%));
+$active_fg_color: if($variant=='light', darken($fg_color, 11%), lighten($fg_color, 12%));

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_common.scss

@@ -57,18 +57,6 @@ stage {
 
 /* Common Stylings */
 
-// osd panels
-%osd_panel {
-  color: $osd_fg_color;
-  background-color: $osd_bg_color;
-  border: 1px solid $osd_outer_borders_color;
-  border-radius: 999px;
-  padding: $base_padding*2;
-  @if $is_highcontrast {
-    border: 2px solid $hc_inset_color;
-  }
-}
-
 // icon tiles
 %tile {
   border-radius: $base_border_radius * 2; // 16px
@@ -77,19 +65,24 @@ stage {
   border: 2px solid transparent;
   transition-duration: 200ms;
   text-align: center;
+  color: inherit;
+
   @if $is_highcontrast {
     border-color: $hc_inset_color;
   }
 }
 
 // normal button styling
-%button {
+%button_common {
   border-radius: $base_border_radius;
   border-style: solid;
   border-width: 1px;
   font-weight: bold;
   padding: $base_padding*.5 $base_padding*4;
+}
 
+%button {
+  @extend %button_common;
   @include button(normal);
   &:focus { @include button(focus);}
   &:hover { @include button(hover);}
@@ -111,19 +104,24 @@ stage {
 
 
 // normal entry style
-%entry {
+%entry_common {
   border-radius: $base_border_radius;
   padding: $base_padding*1.5 $base_padding*1.5;
-  color: $fg_color;
   selection-background-color: $selected_bg_color;
   selected-color: $selected_fg_color;
-
-  @include entry(normal);
-  &:hover { @include entry(hover);}
-  &:focus { @include entry(focus);}
-  &:insensitive { @include entry(insensitive);}
 }
 
+%entry {
+  @extend %entry_common;
+  @include entry(normal, $c:$fg_color);
+  &:hover { @include entry(hover, $c:$fg_color);}
+  &:focus { @include entry(focus, $c:$fg_color);}
+  &:insensitive { @include entry(insensitive, $c:$fg_color);}
+
+  StLabel.hint-text {
+    color: transparentize($fg_color, 0.3);
+  }
+}
 
 // buttons in dialogs/notifications
 // lighter in color and have a greater radius
@@ -166,36 +164,21 @@ stage {
   }
 }
 
-// buttons on OSD elements
-// that are undecorated by default and use OSD colors
-%osd_button {
-  @include button(undecorated);
-  &:insensitive { @include button(undecorated, $tc:$osd_fg_color, $c:$osd_bg_color);}
-  &:focus { @include button(focus, $tc:$osd_fg_color, $c:$osd_bg_color);}
-  &:hover { @include button(hover, $tc:$osd_fg_color, $c:$osd_bg_color);}
-  &:active { @include button(active, $tc:$osd_fg_color, $c:$osd_bg_color);}
-  &:outlined,&:checked { @include button(checked, $tc:$osd_fg_color, $c:$osd_bg_color);}
-}
-
-
 // tooltip
 %tooltip {
-  background-color: $osd_bg_color;
+  background-color: transparentize(black, 0.1);
-  color: $osd_fg_color;
+  color: $light_1;
-  border:1px solid $osd_outer_borders_color;
+
   border-radius: 99px;
   padding: $base_padding $base_padding * 2;
   text-align: center;
 
   @if $is_highcontrast {
-    background-color: $osd_bg_color;
+    border-color: $hc_inset_color;
-    color: $osd_fg_color;
-    border: 1px solid $hc_inset_color;
   }
 }
 
 /* General Typography */
-
 %large_title {
   font-weight: 300;
   @include fontsize(24);
@@ -243,3 +226,68 @@ stage {
 
 %monospace {font-family: monospace;}
 %numeric { font-feature-settings: "tnum";}
+
+
+/* OSD Elements */
+%osd_panel {
+  color: $osd_fg_color;
+  background-color: $osd_bg_color;
+  border: 1px solid $osd_outer_borders_color;
+  border-radius: 999px;
+  padding: $base_padding*2;
+
+  @if $is_highcontrast {
+    border: 2px solid $hc_inset_color;
+  }
+}
+
+// entries
+%osd_entry {
+  @extend %entry_common;
+  @include entry(normal, $c:$osd_fg_color,);
+  &:hover { @include entry(hover, $c:$osd_fg_color,);}
+  &:focus { @include entry(focus, $c:$osd_fg_color,);}
+  &:insensitive { @include entry(insensitive, $c:$osd_fg_color,);}
+
+  StLabel.hint-text {color: transparentize($osd_fg_color, 0.3); }
+}
+
+// buttons on OSD elements
+%osd_button {
+  @extend %button_common;
+  @include button(normal, $tc:$osd_fg_color, $c:$osd_bg_color);
+  &:insensitive { @include button(insensitive, $tc:$osd_fg_color, $c:$osd_bg_color);}
+  &:focus { @include button(focus, $tc:$osd_fg_color, $c:$osd_bg_color);}
+  &:hover { @include button(hover, $tc:$osd_fg_color, $c:$osd_bg_color);}
+  &:active { @include button(active, $tc:$osd_fg_color, $c:$osd_bg_color);}
+  &:outlined,&:checked { @include button(checked, $tc:$osd_fg_color, $c:$osd_bg_color);}
+}
+
+%osd_button_flat {
+  @extend %osd_button;
+  @include button(undecorated);
+  &:insensitive { @include button(undecorated, $tc:$osd_fg_color, $c:$osd_bg_color);}
+}
+
+/* System Elements */
+
+// entries
+%system_entry {
+  @extend %entry_common;
+  @include entry(normal, $c:$system_fg_color,);
+  &:hover { @include entry(hover, $c:$system_fg_color,);}
+  &:focus { @include entry(focus, $c:$system_fg_color,);}
+  &:insensitive { @include entry(insensitive, $c:$system_fg_color,);}
+
+  StLabel.hint-text { color: transparentize($system_fg_color, 0.3);}
+}
+
+// buttons
+%system_button {
+  @include button(normal, $tc:$system_fg_color, $c:$system_bg_color);
+  &:insensitive { @include button(insensitive, $tc:$system_fg_color, $c:$system_bg_color);}
+  &:focus { @include button(focus, $tc:$system_fg_color, $c:$system_bg_color);}
+  &:hover { @include button(hover, $tc:$system_fg_color, $c:$system_bg_color);}
+  &:active { @include button(active, $tc:$system_fg_color, $c:$system_bg_color);}
+  &:outlined,&:checked { @include button(checked, $tc:$system_fg_color, $c:$system_bg_color);}
+}

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_drawing.scss

@@ -23,23 +23,22 @@
   @else { box-shadow: $shadow1; }
 }
 
-// entries
 
-@mixin entry($t, $fc:$selected_bg_color) {
+// Text entries
+@mixin entry($t, $c) {
 //
 // Entries drawing function
 //
 // $t: entry type
-// $fc: focus color
+// $c: text color, used to derive background color of entries
 //
-// possible $t values:
+// possible $t values: normal, focus, insensitive
-// normal, focus, insensitive
 //
   transition-duration: 100ms;
 
   @if $t==normal {
-    background-color: transparentize($fg_color, 0.9);
+    background-color: transparentize($c, 0.85);
-    color: transparentize($fg_color,0.3);
+    color: transparentize($c,0.3);
 
     @if $is_highcontrast {
       box-shadow: inset 0 0 0 1px $hc_inset_color;
@@ -47,20 +46,19 @@
   }
 
   @if $t==focus {
-    background-color: mix(transparentize($fg_color, 0.8), $selected_bg_color, 95%);
+    background-color: mix(transparentize($c, 0.75), $selected_bg_color, 95%);
-    box-shadow: inset 0 0 0 2px $fc;
+    box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.3);
-    color: $fg_color;
+    color: $c;
     &:hover {}
   }
 
   @if $t==hover {
-    background-color:transparentize($fg_color, 0.8);
+    background-color: transparentize($c, 0.75);
-    color: inherit;
   }
 
   @if $t==insensitive {
-    background-color:transparentize($insensitive_fg_color, 0.8);
+    background-color:transparentize($c, 0.75);
-    color: $insensitive_fg_color;
+    color: transparentize($c, 0.5);
   }
 }
 
@@ -162,29 +160,6 @@
     }
   }
 
-  // hover button
-  @else if $t==hover {
-    color: $tc;
-    background-color: lighten($button_bg_color, 3%);
-    @if $is_highcontrast {
-      box-shadow: inset 0 0 0 1px $hc_inset_color !important;
-    }
-  }
-
-  // active button
-  @else if $t==active {
-    color: $tc;
-    background-color:  lighten($button_bg_color, 9%);
-  }
-
-  // checked button
-  @else if $t==checked {
-    color: $tc;
-    background-color: lighten($button_bg_color, 9%);
-    &:hover { background-color: lighten($button_bg_color, 12%);}
-    &:active { background-color: lighten($button_bg_color, 15%);}
-  }
-
   // focused button
   @if $t==focus {
     color: $tc;
@@ -200,6 +175,39 @@
     }
   }
 
+  // hover button
+  @else if $t==hover {
+    color: $tc;
+    background-color: if($variant == 'light', darken($button_bg_color, 3%), lighten($button_bg_color, 3%));
+
+    @if $is_highcontrast == "true" {
+      box-shadow: inset 0 0 0 1px lighten($button_inset_color, 3%);
+      background-color: mix(lighten($button_bg_color, 3%), $button_inset_color, 10%);
+    }
+  }
+
+  // active button
+  @else if $t==active {
+    color: $tc;
+    background-color: if($variant == 'light', darken($button_bg_color, 6%), lighten($button_bg_color, 6%));
+    @if $is_highcontrast == "true" {
+      box-shadow: inset 0 0 0 1px lighten($button_inset_color, 6%);
+      background-color: mix(lighten($button_bg_color, 6%), $button_inset_color, 10%);
+    }
+  }
+
+  // checked button
+  @else if $t==checked {
+    color: $tc;
+    background-color: if($variant == 'light', darken($button_bg_color, 9%), lighten($button_bg_color, 9%));
+    @if $is_highcontrast == "true" {
+      box-shadow: inset 0 0 0 1px lighten($button_inset_color, 9%);
+      background-color: mix(lighten($button_bg_color, 9%), $button_inset_color, 10%);
+    }
+    &:hover { background-color: lighten($button_bg_color, 12%);}
+    &:active { background-color: lighten($button_bg_color, 15%);}
+  }
+
   // insensitive button
   @else if $t==insensitive {
     color: transparentize($tc, 0.5);
@@ -280,11 +288,9 @@
   @if $flat {
     .overview-icon { background-color: transparent;}
   } @else {
-    .overview-icon { 
+    .overview-icon { background-color: transparentize($color, .93); }
-      background-color: transparentize($color, .93);
   }
-  }
+  &:hover .overview-icon { background-color: transparentize($color, .87);}
-  &:hover .overview-icon { background-color: transparentize($color, .9);}
 
   &:selected .overview-icon,
   &:focus .overview-icon {
@@ -319,6 +325,12 @@
   &:hover {@include button(hover);}
   &:active {@include button(active);}
   &:focus {@include button(focus);}
+  &:insensitive {
+    @include button(insensitive);
+    @if $flat {
+     background-color: transparent;
+    }
+  }
 }
 
 // styling for all menuitems in popovers

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_palette.scss

@@ -0,0 +1,46 @@
+//GNOME Color Palette
+$blue_1: #99c1f1;
+$blue_2: #62a0ea;
+$blue_3: #3584e4;
+$blue_4: #1c71d8;
+$blue_5: #1a5fb4;
+$green_1: #8ff0a4;
+$green_2: #57e389;
+$green_3: #33d17a;
+$green_4: #2ec27e;
+$green_5: #26a269;
+$yellow_1: #f9f06b;
+$yellow_2: #f8e45c;
+$yellow_3: #f6d32d;
+$yellow_4: #f5c211;
+$yellow_5: #e5a50a;
+$orange_1: #ffbe6f;
+$orange_2: #ffa348;
+$orange_3: #ff7800;
+$orange_4: #e66100;
+$orange_5: #c64600;
+$red_1: #f66151;
+$red_2: #ed333b;
+$red_3: #e01b24;
+$red_4: #c01c28;
+$red_5: #a51d2d;
+$purple_1: #dc8add;
+$purple_2: #c061cb;
+$purple_3: #9141ac;
+$purple_4: #813d9c;
+$purple_5: #613583;
+$brown_1: #cdab8f;
+$brown_2: #b5835a;
+$brown_3: #986a44;
+$brown_4: #865e3c;
+$brown_5: #63452c;
+$light_1: #ffffff;
+$light_2: #f6f5f4;
+$light_3: #deddda;
+$light_4: #c0bfbc;
+$light_5: #9a9996;
+$dark_1: #77767b;
+$dark_2: #5e5c64;
+$dark_3: #3d3846;
+$dark_4: #241f31;
+$dark_5: #000000;

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_app-grid.scss

@@ -18,11 +18,12 @@ $app_icon_size: 96px;
 
 // Icon tiles in the app grid
 .app-well-app {
-  @include overview_icon($osd_fg_color);
+  @include overview_icon($system_fg_color);
 
   .overview-icon {
     padding: $base_padding*2;
     border-radius: $base_border_radius*3;
+    color: $system_fg_color;
   }
   .overview-icon.overview-icon-with-label {
     > StBoxLayout {
@@ -33,7 +34,7 @@ $app_icon_size: 96px;
 
 // app folders
 .app-well-app.app-folder {
-  @include overview_icon($fg_color, $flat: false);
+  @include overview_icon($system_fg_color, $flat: false);
 }
 
 // expanded folder
@@ -62,7 +63,7 @@ $app_icon_size: 96px;
     }
 
     /* FIXME: this is to keep the label in sync with the entry */
-    & .folder-name-label { padding: 5px 7px; color: $osd_fg_color; }
+    & .folder-name-label { padding: 5px 7px; color: $system_fg_color; }
 
     & .edit-folder-button {
       @extend %button;
@@ -100,7 +101,7 @@ $app_icon_size: 96px;
   width: 5px;
   border-radius:5px;
   margin-bottom: 8px;
-  background-color: $osd_fg_color;
+  background-color: $system_fg_color;
 }
 
 // Rename popup for app folders
@@ -130,8 +131,8 @@ $app_icon_size: 96px;
 
 // shutdown and other actions in the grid
 .system-action-icon {
-  background-color: rgba(0,0,0,0.8);
+  background-color: transparentize($system_fg_color,.9);
-  color: white;
+  color: $system_fg_color;
   border-radius: 99px;
   icon-size: $app_icon_size * 0.5;
   @if $is_highcontrast {
@@ -167,11 +168,14 @@ $app_icon_size: 96px;
   width: 24px;
   height: 24px;
   border-radius: 99px;
+
+  > StIcon { color: $system_fg_color;}
+
   @if $is_highcontrast {
-    @include button(normal, $osd_fg_color, transparentize($osd_bg_color, 0.5));
+    @include button(normal, $system_fg_color, transparentize($system_bg_color, 0.5));
   }
 
-  &:insensitive { @include button(undecorated, $osd_fg_color, transparentize($osd_bg_color, 0.5));}
+  &:insensitive { @include button(undecorated, $system_fg_color, transparentize($system_bg_color, 0.5));}
-  &:hover { @include button(hover, $osd_fg_color, transparentize($osd_bg_color, 0.5));}
+  &:hover { @include button(hover, $system_fg_color, transparentize($system_bg_color, 0.5));}
-  &:active { @include button(active, $osd_fg_color, transparentize($osd_bg_color, 0.5));}
+  &:active { @include button(active, $system_fg_color, transparentize($system_bg_color, 0.5));}
 }

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_calendar.scss

@@ -78,7 +78,7 @@
     &:hover {background-color: $hover_bg_color;}
     &:focus {
       background-color: mix($bg_color, $selected_bg_color, 80%);
-      color: $selected_fg_color;
+      color: inherit;
       box-shadow:inset 0 0 0 2px transparentize($selected_bg_color, 0.4);
     }
 
@@ -94,7 +94,7 @@
     &.calendar-day-heading {
       color: $insensitive_fg_color;
       padding-top: $base_padding;
-      height: 16px !important; // force heading to be smaller height
+      height: 1.1em !important; // force heading to be smaller height
       font-weight: 600;
       @extend %smaller;
     }
@@ -166,11 +166,11 @@
 
   .events-list {
     spacing: 2 * $base_padding;
+    color: $fg_color;
   }
 
   .events-title {
     @extend %heading;
-    color: $insensitive_fg_color;
     margin-bottom: $base_margin;
   }
 

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_dash.scss

@@ -1,6 +1,8 @@
 /* Dash */
 
-$dash_background_color: lighten($system_bg_color, 5%);
+// uses system colors
+$dash_background_color: $system_overlay_bg_color;
+
 $dash_placeholder_size: 32px;
 $dash_padding: $base_padding*2; // 12px
 $dash_border_radius: $modal_radius + $dash_padding;
@@ -55,10 +57,11 @@ $dash_border_radius: $modal_radius + $dash_padding;
   }
 
   // show apps button
-  .show-apps { @include overview_icon($osd_fg_color);}
+  .show-apps { @include overview_icon($system_fg_color);}
 
   .show-apps, .app-well-app {
     padding-bottom: $dash_padding;
+    color: $system_fg_color;
   }
 }
 
@@ -66,7 +69,7 @@ $dash_border_radius: $modal_radius + $dash_padding;
 .dash-separator {
   width: 1px;
   margin: 0 $base_margin;
-  background-color: $borders_color;
+  background-color: $system_borders_color;
   margin-bottom: $dash_padding;
   @if $is_highcontrast {
     width: 2px;

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_entries.scss

@@ -16,6 +16,5 @@ StEntry {
 
   StLabel.hint-text {
     margin-left: 2px;
-    color: transparentize($fg_color, 0.3);
   }
 }

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_login-lock.scss

@@ -1,5 +1,5 @@
 $_gdm_bg: $system_bg_color;
-$_gdm_fg: white;
+$_gdm_fg: $system_fg_color;
 $_gdm_dialog_width: 23em;
 
 // common style for gdm and lockscreen
@@ -19,12 +19,12 @@ $_gdm_dialog_width: 23em;
 
 // buttons
 .login-dialog-button {
-  @extend .button;
 
   &.cancel-button,
   &.switch-user-button,
   &.login-dialog-session-list-button {
     @extend .icon-button;
+    @extend %system_button;
   }
 
   &.cancel-button {
@@ -145,7 +145,9 @@ $_gdm_dialog_width: 23em;
   width: 26em;
 }
 
-.login-dialog-prompt-entry {}
+.login-dialog-prompt-entry {
+  @extend %system_entry;
+}
 
 
 /* Screen Shield */

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_looking-glass.scss

@@ -2,19 +2,21 @@
 
 // Dialog
 #LookingGlassDialog {
-  background-color: transparentize($bg_color,0.05);
+
+  @extend %osd_panel;
+  background-color: transparentize($osd_bg_color,0.02);
+  color: $osd_fg_color;
+
   border-radius: 0 0 $modal_radius $modal_radius;
-  border: 1px solid $outer_borders_color;
+
   border-top-width: 0;
-  color: $fg_color;
   padding: $base_padding;
   spacing: $base_padding;
   box-shadow: 0 2px 4px 0 $shadow_color;
 
   @if $is_highcontrast {
     border: 2px solid $hc_inset_color;
-    background-color: $bg_color;
+    background-color: $osd_bg_color;
-    border-top-width: 0;
     box-shadow:none;
   }
 
@@ -26,8 +28,8 @@
     spacing: $base_padding;
 
     .lg-toolbar-button {
+      @extend %osd_button;
       padding: $base_padding $base_padding*2;
-      @extend %button;
 
       & > StIcon { icon-size: $base_icon_size; }
     }
@@ -38,9 +40,9 @@
   }
 
   .notebook-tab {
+    @extend %osd_button;
     -natural-hpadding: $base_padding*2;
     -minimum-hpadding: $base_padding*2;
-    @extend %button;
     padding: $base_padding $base_padding*2;
   }
 
@@ -51,8 +53,8 @@
 .lg-dialog {
 
   StEntry {
+    @extend %osd_entry;
     min-height: 22px;
-    @extend %entry;
   }
 
   .shell-link {
@@ -118,9 +120,9 @@
 .lg-debug-flag-button {
   StLabel { padding: $base_padding, 2 * $base_padding; }
 
-  color: $fg_color;
+  color: $osd_fg_color;
-  &:hover { color: lighten($fg_color, 20%); }
+  &:hover { color: lighten($osd_fg_color, 20%); }
-  &:active { color: darken($fg_color, 20%); }
+  &:active { color: darken($osd_fg_color, 20%); }
 }
 
 .lg-debug-flags-header {

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_message-list.scss

@@ -12,7 +12,7 @@
 
   .message-list-placeholder {
     @extend %title_2;
-    color: transparentize($insensitive_fg_color, .5);
+    color: $insensitive_fg_color;
 
     // icon size and color
     > StIcon {
@@ -117,14 +117,14 @@
   // close button
   .message-close-button {
     color: $fg_color;
-    background-color: transparentize($fg_color, 0.9);
+    background-color: transparentize($fg_color, 0.8);
     border-radius: 99px;
     padding: $base_padding - 1px;
     margin: 1px;
-    &:hover {background-color: transparentize($fg_color, 0.8);}
+    &:hover {background-color: transparentize($fg_color, 0.7);}
-    &:active {background-color: transparentize($fg_color, 0.9);}
+    &:active {background-color: transparentize($fg_color, 0.8);}
 
-    & StIcon { icon-size: $base_icon_size; }
+    > StIcon { icon-size: $base_icon_size; }
   }
 
   // body

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_misc.scss

@@ -30,7 +30,7 @@
 .flashspot { background-color: white; }
 
 // Hidden
-.hidden { color: rgba(0,0,0,0);}
+.hidden { color: transparent;}
 
 // Caps-lock warning
 .caps-lock-warning-label {

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_overview.scss

@@ -5,7 +5,7 @@
 }
 
 #overviewGroup {
-  background-color: $system_bg_color;
+  background-color: $system_base_color;
 }
 
 .overview-controls {

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_panel.scss

@@ -1,8 +1,11 @@
 /* Top Bar */
 // a.k.a. the panel
 
-$panel_bg_color: #000;
+$panel_bg_color: if($variant == 'light', $light_3, $dark_5);
-$panel_fg_color: if($variant == 'light', lighten($bg_color, 10%), darken($fg_color, 5%));
+$panel_fg_color: if($variant == 'light', $fg_color, darken($fg_color, 5%));
+$panel_border_color: if($variant == 'light', darken($panel_bg_color, 2%), $panel_bg_color);
+
+$panel_system_fg_color: $system_fg_color; // always light for lockscreen, overview and other transparent panels
 $panel_height: 2.2em;
 $panel_transition_duration: 250ms; // same as the overview transition duration
 
@@ -12,12 +15,17 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
   height: $panel_height;
   @extend %numeric;
   transition-duration: $panel_transition_duration;
+  box-shadow: inset 0 -1px 0 0  $panel_border_color;
 
   // transparent panel on lock & login screens
   &.unlock-screen,
   &.login-screen,
   &:overview {
     background-color: transparent;
+    box-shadow: none;
+    .panel-button {
+      color: $panel_system_fg_color !important;
+    }
   }
 
   // panel menus
@@ -141,13 +149,13 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
   &:overview {
     .panel-button {
       &:active, &:overview, &:focus, &:checked {
-        box-shadow: inset 0 0 0 100px rgba(255,255,255, 0.15);
+        box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.85);
 
         &.clock-display {
           box-shadow: none;
 
           .clock {
-            box-shadow: inset 0 0 0 100px rgba(255,255,255, 0.15);
+            box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.85);
           }
         }
 
@@ -160,11 +168,11 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
       }
 
       &:hover {
-        box-shadow: inset 0 0 0 100px rgba(255,255,255, 0.10);
+        box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.90);
         &.clock-display {
           box-shadow: none;
           .clock {
-            box-shadow: inset 0 0 0 100px rgba(255,255,255, 0.10);
+            box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.90);
           }
         }
 
@@ -177,11 +185,11 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
       }
 
       &:active:hover, &:overview:hover, &:focus:hover, &:checked:hover {
-        box-shadow: inset 0 0 0 100px rgba(255,255,255, 0.2);
+        box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.8);
         &.clock-display {
           box-shadow: none;
           .clock {
-            box-shadow: inset 0 0 0 100px rgba(255,255,255, 0.2);
+            box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.8);
           }
         }
 

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_quick-settings.scss

@@ -48,7 +48,9 @@
     max-width: auto;
 
     &:ltr { border-radius: 99px 0 0 99px; }
+    &:ltr > StBoxLayout { padding-right: $base_padding*1.5; }
     &:rtl { border-radius: 0 99px 99px 0; }
+    &:rtr > StBoxLayout { padding-left: $base_padding*1.5; }
 
     &:ltr:last-child { border-radius: 99px; }
     &:rtl:last-child { border-radius: 99px; }
@@ -89,6 +91,11 @@
 
 .quick-toggle-menu {
   @include card;
+
+  // override some card styles
+  background-color: $bg_color !important;
+  color: $fg_color !important;
+
   border-radius: $base_border_radius*3;
   padding: $base_padding*2;
   margin: $base_padding*2 $base_padding*3 0;
@@ -106,7 +113,10 @@
       padding: 1.5 * $base_padding;
       background-color: transparentize($fg_color, 0.8);
 
-      &.active { background-color: $selected_bg_color;}
+      &.active {
+        background-color: $selected_bg_color;
+        color: $selected_fg_color;
+      }
     }
 
     & .title {
@@ -144,7 +154,7 @@
   .popup-menu-icon { -st-icon-style: symbolic; }
 }
 
-.bt-menu-placeholder {
+.bt-menu-placeholder.popup-menu-item {
   @extend %title_4;
   text-align: center;
 

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_screenshot.scss

@@ -33,7 +33,7 @@ $screenshot_ui_button_red: $error_color;
 }
 
 .screenshot-ui-type-button {
-  @extend %osd_button;
+  @extend %osd_button_flat;
   min-width: 48px;
   padding: $base_padding * 2 $base_padding * 3 !important;
   border-radius: $screenshot_ui_panel_border_radius - $screenshot_ui_panel_padding;
@@ -106,7 +106,7 @@ $screenshot_ui_button_red: $error_color;
 }
 
 .screenshot-ui-show-pointer-button {
-  @extend %osd_button;
+  @extend %osd_button_flat;
   border-radius: 99px;
   padding: $base_padding * 2 !important;
   StIcon { icon-size: $base_icon_size;}
@@ -129,7 +129,7 @@ $screenshot_ui_button_red: $error_color;
 .screenshot-ui-area-selector-handle {
   border-radius: 99px;
   background-color: white;
-  box-shadow: 0 1px 3px 2px rgba(0,0,0,0.2);
+  box-shadow: 0 1px 3px 2px $shadow_color;
   width: 24px;
   height: 24px;
 }

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_search-entry.scss

@@ -5,6 +5,8 @@
   margin-bottom: $base_padding;
   width: 24em;
 
+  @extend %system_entry;
+
   .search-entry-icon {
     icon-size: $base_icon_size;
     margin-top: 2px; // center vertically

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_search-results.scss

@@ -23,22 +23,22 @@
 
 // content
 .search-section-content {
-  background-color: lighten($system_bg_color, 5%);
+  background-color: $system_overlay_bg_color;
+  color: $system_fg_color;
   border-radius: $modal_radius*1.5;
-  box-shadow:inset 0 0 0 1px solid $outer_borders_color;
-  color: $osd_fg_color;
   padding: $base_padding*2;
   margin:0 $base_margin*3;
 }
 
 %search_section_content_item {
-  @include tile_button($osd_fg_color);
+  @include tile_button($system_fg_color);
   border-radius: $base_border_radius+3px;
 }
 
 // "no results" text
 .search-statustext {
   @extend %title_1;
+  color: transparentize($system_fg_color, .2);
 }
 
 .grid-search-results {
@@ -64,7 +64,7 @@
     // provider labels
     .list-search-provider-details {
       width: 120px;
-      color: $osd_fg_color;
+      color: $system_fg_color;
     }
   }
 }
@@ -91,6 +91,6 @@
 
   // list item description
   .list-search-result-description {
-    color: $osd_insensitive_fg_color;
+    color: $system_insensitive_fg_color;
   }
 }

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_slider.scss

@@ -5,7 +5,7 @@ $slider_size: 16px;
 .slider {
   // slider trough
   -barlevel-height: 4px;
-  -barlevel-background-color: if($variant == 'light', transparentize($fg_color, 0.6), transparentize($fg_color, 0.8)); //background of the trough
+  -barlevel-background-color: transparentize($fg_color, 0.8); //background of the trough
   -barlevel-border-width: 2px; 
   -barlevel-border-color: transparent; // trough border color
   // fill style

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_switcher-popup.scss

@@ -24,7 +24,7 @@ $switcher_padding: $base_padding*2;
 
   // each item in the list
   .item-box {
-    @include tile_button($osd_fg_color);
+    @include tile_button($fg_color);
     // override over style so mouse doesn't steal focus
     &:hover {background: none;}
     @if $is_highcontrast {

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_window-picker.scss

@@ -3,9 +3,9 @@
 $window_picker_spacing: $base_padding; // 6px
 $window_picker_padding: $base_padding * 2; // 12px
 
-$window_thumbnail_label_color: transparentize($osd_bg_color, 0.4);
+$window_thumbnail_label_color: transparentize($system_bg_color, 0.4);
 
-$window_close_button_color: transparentize(lighten($osd_bg_color, 7%), .02);
+$window_close_button_color: transparentize(lighten($system_bg_color, 7%), .02);
 $window_close_button_size: 30px;
 $window_close_button_padding: 3px;
 
@@ -23,7 +23,7 @@ $window_close_button_padding: 3px;
 // Close button
 .window-close {
   background-color: $window_close_button_color;
-  color: $osd_fg_color;
+  color: $system_fg_color;
   border-radius: 99px;
   box-shadow: 0 2px 4px 0 $shadow_color;
   padding: $window_close_button_padding;
@@ -50,5 +50,5 @@ $window_close_button_padding: 3px;
   // keep in sync with BACKGROUND_CORNER_RADIUS_PIXELS in workspace.js
   border-radius: 30px;
   background-color: $invisible_occluded_bg_color;
-  box-shadow: 0 4px 16px 4px transparentize(darken($osd_bg_color, 30%), 0.7);
+  box-shadow: 0 4px 16px 4px $shadow_color;
 }

src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_workspace-thumbnails.scss

@@ -7,7 +7,7 @@
   padding: $base_padding;
 
   .workspace-thumbnail {
-    color: $osd_fg_color;
+    color: $system_fg_color;
     background-color: lighten($system_bg_color, 10%);
     border-radius: $base_border_radius*0.5;
     border: 1px solid transparent;

src/themes/Kali/sass/gnome-shell/upstream/sync.sh

@@ -4,7 +4,7 @@ GREEN='\033[0;32m'
 YELLOW='\033[0;33m'
 RESET='\033[0m'
 
-VERSION=44.rc
+VERSION=44.2
 
 echo
 printf " $YELLOW[ i ]$RESET Upstream version $VERSION\n"
@@ -26,6 +26,7 @@ done <<- EOF
 	pad-osd.css
 	gnome-shell-high-contrast.scss
 	gnome-shell-sass/_colors.scss
+	gnome-shell-sass/_palette.scss
 	gnome-shell-sass/_common.scss
 	gnome-shell-sass/_drawing.scss
 	gnome-shell-sass/_widgets.scss