From 83c0fbfcce633953824b292fba5397e01da14ec2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= <daniel@drasite.com>
Date: Thu, 5 Mar 2020 19:56:04 +0100
Subject: [PATCH] GTK3: lighten borders_color

---
 .../Kali-Light/gnome-shell/gnome-shell.css    |  68 ++---
 share/themes/Kali-Light/gtk-3.0/gtk.css       | 288 +++++++++---------
 src/themes/Kali/sass/gtk-sass/_colors.scss    |   2 +-
 3 files changed, 179 insertions(+), 179 deletions(-)

diff --git a/share/themes/Kali-Light/gnome-shell/gnome-shell.css b/share/themes/Kali-Light/gnome-shell/gnome-shell.css
index c81ce32c..f7ced628 100644
--- a/share/themes/Kali-Light/gnome-shell/gnome-shell.css
+++ b/share/themes/Kali-Light/gnome-shell/gnome-shell.css
@@ -32,7 +32,7 @@ stage {
   padding: 4px 32px;
   color: #5c616c;
   background-color: #ffffff;
-  border-color: #d1d1d1;
+  border-color: #d9d9d9;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
   text-shadow: 0 1px black;
   icon-shadow: 0 1px black; }
@@ -43,21 +43,21 @@ stage {
     box-shadow: inset 0px 0px 0px 2px #2777ff; }
   .button:hover, .message-list-clear-button.button:hover {
     color: #5c616c;
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-color: white;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
     text-shadow: 0 1px black;
     icon-shadow: 0 1px black; }
   .button:insensitive, .message-list-clear-button.button:insensitive {
     color: #aeb0b6;
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-color: #fdfdfd;
     box-shadow: none;
     text-shadow: none;
     icon-shadow: none; }
   .button:active, .message-list-clear-button.button:active {
     color: #5c616c;
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-color: #dbdbdb;
     text-shadow: none;
     icon-shadow: none;
@@ -67,22 +67,22 @@ stage {
   border-right-width: 1px;
   color: #5c616c;
   background-color: #ffffff;
-  border-color: #d1d1d1;
+  border-color: #d9d9d9;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
   text-shadow: 0 1px black;
   icon-shadow: 0 1px black;
   padding: 12px;
-  border-top: 1px solid #d1d1d1; }
+  border-top: 1px solid #d9d9d9; }
   .modal-dialog-linked-button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive {
     color: #aeb0b6;
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-color: #fdfdfd;
     box-shadow: none;
     text-shadow: none;
     icon-shadow: none; }
   .modal-dialog-linked-button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover {
     color: #5c616c;
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-color: white;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
     text-shadow: 0 1px black;
@@ -94,7 +94,7 @@ stage {
     box-shadow: inset 0px 0px 0px 2px #2777ff; }
   .modal-dialog-linked-button:active, .notification-banner .notification-button:active, .hotplug-notification-item:active {
     color: #5c616c;
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-color: #dbdbdb;
     text-shadow: none;
     icon-shadow: none;
@@ -115,7 +115,7 @@ StEntry {
   border-width: 1px;
   color: #5c616c;
   background-color: #fafafa;
-  border-color: #d1d1d1;
+  border-color: #d9d9d9;
   selection-background-color: #2777ff;
   selected-color: #ffffff; }
   StEntry:focus {
@@ -158,7 +158,7 @@ StScrollBar {
   height: 1em;
   -barlevel-height: 0.3em;
   -barlevel-background-color: rgba(92, 97, 108, 0.1);
-  -barlevel-border-color: #d1d1d1;
+  -barlevel-border-color: #d9d9d9;
   -barlevel-active-background-color: #2777ff;
   -barlevel-active-border-color: #0051da;
   -barlevel-overdrive-color: #d41919;
@@ -167,7 +167,7 @@ StScrollBar {
   -barlevel-border-width: 1px;
   -slider-handle-radius: 8px;
   -slider-handle-border-width: 1px;
-  -slider-handle-border-color: #d1d1d1;
+  -slider-handle-border-color: #d9d9d9;
   color: white; }
   .slider:hover {
     color: white; }
@@ -263,7 +263,7 @@ StScrollBar {
 /* End Session Dialog */
 .end-session-dialog {
   spacing: 42px;
-  border: 1px solid #d1d1d1; }
+  border: 1px solid #d9d9d9; }
 
 .end-session-dialog-list {
   padding-top: 20px; }
@@ -453,7 +453,7 @@ StScrollBar {
   spacing: 20px; }
 
 .audio-selection-device {
-  border: 1px solid #d1d1d1;
+  border: 1px solid #d9d9d9;
   border-radius: 12px; }
   .audio-selection-device:hover, .audio-selection-device:focus {
     background-color: white; }
@@ -502,10 +502,10 @@ StScrollBar {
 .popup-menu {
   min-width: 15em;
   color: #5c616c;
-  border-color: #d1d1d1; }
+  border-color: #d9d9d9; }
   .popup-menu .popup-sub-menu {
     background-color: #f2f2f2;
-    box-shadow: inset 0 -1px 0px #d1d1d1; }
+    box-shadow: inset 0 -1px 0px #d9d9d9; }
   .popup-menu .popup-menu-content {
     padding: 1em 0em; }
   .popup-menu .popup-menu-item {
@@ -516,7 +516,7 @@ StScrollBar {
       padding: .4em 0em .4em 1.75em; }
     .popup-menu .popup-menu-item:checked {
       background-color: #ffffff;
-      box-shadow: inset 0 -1px 0px #d1d1d1;
+      box-shadow: inset 0 -1px 0px #d9d9d9;
       font-weight: bold; }
     .popup-menu .popup-menu-item.selected {
       background-color: rgba(255, 255, 255, 0.8);
@@ -552,7 +552,7 @@ StScrollBar {
   height: 1px;
   margin: 6px 64px;
   background-color: transparent;
-  border-color: #d1d1d1;
+  border-color: #d9d9d9;
   border-bottom-width: 1px;
   border-bottom-style: solid; }
 
@@ -646,7 +646,7 @@ StScrollBar {
 
 .switcher-list .separator {
   width: 1px;
-  background: #d1d1d1; }
+  background: #d9d9d9; }
 
 .switcher-arrow {
   border-color: rgba(0, 0, 0, 0);
@@ -705,7 +705,7 @@ StScrollBar {
 .modal-dialog StEntry, .prompt-dialog StEntry, .audio-device-selection-dialog StEntry, .access-dialog StEntry, .geolocation-dialog StEntry, .extension-dialog StEntry, .inhibit-shortcuts-dialog StEntry, .nm-dialog StEntry, .notification-banner StEntry {
   color: #5c616c;
   background-color: #fafafa;
-  border-color: #d1d1d1;
+  border-color: #d9d9d9;
   box-shadow: none; }
   .modal-dialog StEntry:focus, .prompt-dialog StEntry:focus, .audio-device-selection-dialog StEntry:focus, .access-dialog StEntry:focus, .geolocation-dialog StEntry:focus, .extension-dialog StEntry:focus, .inhibit-shortcuts-dialog StEntry:focus, .nm-dialog StEntry:focus, .notification-banner StEntry:focus {
     border: 2px solid #2777ff; }
@@ -719,7 +719,7 @@ StScrollBar {
     color: #5c616c; }
     .modal-dialog .button, .prompt-dialog .button, .audio-device-selection-dialog .button, .access-dialog .button, .geolocation-dialog .button, .extension-dialog .button, .inhibit-shortcuts-dialog .button, .nm-dialog .button, .modal-dialog .button:hover, .prompt-dialog .button:hover, .audio-device-selection-dialog .button:hover, .access-dialog .button:hover, .geolocation-dialog .button:hover, .extension-dialog .button:hover, .inhibit-shortcuts-dialog .button:hover, .nm-dialog .button:hover, .modal-dialog .button:focus, .prompt-dialog .button:focus, .audio-device-selection-dialog .button:focus, .access-dialog .button:focus, .geolocation-dialog .button:focus, .extension-dialog .button:focus, .inhibit-shortcuts-dialog .button:focus, .nm-dialog .button:focus, .modal-dialog .button:active, .prompt-dialog .button:active, .audio-device-selection-dialog .button:active, .access-dialog .button:active, .geolocation-dialog .button:active, .extension-dialog .button:active, .inhibit-shortcuts-dialog .button:active, .nm-dialog .button:active, .modal-dialog .button:disabled, .prompt-dialog .button:disabled, .audio-device-selection-dialog .button:disabled, .access-dialog .button:disabled, .geolocation-dialog .button:disabled, .extension-dialog .button:disabled, .inhibit-shortcuts-dialog .button:disabled, .nm-dialog .button:disabled {
       box-shadow: none;
-      border-color: #d1d1d1; }
+      border-color: #d9d9d9; }
     .modal-dialog .button:hover, .prompt-dialog .button:hover, .audio-device-selection-dialog .button:hover, .access-dialog .button:hover, .geolocation-dialog .button:hover, .extension-dialog .button:hover, .inhibit-shortcuts-dialog .button:hover, .nm-dialog .button:hover {
       background-color: white; }
     .modal-dialog .button:active, .prompt-dialog .button:active, .audio-device-selection-dialog .button:active, .access-dialog .button:active, .geolocation-dialog .button:active, .extension-dialog .button:active, .inhibit-shortcuts-dialog .button:active, .nm-dialog .button:active {
@@ -842,7 +842,7 @@ StScrollBar {
   spacing: 1em; }
 
 .datemenu-calendar-column {
-  border: 0 solid #d1d1d1; }
+  border: 0 solid #d9d9d9; }
   .datemenu-calendar-column:ltr {
     border-left-width: 1px; }
   .datemenu-calendar-column:rtl {
@@ -990,7 +990,7 @@ StScrollBar {
   border-radius: 2px;
   padding: 0.5em 0 0;
   margin: 6px;
-  background-color: #d1d1d1;
+  background-color: #d9d9d9;
   color: #5c616c; }
 
 /* Message list */
@@ -1009,7 +1009,7 @@ StScrollBar {
   spacing: 0.4em; }
 
 .message {
-  border: 1px solid #d1d1d1;
+  border: 1px solid #d9d9d9;
   background-color: white;
   border-radius: 5px; }
   .message:hover, .message:focus {
@@ -1110,7 +1110,7 @@ StScrollBar {
   border-radius: 32px;
   /* wish we could do 50% */
   padding: 13px;
-  border: 1px solid #d1d1d1; }
+  border: 1px solid #d9d9d9; }
   .system-menu-action:hover, .system-menu-action:focus {
     background-color: white;
     color: #5c616c; }
@@ -1197,14 +1197,14 @@ StScrollBar {
   icon-size: 32px; }
 
 .nm-dialog-scroll-view {
-  border: 2px solid #d1d1d1; }
+  border: 2px solid #d9d9d9; }
 
 .nm-dialog-header {
   font-weight: bold; }
 
 .nm-dialog-item {
   font-size: 110%;
-  border-bottom: 1px solid #d1d1d1;
+  border-bottom: 1px solid #d9d9d9;
   padding: 12px;
   spacing: 20px; }
 
@@ -1567,7 +1567,7 @@ StScrollBar {
   .notification-banner .notification-actions {
     padding-top: 0;
     color: #5c616c;
-    border-top: 1px solid #d1d1d1;
+    border-top: 1px solid #d9d9d9;
     spacing: 0px; }
   .notification-banner .notification-button {
     padding: 0 16px;
@@ -1812,7 +1812,7 @@ StScrollBar {
     border-radius: 5px;
     color: #5c616c;
     background-color: #fafafa;
-    border-color: #d1d1d1; }
+    border-color: #d9d9d9; }
     .login-dialog StEntry:focus {
       padding: 6px 8px;
       border-width: 2px;
@@ -1834,7 +1834,7 @@ StScrollBar {
       border-color: #4f595d; }
     .login-dialog .modal-dialog-button:insensitive {
       color: #aeb0b6;
-      border-color: #d1d1d1;
+      border-color: #d9d9d9;
       background-color: #fdfdfd;
       box-shadow: none;
       text-shadow: none;
@@ -1845,14 +1845,14 @@ StScrollBar {
     .login-dialog .modal-dialog-button:default {
       color: #ffffff;
       background-color: #2777ff;
-      border-color: #d1d1d1;
+      border-color: #d9d9d9;
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
       text-shadow: 0 1px black;
       icon-shadow: 0 1px black;
       border-color: #2777ff; }
       .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
         color: #ffffff;
-        border-color: #d1d1d1;
+        border-color: #d9d9d9;
         background-color: #2777ff;
         box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
         text-shadow: 0 1px black;
@@ -1861,7 +1861,7 @@ StScrollBar {
         border-color: #4187ff; }
       .login-dialog .modal-dialog-button:default:active {
         color: #ffffff;
-        border-color: #d1d1d1;
+        border-color: #d9d9d9;
         background-color: #2777ff;
         text-shadow: none;
         icon-shadow: none;
@@ -1870,7 +1870,7 @@ StScrollBar {
         border-color: #0e67ff; }
       .login-dialog .modal-dialog-button:default:insensitive {
         color: #aeb0b6;
-        border-color: #d1d1d1;
+        border-color: #d9d9d9;
         background-color: #fdfdfd;
         box-shadow: none;
         text-shadow: none;
diff --git a/share/themes/Kali-Light/gtk-3.0/gtk.css b/share/themes/Kali-Light/gtk-3.0/gtk.css
index 3fdc258d..0c08c393 100644
--- a/share/themes/Kali-Light/gtk-3.0/gtk.css
+++ b/share/themes/Kali-Light/gtk-3.0/gtk.css
@@ -141,10 +141,10 @@ headerbar .subtitle {
 
 assistant .sidebar {
   background-color: #fafafa;
-  border-top: 1px solid #d1d1d1; }
+  border-top: 1px solid #d9d9d9; }
   assistant .sidebar:backdrop {
     background-color: #f7f7f7;
-    border-color: #dadada; }
+    border-color: #e0e0e0; }
 
 assistant.csd .sidebar {
   border-top-style: none; }
@@ -200,7 +200,7 @@ entry {
   border-radius: 5px;
   transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
   color: black;
-  border-color: #d1d1d1;
+  border-color: #d9d9d9;
   background-color: #fafafa;
   box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); }
   spinbutton:not(.vertical) image.left,
@@ -227,20 +227,20 @@ entry {
   spinbutton:disabled:not(.vertical),
   entry:disabled {
     color: #aeb0b6;
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-color: #fdfdfd;
     box-shadow: none; }
   spinbutton:backdrop:not(.vertical),
   entry:backdrop {
     color: #313131;
-    border-color: #dadada;
+    border-color: #e0e0e0;
     background-color: #f7f7f7;
     box-shadow: none;
     transition: 200ms ease-out; }
   spinbutton:backdrop:disabled:not(.vertical),
   entry:backdrop:disabled {
     color: #d9d9d9;
-    border-color: #dadada;
+    border-color: #e0e0e0;
     background-color: #fdfdfd;
     box-shadow: none; }
   spinbutton.error:not(.vertical),
@@ -370,18 +370,18 @@ entry {
 .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical >
 entry:not(:disabled) + entry:not(:disabled),
 .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
-  border-top-color: #eeeeee; }
+  border-top-color: #f0f0f0; }
   .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop,
   .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical >
   entry:not(:disabled) + entry:not(:disabled):backdrop,
   .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
-    border-top-color: #efefef; }
+    border-top-color: #f0f0f0; }
 
 .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical),
 .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical),
 .linked.vertical >
 entry:disabled + entry:disabled {
-  border-top-color: #eeeeee; }
+  border-top-color: #f0f0f0; }
 
 .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical),
 .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical),
@@ -495,7 +495,7 @@ button {
   transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
   color: #5c616c;
   outline-color: rgba(92, 97, 108, 0.3);
-  border-color: #d1d1d1;
+  border-color: #d9d9d9;
   border-bottom-color: #c2c2c2;
   background-image: linear-gradient(to top, whitesmoke 2px, #ffffff);
   text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
@@ -521,7 +521,7 @@ button {
   button:hover {
     color: #5c616c;
     outline-color: rgba(92, 97, 108, 0.3);
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     border-bottom-color: #c2c2c2;
     text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
     -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
@@ -533,7 +533,7 @@ button {
   button:checked {
     color: #5c616c;
     outline-color: rgba(92, 97, 108, 0.3);
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-image: image(#dbdbdb);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
     text-shadow: none;
@@ -542,7 +542,7 @@ button {
   notebook > header > tabs > arrow:backdrop.flat, button:backdrop.flat.titlebutton, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop,
   button:backdrop.flat,
   button:backdrop {
-    border-color: #dadada;
+    border-color: #e0e0e0;
     background-image: image(#ffffff);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -560,7 +560,7 @@ button {
     button:backdrop.flat:checked,
     button:backdrop:active,
     button:backdrop:checked {
-      border-color: #dadada;
+      border-color: #e0e0e0;
       background-image: image(#eaeaea);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       notebook > header > tabs > arrow:backdrop.flat:active label, button:backdrop.flat.titlebutton:active label, notebook > header > tabs > arrow:backdrop.flat:active, button:backdrop.flat.titlebutton:active, notebook > header > tabs > arrow:backdrop.flat:checked label, button:backdrop.flat.titlebutton:checked label, notebook > header > tabs > arrow:backdrop.flat:checked, button:backdrop.flat.titlebutton:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked,
@@ -576,7 +576,7 @@ button {
     notebook > header > tabs > arrow:backdrop.flat:disabled, button:backdrop.flat.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled,
     button:backdrop.flat:disabled,
     button:backdrop:disabled {
-      border-color: #dadada;
+      border-color: #e0e0e0;
       background-image: image(#fdfdfd);
       text-shadow: none;
       -gtk-icon-shadow: none;
@@ -592,7 +592,7 @@ button {
       button:backdrop.flat:disabled:checked,
       button:backdrop:disabled:active,
       button:backdrop:disabled:checked {
-        border-color: #dadada;
+        border-color: #e0e0e0;
         background-image: image(#eaeaea);
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
         notebook > header > tabs > arrow:backdrop.flat:disabled:active label, button:backdrop.flat.titlebutton:disabled:active label, notebook > header > tabs > arrow:backdrop.flat:disabled:checked label, button:backdrop.flat.titlebutton:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
@@ -613,7 +613,7 @@ button {
     -gtk-icon-shadow: none; }
   notebook > header > tabs > arrow:disabled, button.titlebutton:disabled,
   button:disabled {
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -625,7 +625,7 @@ button {
     notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked,
     button:disabled:active,
     button:disabled:checked {
-      border-color: #d1d1d1;
+      border-color: #d9d9d9;
       background-image: image(#eaeaea);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked,
@@ -942,7 +942,7 @@ button.suggested-action {
     .selection-mode button.titlebutton:backdrop:disabled,
     button.suggested-action:backdrop:disabled,
     button.suggested-action.flat:backdrop:disabled {
-      border-color: #dadada;
+      border-color: #e0e0e0;
       background-image: image(#fdfdfd);
       text-shadow: none;
       -gtk-icon-shadow: none;
@@ -980,7 +980,7 @@ button.suggested-action {
     color: rgba(39, 119, 255, 0.8); }
   
   button.suggested-action:disabled {
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1133,7 +1133,7 @@ button.destructive-action {
     
     button.destructive-action:backdrop:disabled,
     button.destructive-action.flat:backdrop:disabled {
-      border-color: #dadada;
+      border-color: #e0e0e0;
       background-image: image(#fdfdfd);
       text-shadow: none;
       -gtk-icon-shadow: none;
@@ -1171,7 +1171,7 @@ button.destructive-action {
     color: rgba(212, 25, 25, 0.8); }
   
   button.destructive-action:disabled {
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1315,25 +1315,25 @@ button.circular {
   button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) {
     color: #5c616c;
     outline-color: rgba(92, 97, 108, 0.3);
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     border-bottom-color: #c2c2c2;
     background-image: linear-gradient(to top, whitesmoke 2px, #ffffff);
     text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
     -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
     box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07);
-    background-image: linear-gradient(to top, whitesmoke 2px, #ffffff), linear-gradient(to top, #c2c2c2 25%, #d1d1d1 50%);
+    background-image: linear-gradient(to top, whitesmoke 2px, #ffffff), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%);
     border-color: transparent; }
   
   button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) {
     color: #5c616c;
     outline-color: rgba(92, 97, 108, 0.3);
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     border-bottom-color: #c2c2c2;
     text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
     -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
     box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07);
     background-image: linear-gradient(to top, #ffffff, white 1px);
-    background-image: linear-gradient(to top, #ffffff, white 1px), linear-gradient(to top, #c2c2c2 25%, #d1d1d1 50%);
+    background-image: linear-gradient(to top, #ffffff, white 1px), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%);
     border-color: transparent; }
 
 .stack-switcher > button.needs-attention > label,
@@ -1353,7 +1353,7 @@ button.circular {
 .inline-toolbar toolbutton > button {
   color: #5c616c;
   outline-color: rgba(92, 97, 108, 0.3);
-  border-color: #d1d1d1;
+  border-color: #d9d9d9;
   border-bottom-color: #c2c2c2;
   background-image: linear-gradient(to top, whitesmoke 2px, #ffffff);
   text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
@@ -1362,7 +1362,7 @@ button.circular {
   .inline-toolbar toolbutton > button:hover {
     color: #5c616c;
     outline-color: rgba(92, 97, 108, 0.3);
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     border-bottom-color: #c2c2c2;
     text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
     -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
@@ -1371,13 +1371,13 @@ button.circular {
   .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
     color: #5c616c;
     outline-color: rgba(92, 97, 108, 0.3);
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-image: image(#dbdbdb);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
     text-shadow: none;
     -gtk-icon-shadow: none; }
   .inline-toolbar toolbutton > button:disabled {
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1385,13 +1385,13 @@ button.circular {
     .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled {
       color: #aeb0b6; }
     .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
-      border-color: #d1d1d1;
+      border-color: #d9d9d9;
       background-image: image(#eaeaea);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked {
         color: #aeb0b6; }
   .inline-toolbar toolbutton > button:backdrop {
-    border-color: #dadada;
+    border-color: #e0e0e0;
     background-image: image(#ffffff);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -1399,13 +1399,13 @@ button.circular {
     .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop {
       color: #aeb0b6; }
     .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
-      border-color: #dadada;
+      border-color: #e0e0e0;
       background-image: image(#eaeaea);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked {
         color: #aeb0b6; }
     .inline-toolbar toolbutton > button:backdrop:disabled {
-      border-color: #dadada;
+      border-color: #e0e0e0;
       background-image: image(#fdfdfd);
       text-shadow: none;
       -gtk-icon-shadow: none;
@@ -1413,7 +1413,7 @@ button.circular {
       .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled {
         color: #d9d9d9; }
       .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
-        border-color: #dadada;
+        border-color: #e0e0e0;
         background-image: image(#eaeaea);
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
         .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label {
@@ -1520,11 +1520,11 @@ button.color {
 /* list buttons */
 /* tone down as per new designs, see issue #1473, #1748 */
 list row button.image-button:not(.flat) {
-  border: 1px solid rgba(209, 209, 209, 0.5); }
+  border: 1px solid rgba(217, 217, 217, 0.5); }
   list row button.image-button:not(.flat):hover {
     color: #5c616c;
     outline-color: rgba(92, 97, 108, 0.3);
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     border-bottom-color: #c2c2c2;
     text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
     -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
@@ -1533,7 +1533,7 @@ list row button.image-button:not(.flat) {
   list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked {
     color: #5c616c;
     outline-color: rgba(92, 97, 108, 0.3);
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-image: image(#dbdbdb);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
     text-shadow: none;
@@ -1644,7 +1644,7 @@ spinbutton:not(.vertical) {
     color: #6c707a;
     background-image: none;
     border-style: none none none solid;
-    border-color: rgba(209, 209, 209, 0.3);
+    border-color: rgba(217, 217, 217, 0.3);
     border-radius: 0;
     box-shadow: none; }
     spinbutton:not(.vertical) button:dir(rtl) {
@@ -1661,7 +1661,7 @@ spinbutton:not(.vertical) {
     spinbutton:not(.vertical) button:backdrop {
       color: #b5b7bd;
       background-color: transparent;
-      border-color: rgba(218, 218, 218, 0.3);
+      border-color: rgba(224, 224, 224, 0.3);
       transition: 200ms ease-out; }
     spinbutton:not(.vertical) button:backdrop:disabled {
       color: rgba(217, 217, 217, 0.3);
@@ -1871,12 +1871,12 @@ searchbar > revealer > box {
 .inline-toolbar, searchbar > revealer > box,
 .location-bar {
   border-style: solid;
-  border-color: #d1d1d1;
-  background-color: #f1f1f1; }
+  border-color: #d9d9d9;
+  background-color: #f4f4f4; }
   .inline-toolbar:backdrop, searchbar > revealer > box:backdrop,
   .location-bar:backdrop {
-    border-color: #dadada;
-    background-color: #f2f2f2;
+    border-color: #e0e0e0;
+    background-color: #f4f4f4;
     box-shadow: none;
     transition: 200ms ease-out; }
 
@@ -1897,7 +1897,7 @@ headerbar {
   /* hide the close button separator */ }
   .titlebar:backdrop:not(headerbar),
   headerbar:backdrop {
-    border-color: #dadada;
+    border-color: #e0e0e0;
     background-color: #ffffff;
     background-image: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.8);
@@ -1917,13 +1917,13 @@ headerbar {
   headerbar stackswitcher button:checked,
   headerbar button.toggle:checked {
     background: image(#d4d4d4);
-    border-color: #c9c9c9;
-    border-top-color: #bdbdbd; }
+    border-color: #d1d1d1;
+    border-top-color: #c4c4c4; }
     .titlebar:not(headerbar) stackswitcher button:checked:backdrop,
     .titlebar:not(headerbar) button.toggle:checked:backdrop,
     headerbar stackswitcher button:checked:backdrop,
     headerbar button.toggle:checked:backdrop {
-      border-color: #dadada;
+      border-color: #e0e0e0;
       background-image: image(#eaeaea);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       .titlebar:not(headerbar) stackswitcher button:checked:backdrop label, .titlebar:not(headerbar) stackswitcher button:checked:backdrop,
@@ -2147,7 +2147,7 @@ headerbar {
       headerbar.selection-mode button.suggested-action {
         color: #5c616c;
         outline-color: rgba(92, 97, 108, 0.3);
-        border-color: #d1d1d1;
+        border-color: #d9d9d9;
         border-bottom-color: #c2c2c2;
         background-image: linear-gradient(to top, whitesmoke 2px, #ffffff);
         text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
@@ -2159,7 +2159,7 @@ headerbar {
         headerbar.selection-mode button.suggested-action:hover {
           color: #5c616c;
           outline-color: rgba(92, 97, 108, 0.3);
-          border-color: #d1d1d1;
+          border-color: #d9d9d9;
           border-bottom-color: #c2c2c2;
           text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
           -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
@@ -2171,7 +2171,7 @@ headerbar {
         headerbar.selection-mode button.suggested-action:active {
           color: #5c616c;
           outline-color: rgba(92, 97, 108, 0.3);
-          border-color: #d1d1d1;
+          border-color: #d9d9d9;
           background-image: image(#dbdbdb);
           box-shadow: inset 0 1px rgba(255, 255, 255, 0);
           text-shadow: none;
@@ -2180,7 +2180,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 {
-          border-color: #d1d1d1;
+          border-color: #d9d9d9;
           background-image: image(#fdfdfd);
           text-shadow: none;
           -gtk-icon-shadow: none;
@@ -2195,7 +2195,7 @@ headerbar {
         .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode
         headerbar button.suggested-action:backdrop,
         headerbar.selection-mode button.suggested-action:backdrop {
-          border-color: #dadada;
+          border-color: #e0e0e0;
           background-image: image(#ffffff);
           text-shadow: none;
           -gtk-icon-shadow: none;
@@ -2210,7 +2210,7 @@ headerbar {
         .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode
         headerbar button.suggested-action:backdrop:disabled,
         headerbar.selection-mode button.suggested-action:backdrop:disabled {
-          border-color: #dadada;
+          border-color: #e0e0e0;
           background-image: image(#fdfdfd);
           text-shadow: none;
           -gtk-icon-shadow: none;
@@ -2427,7 +2427,7 @@ window.csd > .titlebar:not(headerbar) {
   box-shadow: none; }
 
 .titlebar:not(headerbar) separator {
-  background-color: #d1d1d1; }
+  background-color: #d9d9d9; }
 
 window.devel headerbar.titlebar:not(.selection-mode) {
   background: #ffffff -gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 119, 255, 0.2)), linear-gradient(to top, #dedede, #e6e6e6 3px, whitesmoke);
@@ -2637,7 +2637,7 @@ menu,
   margin: 4px;
   padding: 4px 0px;
   background-color: #fafafa;
-  border: 1px solid #d1d1d1; }
+  border: 1px solid #d9d9d9; }
   .csd menu, .csd
   .menu, .csd
   .context-menu {
@@ -2763,7 +2763,7 @@ popover.background {
   background-color: #fafafa;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
   .csd popover.background, popover.background {
-    border: 1px solid #d1d1d1;
+    border: 1px solid #d9d9d9;
     border-radius: 9px; }
   popover.background:backdrop {
     background-color: #ffffff;
@@ -2786,12 +2786,12 @@ popover.background {
  *************/
 notebook > header {
   padding: 1px;
-  border-color: #d1d1d1;
+  border-color: #d9d9d9;
   border-width: 1px;
-  background-color: #efefef; }
+  background-color: #f2f2f2; }
   notebook > header:backdrop {
-    border-color: #dadada;
-    background-color: #f2f2f2; }
+    border-color: #e0e0e0;
+    background-color: #f4f4f4; }
   notebook > header tabs {
     margin: -1px; }
   notebook > header.top {
@@ -2799,7 +2799,7 @@ notebook > header {
     notebook > header.top > tabs {
       margin-bottom: -2px; }
       notebook > header.top > tabs > tab:hover {
-        box-shadow: inset 0 -3px #d1d1d1; }
+        box-shadow: inset 0 -3px #d9d9d9; }
       notebook > header.top > tabs > tab:backdrop {
         box-shadow: none; }
       notebook > header.top > tabs > tab:checked {
@@ -2809,7 +2809,7 @@ notebook > header {
     notebook > header.bottom > tabs {
       margin-top: -2px; }
       notebook > header.bottom > tabs > tab:hover {
-        box-shadow: inset 0 3px #d1d1d1; }
+        box-shadow: inset 0 3px #d9d9d9; }
       notebook > header.bottom > tabs > tab:backdrop {
         box-shadow: none; }
       notebook > header.bottom > tabs > tab:checked {
@@ -2819,7 +2819,7 @@ notebook > header {
     notebook > header.left > tabs {
       margin-right: -2px; }
       notebook > header.left > tabs > tab:hover {
-        box-shadow: inset -3px 0 #d1d1d1; }
+        box-shadow: inset -3px 0 #d9d9d9; }
       notebook > header.left > tabs > tab:backdrop {
         box-shadow: none; }
       notebook > header.left > tabs > tab:checked {
@@ -2829,7 +2829,7 @@ notebook > header {
     notebook > header.right > tabs {
       margin-left: -2px; }
       notebook > header.right > tabs > tab:hover {
-        box-shadow: inset 3px 0 #d1d1d1; }
+        box-shadow: inset 3px 0 #d9d9d9; }
       notebook > header.right > tabs > tab:backdrop {
         box-shadow: none; }
       notebook > header.right > tabs > tab:checked {
@@ -2889,7 +2889,7 @@ notebook > header {
     notebook > header tab:hover {
       color: #858991; }
       notebook > header tab:hover.reorderable-page {
-        border-color: rgba(209, 209, 209, 0.3);
+        border-color: rgba(217, 217, 217, 0.3);
         background-color: rgba(255, 255, 255, 0.2); }
     notebook > header tab:backdrop {
       color: #ced0d3; }
@@ -2899,14 +2899,14 @@ notebook > header {
     notebook > header tab:checked {
       color: #5c616c; }
       notebook > header tab:checked.reorderable-page {
-        border-color: rgba(209, 209, 209, 0.5);
+        border-color: rgba(217, 217, 217, 0.5);
         background-color: rgba(255, 255, 255, 0.5); }
         notebook > header tab:checked.reorderable-page:hover {
           background-color: rgba(255, 255, 255, 0.7); }
     notebook > header tab:backdrop:checked {
       color: #aeb0b6; }
       notebook > header tab:backdrop:checked.reorderable-page {
-        border-color: #dadada;
+        border-color: #e0e0e0;
         background-color: #ffffff; }
     notebook > header tab button.flat {
       padding: 0;
@@ -2974,16 +2974,16 @@ scrollbar {
     -GtkScrollbar-has-backward-stepper: false;
     -GtkScrollbar-has-forward-stepper: false; }
   scrollbar.top {
-    border-bottom: 1px solid #d1d1d1; }
+    border-bottom: 1px solid #d9d9d9; }
   scrollbar.bottom {
-    border-top: 1px solid #d1d1d1; }
+    border-top: 1px solid #d9d9d9; }
   scrollbar.left {
-    border-right: 1px solid #d1d1d1; }
+    border-right: 1px solid #d9d9d9; }
   scrollbar.right {
-    border-left: 1px solid #d1d1d1; }
+    border-left: 1px solid #d9d9d9; }
   scrollbar:backdrop {
     background-color: #f7f7f7;
-    border-color: #dadada;
+    border-color: #e0e0e0;
     transition: 200ms ease-out; }
   scrollbar slider {
     min-width: 6px;
@@ -3108,7 +3108,7 @@ scrollbar {
     -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
 
 treeview ~ scrollbar.vertical {
-  border-top: 1px solid #d1d1d1;
+  border-top: 1px solid #d9d9d9;
   margin-top: -1px; }
 
 /**********
@@ -3116,10 +3116,10 @@ treeview ~ scrollbar.vertical {
  **********/
 switch {
   outline-offset: -4px;
-  border: 1px solid #d1d1d1;
+  border: 1px solid #d9d9d9;
   border-radius: 14px;
   color: #5c616c;
-  background-color: #efefef;
+  background-color: #f2f2f2;
   text-shadow: 0 1px rgba(0, 0, 0, 0.1);
   /* only show i / o for the accessible theme */ }
   switch:checked {
@@ -3129,13 +3129,13 @@ switch {
     text-shadow: 0 1px rgba(0, 81, 218, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
   switch:disabled {
     color: #aeb0b6;
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-color: #fdfdfd;
     text-shadow: none; }
   switch:backdrop {
     color: #aeb0b6;
-    border-color: #dadada;
-    background-color: #f2f2f2;
+    border-color: #e0e0e0;
+    background-color: #f4f4f4;
     text-shadow: none;
     transition: 200ms ease-out; }
     switch:backdrop:checked {
@@ -3144,7 +3144,7 @@ switch {
       background-color: #2777ff; }
     switch:backdrop:disabled {
       color: #d9d9d9;
-      border-color: #dadada;
+      border-color: #e0e0e0;
       background-color: #fdfdfd; }
   switch slider {
     margin: -1px;
@@ -3172,7 +3172,7 @@ switch {
   switch:checked slider {
     border: 1px solid #0051da; }
   switch:disabled slider {
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -3181,7 +3181,7 @@ switch {
       color: #aeb0b6; }
   switch:backdrop slider {
     transition: 200ms ease-out;
-    border-color: #dadada;
+    border-color: #e0e0e0;
     background-image: image(#ffffff);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -3191,7 +3191,7 @@ switch {
   switch:backdrop:checked slider {
     border-color: #2777ff; }
   switch:backdrop:disabled slider {
-    border-color: #dadada;
+    border-color: #e0e0e0;
     background-image: image(#fdfdfd);
     text-shadow: none;
     -gtk-icon-shadow: none;
@@ -3565,14 +3565,14 @@ treeview.view radio:selected {
  * GtkScale *
  ************/
 scale trough, scale fill, progressbar trough {
-  border: 1px solid #d1d1d1;
+  border: 1px solid #d9d9d9;
   border-radius: 3px;
-  background-color: #efefef; }
+  background-color: #f2f2f2; }
   scale trough:disabled, scale fill:disabled, progressbar trough:disabled {
     background-color: #fdfdfd; }
   scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop {
-    background-color: #f2f2f2;
-    border-color: #dadada;
+    background-color: #f4f4f4;
+    border-color: #e0e0e0;
     transition: 200ms ease-out; }
     scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled {
       background-color: #fdfdfd; }
@@ -3633,7 +3633,7 @@ scale {
     outline-offset: 2px;
     -gtk-outline-radius: 5px; }
   scale fill:backdrop, scale fill {
-    background-color: #d1d1d1; }
+    background-color: #d9d9d9; }
   scale fill:disabled:backdrop, scale fill:disabled {
     border-color: transparent;
     background-color: transparent; }
@@ -3663,7 +3663,7 @@ scale {
     scale slider:active {
       border-color: #0051da; }
     scale slider:disabled {
-      border-color: #d1d1d1;
+      border-color: #d9d9d9;
       background-image: image(#fdfdfd);
       text-shadow: none;
       -gtk-icon-shadow: none;
@@ -3672,7 +3672,7 @@ scale {
         color: #aeb0b6; }
     scale slider:backdrop {
       transition: 200ms ease-out;
-      border-color: #dadada;
+      border-color: #e0e0e0;
       background-image: image(#ffffff);
       text-shadow: none;
       -gtk-icon-shadow: none;
@@ -3680,7 +3680,7 @@ scale {
       scale slider:backdrop label, scale slider:backdrop {
         color: #aeb0b6; }
       scale slider:backdrop:disabled {
-        border-color: #dadada;
+        border-color: #e0e0e0;
         background-image: image(#fdfdfd);
         text-shadow: none;
         -gtk-icon-shadow: none;
@@ -4146,7 +4146,7 @@ scale {
     min-height: 0;
     min-width: 0; }
     scale.color trough {
-      background-image: image(#d1d1d1);
+      background-image: image(#d9d9d9);
       background-repeat: no-repeat; }
     scale.color.horizontal {
       padding: 0 0 15px 0; }
@@ -4276,12 +4276,12 @@ levelbar trough {
   padding: 2px;
   border-radius: 3px;
   color: black;
-  border-color: #d1d1d1;
+  border-color: #d9d9d9;
   background-color: #fafafa;
   box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); }
   levelbar trough:backdrop {
     color: #313131;
-    border-color: #dadada;
+    border-color: #e0e0e0;
     background-color: #f7f7f7;
     box-shadow: none; }
 
@@ -4314,12 +4314,12 @@ levelbar block {
 *****************/
 printdialog paper {
   color: #5c616c;
-  border: 1px solid #d1d1d1;
+  border: 1px solid #d9d9d9;
   background: white;
   padding: 0; }
   printdialog paper:backdrop {
     color: #aeb0b6;
-    border-color: #dadada; }
+    border-color: #e0e0e0; }
 
 printdialog .dialog-action-box {
   margin: 12px; }
@@ -4333,25 +4333,25 @@ frame > border,
   margin: 0;
   padding: 0;
   border-radius: 0;
-  border: 1px solid #d1d1d1; }
+  border: 1px solid #d9d9d9; }
   frame > border.flat,
   .frame.flat {
     border-style: none; }
   frame > border:backdrop,
   .frame:backdrop {
-    border-color: #dadada; }
+    border-color: #e0e0e0; }
 
 actionbar > revealer > box {
   padding: 6px;
-  border-top: 1px solid #d1d1d1; }
+  border-top: 1px solid #d9d9d9; }
   actionbar > revealer > box:backdrop {
-    border-color: #dadada; }
+    border-color: #e0e0e0; }
 
 scrolledwindow viewport.frame {
   border-style: none; }
 
 scrolledwindow overshoot.top {
-  background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#b8b8b8), to(rgba(184, 184, 184, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0)));
+  background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0)));
   background-size: 100% 5%, 100% 100%;
   background-repeat: no-repeat;
   background-position: center top;
@@ -4359,7 +4359,7 @@ scrolledwindow overshoot.top {
   border: none;
   box-shadow: none; }
   scrolledwindow overshoot.top:backdrop {
-    background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#dadada), to(rgba(218, 218, 218, 0)));
+    background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#e0e0e0), to(rgba(224, 224, 224, 0)));
     background-size: 100% 5%;
     background-repeat: no-repeat;
     background-position: center top;
@@ -4368,7 +4368,7 @@ scrolledwindow overshoot.top {
     box-shadow: none; }
 
 scrolledwindow overshoot.bottom {
-  background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#b8b8b8), to(rgba(184, 184, 184, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0)));
+  background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0)));
   background-size: 100% 5%, 100% 100%;
   background-repeat: no-repeat;
   background-position: center bottom;
@@ -4376,7 +4376,7 @@ scrolledwindow overshoot.bottom {
   border: none;
   box-shadow: none; }
   scrolledwindow overshoot.bottom:backdrop {
-    background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#dadada), to(rgba(218, 218, 218, 0)));
+    background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#e0e0e0), to(rgba(224, 224, 224, 0)));
     background-size: 100% 5%;
     background-repeat: no-repeat;
     background-position: center bottom;
@@ -4385,7 +4385,7 @@ scrolledwindow overshoot.bottom {
     box-shadow: none; }
 
 scrolledwindow overshoot.left {
-  background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#b8b8b8), to(rgba(184, 184, 184, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0)));
+  background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0)));
   background-size: 5% 100%, 100% 100%;
   background-repeat: no-repeat;
   background-position: left center;
@@ -4393,7 +4393,7 @@ scrolledwindow overshoot.left {
   border: none;
   box-shadow: none; }
   scrolledwindow overshoot.left:backdrop {
-    background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#dadada), to(rgba(218, 218, 218, 0)));
+    background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#e0e0e0), to(rgba(224, 224, 224, 0)));
     background-size: 5% 100%;
     background-repeat: no-repeat;
     background-position: left center;
@@ -4402,7 +4402,7 @@ scrolledwindow overshoot.left {
     box-shadow: none; }
 
 scrolledwindow overshoot.right {
-  background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#b8b8b8), to(rgba(184, 184, 184, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0)));
+  background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0)));
   background-size: 5% 100%, 100% 100%;
   background-repeat: no-repeat;
   background-position: right center;
@@ -4410,7 +4410,7 @@ scrolledwindow overshoot.right {
   border: none;
   box-shadow: none; }
   scrolledwindow overshoot.right:backdrop {
-    background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#dadada), to(rgba(218, 218, 218, 0)));
+    background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#e0e0e0), to(rgba(224, 224, 224, 0)));
     background-size: 5% 100%;
     background-repeat: no-repeat;
     background-position: right center;
@@ -4420,12 +4420,12 @@ scrolledwindow overshoot.right {
 
 scrolledwindow junction {
   border-color: transparent;
-  border-image: linear-gradient(to bottom, #d1d1d1 1px, transparent 1px) 0 0 0 1/0 1px stretch;
+  border-image: linear-gradient(to bottom, #d9d9d9 1px, transparent 1px) 0 0 0 1/0 1px stretch;
   background-color: #dedfe2; }
   scrolledwindow junction:dir(rtl) {
     border-image-slice: 0 1 0 0; }
   scrolledwindow junction:backdrop {
-    border-image-source: linear-gradient(to bottom, #dadada 1px, transparent 1px);
+    border-image-source: linear-gradient(to bottom, #e0e0e0 1px, transparent 1px);
     background-color: #f7f7f7;
     transition: 200ms ease-out; }
 
@@ -4440,10 +4440,10 @@ separator {
 list {
   color: black;
   background-color: #fafafa;
-  border-color: #d1d1d1; }
+  border-color: #d9d9d9; }
   list:backdrop {
     background-color: #f7f7f7;
-    border-color: #dadada; }
+    border-color: #e0e0e0; }
   list row {
     padding: 2px; }
 
@@ -4507,7 +4507,7 @@ expander title > arrow {
  ***********/
 calendar {
   color: black;
-  border: 1px solid #d1d1d1; }
+  border: 1px solid #d9d9d9; }
   calendar:selected {
     border-radius: 3px; }
   calendar.header {
@@ -4528,7 +4528,7 @@ calendar {
       color: #d9d9d9; }
   calendar:backdrop {
     color: #313131;
-    border-color: #dadada; }
+    border-color: #e0e0e0; }
   calendar:indeterminate {
     color: alpha(currentColor,0.1); }
 
@@ -4562,9 +4562,9 @@ messagedialog.csd .dialog-action-area button {
     -gtk-outline-bottom-right-radius: 5px; }
 
 filechooser .dialog-action-box {
-  border-top: 1px solid #d1d1d1; }
+  border-top: 1px solid #d9d9d9; }
   filechooser .dialog-action-box:backdrop {
-    border-top-color: #dadada; }
+    border-top-color: #e0e0e0; }
 
 filechooser #pathbarbox {
   border-bottom: 1px solid #ffffff; }
@@ -4580,14 +4580,14 @@ filechooserbutton:drop(active) {
   border-style: none;
   background-color: #fcfcfc; }
   stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
-    border-right: 1px solid #d1d1d1;
+    border-right: 1px solid #d9d9d9;
     border-left-style: none; }
   stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
-    border-left: 1px solid #d1d1d1;
+    border-left: 1px solid #d9d9d9;
     border-right-style: none; }
   .sidebar:backdrop {
     background-color: #fbfbfb;
-    border-color: #dadada;
+    border-color: #e0e0e0;
     transition: 200ms ease-out; }
   .sidebar list {
     background-color: transparent; }
@@ -4603,9 +4603,9 @@ stacksidebar row {
     background-size: 6px 6px, 0 0; }
 
 separator.sidebar {
-  background-color: #d1d1d1; }
+  background-color: #d9d9d9; }
   separator.sidebar:backdrop {
-    background-color: #dadada; }
+    background-color: #e0e0e0; }
   separator.sidebar.selection-mode,
   .selection-mode separator.sidebar {
     background-color: #0047c0; }
@@ -4692,21 +4692,21 @@ paned > separator {
   -gtk-icon-source: none;
   border-style: none;
   background-color: transparent;
-  background-image: image(#d1d1d1);
+  background-image: image(#d9d9d9);
   background-size: 1px 1px; }
   paned > separator:selected {
     background-image: image(#2777ff); }
   paned > separator:backdrop {
-    background-image: image(#dadada); }
+    background-image: image(#e0e0e0); }
   paned > separator.wide {
     min-width: 5px;
     min-height: 5px;
     background-color: #ffffff;
-    background-image: image(#d1d1d1), image(#d1d1d1);
+    background-image: image(#d9d9d9), image(#d9d9d9);
     background-size: 1px 1px, 1px 1px; }
     paned > separator.wide:backdrop {
       background-color: #ffffff;
-      background-image: image(#dadada), image(#dadada); }
+      background-image: image(#e0e0e0), image(#e0e0e0); }
 
 paned.horizontal > separator {
   background-repeat: repeat-y; }
@@ -4744,7 +4744,7 @@ infobar {
     text-shadow: none; }
     infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box {
       background-color: #f5e5c8;
-      border-bottom: 1px solid #dedede; }
+      border-bottom: 1px solid #e6e6e6; }
       infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box {
         color: #5c616c; }
     infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop {
@@ -4752,7 +4752,7 @@ infobar {
     infobar.info button, infobar.question button, infobar.warning button, infobar.error button {
       color: #5c616c;
       outline-color: rgba(92, 97, 108, 0.3);
-      border-color: #d1d1d1;
+      border-color: #d9d9d9;
       border-bottom-color: #c2c2c2;
       background-image: linear-gradient(to top, whitesmoke 2px, #ffffff);
       text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
@@ -4761,7 +4761,7 @@ infobar {
       infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover {
         color: #5c616c;
         outline-color: rgba(92, 97, 108, 0.3);
-        border-color: #d1d1d1;
+        border-color: #d9d9d9;
         border-bottom-color: #c2c2c2;
         text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
         -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
@@ -4770,13 +4770,13 @@ infobar {
       infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked {
         color: #5c616c;
         outline-color: rgba(92, 97, 108, 0.3);
-        border-color: #d1d1d1;
+        border-color: #d9d9d9;
         background-image: image(#dbdbdb);
         box-shadow: inset 0 1px rgba(255, 255, 255, 0);
         text-shadow: none;
         -gtk-icon-shadow: none; }
       infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
-        border-color: #d1d1d1;
+        border-color: #d9d9d9;
         background-image: image(#fdfdfd);
         text-shadow: none;
         -gtk-icon-shadow: none;
@@ -4784,7 +4784,7 @@ infobar {
         infobar.info button:disabled label, infobar.info button:disabled, infobar.question button:disabled label, infobar.question button:disabled, infobar.warning button:disabled label, infobar.warning button:disabled, infobar.error button:disabled label, infobar.error button:disabled {
           color: #aeb0b6; }
       infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop {
-        border-color: #dadada;
+        border-color: #e0e0e0;
         background-image: image(#ffffff);
         text-shadow: none;
         -gtk-icon-shadow: none;
@@ -4793,7 +4793,7 @@ infobar {
         infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop {
           color: #aeb0b6; }
         infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled {
-          border-color: #dadada;
+          border-color: #e0e0e0;
           background-image: image(#fdfdfd);
           text-shadow: none;
           -gtk-icon-shadow: none;
@@ -4904,7 +4904,7 @@ colorswatch#add-color-button {
   colorswatch#add-color-button overlay {
     color: #5c616c;
     outline-color: rgba(92, 97, 108, 0.3);
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     border-bottom-color: #c2c2c2;
     background-image: linear-gradient(to top, whitesmoke 2px, #ffffff);
     text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
@@ -4913,14 +4913,14 @@ colorswatch#add-color-button {
     colorswatch#add-color-button overlay:hover {
       color: #5c616c;
       outline-color: rgba(92, 97, 108, 0.3);
-      border-color: #d1d1d1;
+      border-color: #d9d9d9;
       border-bottom-color: #c2c2c2;
       text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
       -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
       box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07);
       background-image: linear-gradient(to top, #ffffff, white 1px); }
     colorswatch#add-color-button overlay:backdrop {
-      border-color: #dadada;
+      border-color: #e0e0e0;
       background-image: image(#ffffff);
       text-shadow: none;
       -gtk-icon-shadow: none;
@@ -4998,8 +4998,8 @@ decoration {
   .solid-csd decoration {
     margin: 0;
     padding: 4px;
-    background-color: #d1d1d1;
-    border: solid 1px #d1d1d1;
+    background-color: #d9d9d9;
+    border: solid 1px #d9d9d9;
     border-radius: 0;
     box-shadow: inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); }
     .solid-csd decoration:backdrop {
@@ -5113,7 +5113,7 @@ cursor-handle {
   color: #5c616c;
   background-color: #fafafa;
   border: 1px solid;
-  border-color: #e8e8e8;
+  border-color: #ececec;
   border-radius: 5px;
   box-shadow: inset 0 -3px #fefefe;
   font-size: smaller; }
@@ -5178,7 +5178,7 @@ button.emoji-section {
   button.emoji-section:backdrop:not(:checked) {
     border-color: transparent; }
   button.emoji-section:hover {
-    border-color: #d1d1d1; }
+    border-color: #d9d9d9; }
   button.emoji-section:checked {
     border-color: #2777ff; }
   button.emoji-section label {
@@ -5224,7 +5224,7 @@ headerbar button.toggle:active,
 headerbar button.toggle:checked,
 button:active,
 button:checked {
-  background: #efefef;
+  background: #f2f2f2;
   box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1); }
 
 switch:hover slider, scale slider:active {
@@ -5252,7 +5252,7 @@ switch:checked slider {
   border-color: #0051da; }
 
 switch:backdrop slider {
-  border-color: #dadada; }
+  border-color: #e0e0e0; }
 
 switch:backdrop:checked slider {
   border-color: #2777ff; }
@@ -5271,7 +5271,7 @@ radio {
   radio:backdrop:indeterminate:disabled, check:disabled, check:disabled:backdrop,
   radio:disabled,
   radio:disabled:backdrop {
-    border-color: #d1d1d1;
+    border-color: #d9d9d9;
     background-image: image(#ffffff); }
   check:checked,
   radio:checked {
@@ -5678,10 +5678,10 @@ insensitive color on backdrop windows*/
 @define-color unfocused_insensitive_color #d9d9d9;
 /*
 widgets main borders color */
-@define-color borders #d1d1d1;
+@define-color borders #d9d9d9;
 /*
 widgets main borders color on backdrop windows */
-@define-color unfocused_borders #dadada;
+@define-color unfocused_borders #e0e0e0;
 /*
 these are pretty self explicative */
 @define-color warning_color #fd7d00;
diff --git a/src/themes/Kali/sass/gtk-sass/_colors.scss b/src/themes/Kali/sass/gtk-sass/_colors.scss
index 4eafb974..28013670 100644
--- a/src/themes/Kali/sass/gtk-sass/_colors.scss
+++ b/src/themes/Kali/sass/gtk-sass/_colors.scss
@@ -10,7 +10,7 @@ $fg_color: if($variant == 'light', #5c616c, #eeeeec);
 $selected_fg_color: #ffffff;
 $selected_bg_color: saturate(#367bf0, 20%);
 $selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 30%));
-$borders_color: if($variant == 'light', darken($bg_color, 18%), darken($bg_color, 10%));
+$borders_color: if($variant == 'light', darken($bg_color, 15%), darken($bg_color, 10%));
 $alt_borders_color: if($variant == 'light', darken($bg_color, 24%), darken($bg_color, 18%));
 $borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93));
 $link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%));