changeset 69:486bdc94db57

Don't darken selected border colour as much Lightens things like the selected slider, and more in line with colour of Adwaita Dark
author IBBoard <dev@ibboard.co.uk>
date Mon, 13 Nov 2017 20:45:16 +0000
parents ca03043eb2a4
children aa6a1c6e24ad
files gtk-3.20/gtk.css gtk-3.20/gtk.scss
diffstat 2 files changed, 33 insertions(+), 33 deletions(-) [+]
line wrap: on
line diff
--- a/gtk-3.20/gtk.css	Mon Nov 13 20:42:32 2017 +0000
+++ b/gtk-3.20/gtk.css	Mon Nov 13 20:45:16 2017 +0000
@@ -231,7 +231,7 @@
 
 combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button.titlebutton:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; }
 
-row:selected button { border-color: #12180c; }
+row:selected button { border-color: #2b3a1d; }
 
 row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; }
 
@@ -595,7 +595,7 @@
 
 .titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
 
-.selection-mode.titlebar:not(headerbar), headerbar.selection-mode { color: #ffffff; border-color: #12180c; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #5E7F3E linear-gradient(to top, #3d5228, #59783b 2px, #5E7F3E 3px); box-shadow: inset 0 1px rgba(102, 133, 72, 0.55); }
+.selection-mode.titlebar:not(headerbar), headerbar.selection-mode { color: #ffffff; border-color: #2b3a1d; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #5E7F3E linear-gradient(to top, #3d5228, #59783b 2px, #5E7F3E 3px); box-shadow: inset 0 1px rgba(102, 133, 72, 0.55); }
 
 .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { background-color: #5E7F3E; background-image: none; box-shadow: inset 0 1px rgba(106, 136, 76, 0.46); }
 
@@ -607,19 +607,19 @@
 
 .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b3a1d; background-image: image(#4f6a34); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
 
-.selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { border-color: #5E7F3E; background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #12180c; }
+.selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { border-color: #5E7F3E; background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #2b3a1d; }
 
 .selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: #dfe5d8; }
 
-.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #12180c; }
+.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; }
 
 .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: #dee2d9; }
 
-.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-color: #6e8a52; background-image: image(#6e8a52); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #12180c; }
+.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-color: #6e8a52; background-image: image(#6e8a52); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; }
 
 .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #a1b38f; }
 
-.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop.flat:disabled:active, headerbar.selection-mode button:backdrop.flat:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #12180c; }
+.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop.flat:disabled:active, headerbar.selection-mode button:backdrop.flat:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; }
 
 .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop.flat:disabled:active label, headerbar.selection-mode button:backdrop.flat:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:checked label { color: #93a285; }
 
@@ -633,21 +633,21 @@
 
 .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, headerbar.selection-mode button:disabled:active label, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked label, headerbar.selection-mode button:disabled:checked { color: #bdc6b4; }
 
-.selection-mode.titlebar:not(headerbar) button.suggested-action, headerbar.selection-mode button.suggested-action { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad); 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 rgba(255, 255, 255, 0.4); border-color: #12180c; }
-
-.selection-mode.titlebar:not(headerbar) button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; 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 rgba(255, 255, 255, 0.6); background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc); border-color: #12180c; }
-
-.selection-mode.titlebar:not(headerbar) button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; background-image: image(#b7b7b7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #12180c; }
-
-.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #12180c; }
+.selection-mode.titlebar:not(headerbar) button.suggested-action, headerbar.selection-mode button.suggested-action { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad); 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 rgba(255, 255, 255, 0.4); border-color: #2b3a1d; }
+
+.selection-mode.titlebar:not(headerbar) button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; 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 rgba(255, 255, 255, 0.6); background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc); border-color: #2b3a1d; }
+
+.selection-mode.titlebar:not(headerbar) button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; background-image: image(#b7b7b7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #2b3a1d; }
+
+.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; }
 
 .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled label, headerbar.selection-mode button.suggested-action:disabled { color: #6e6e6e; }
 
-.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #12180c; }
+.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; }
 
 .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #6e6e6e; }
 
-.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #12180c; }
+.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; }
 
 .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #a0a0a0; }
 
@@ -721,7 +721,7 @@
 
 treeview.view:backdrop { border-left-color: #9a9a9a; border-top: #C6C6C6; }
 
-treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #12180c; }
+treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #2b3a1d; }
 
 treeview.view:drop(active).after { border-top-style: none; }
 
@@ -743,11 +743,11 @@
 
 treeview.view.expander:backdrop { color: #888888; }
 
-treeview.view.progressbar { color: #C6C6C6; border: 1px solid #12180c; border-radius: 4px; background-color: #5E7F3E; background-image: linear-gradient(to bottom, #5E7F3E, #455d2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); }
+treeview.view.progressbar { color: #C6C6C6; border: 1px solid #2b3a1d; border-radius: 4px; background-color: #5E7F3E; background-image: linear-gradient(to bottom, #5E7F3E, #455d2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); }
 
 treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 4px; color: #5E7F3E; box-shadow: none; background-image: linear-gradient(to bottom, #C6C6C6, #adadad); }
 
-treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #5E7F3E; border-color: #12180c; background-color: #c3c3c3; }
+treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #5E7F3E; border-color: #2b3a1d; background-color: #c3c3c3; }
 
 treeview.view.progressbar:backdrop { color: #c3c3c3; background-image: none; box-shadow: none; }
 
@@ -1056,7 +1056,7 @@
 /********** Switch * */
 switch { font-weight: bold; font-size: smaller; outline-offset: -4px; border: 1px solid #7a7a7a; border-radius: 3px; color: #161616; background-color: #ababab; text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
 
-switch:checked { color: #ffffff; border-color: #12180c; background-color: #5E7F3E; text-shadow: 0 1px rgba(18, 24, 12, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
+switch:checked { color: #ffffff; border-color: #2b3a1d; background-color: #5E7F3E; text-shadow: 0 1px rgba(43, 58, 29, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
 
 switch:disabled { color: #6e6e6e; border-color: #7a7a7a; background-color: #c6c6c6; text-shadow: none; }
 
@@ -1070,7 +1070,7 @@
 
 switch:hover slider { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #6d6d6d; box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #adadad, 0 1px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%); }
 
-switch:checked slider { border: 1px solid #12180c; }
+switch:checked slider { border: 1px solid #2b3a1d; }
 
 switch:disabled slider { border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
@@ -1086,15 +1086,15 @@
 
 switch:backdrop:disabled slider label, switch:backdrop:disabled slider { color: #a0a0a0; }
 
-row:selected switch { box-shadow: none; border-color: #12180c; }
-
-row:selected switch:backdrop { border-color: #12180c; }
+row:selected switch { box-shadow: none; border-color: #2b3a1d; }
+
+row:selected switch:backdrop { border-color: #2b3a1d; }
 
 row:selected switch slider:dir(rtl) { border-left-color: #7a7a7a; }
 
 row:selected switch slider:dir(ltr) { border-right-color: #7a7a7a; }
 
-row:selected switch slider:checked, row:selected switch slider { border-color: #12180c; }
+row:selected switch slider:checked, row:selected switch slider { border-color: #2b3a1d; }
 
 /************************* Check and Radio items * */
 .view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }
@@ -1143,7 +1143,7 @@
 
 check:backdrop:disabled label, check:backdrop:disabled, radio:backdrop:disabled label, radio:backdrop:disabled { color: #a0a0a0; }
 
-row:selected check, row:selected radio { border-color: #12180c; }
+row:selected check, row:selected radio { border-color: #2b3a1d; }
 
 .osd check, .osd radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
 
@@ -1181,7 +1181,7 @@
 
 menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
 
-treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #161616; border-color: #12180c; }
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #161616; border-color: #2b3a1d; }
 
 treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: #6e6e6e; }
 
@@ -1198,13 +1198,13 @@
 
 scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { background-color: #c6c6c6; }
 
-row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #12180c; }
+row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #2b3a1d; }
 
 .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
 
 .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { background-color: rgba(49, 52, 52, 0.5); }
 
-scale highlight, progressbar progress { border: 1px solid #12180c; border-radius: 3px; background-color: #5E7F3E; }
+scale highlight, progressbar progress { border: 1px solid #2b3a1d; border-radius: 3px; background-color: #5E7F3E; }
 
 scale highlight:disabled, progressbar progress:disabled { background-color: transparent; border-color: transparent; }
 
@@ -1212,7 +1212,7 @@
 
 scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled { background-color: transparent; border-color: transparent; }
 
-row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color: #12180c; }
+row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color: #2b3a1d; }
 
 .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { border-color: rgba(0, 0, 0, 0.7); }
 
@@ -1246,7 +1246,7 @@
 
 scale slider:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #6d6d6d; box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #adadad, 0 1px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%); }
 
-scale slider:active { border-color: #12180c; }
+scale slider:active { border-color: #2b3a1d; }
 
 scale slider:disabled { border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
@@ -1260,7 +1260,7 @@
 
 scale slider:backdrop:disabled label, scale slider:backdrop:disabled { color: #a0a0a0; }
 
-row:selected scale slider:disabled, row:selected scale slider { border-color: #12180c; }
+row:selected scale slider:disabled, row:selected scale slider { border-color: #2b3a1d; }
 
 .osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #1c1f20; }
 
--- a/gtk-3.20/gtk.scss	Mon Nov 13 20:42:32 2017 +0000
+++ b/gtk-3.20/gtk.scss	Mon Nov 13 20:45:16 2017 +0000
@@ -24,7 +24,7 @@
 $bg_color: #C6C6C6;
 $fg_color: #161616;
 $selected_bg_color: #5E7F3E;
-$selected_borders_color: darken($selected_bg_color, 30%);
+$selected_borders_color: darken($selected_bg_color, 20%);
 $borders_color: darken($bg_color,30%);
 $alt_borders_color: if($variant == 'light', darken($bg_color, 35%), darken($bg_color, 17%));
 $borders_edge: transparentize(lighten($bg_color, 30%), 0.9);
@@ -83,7 +83,7 @@
 $bg_prelight: $bg_gradient_1;
 $selected_bg_color_hover: lighten($selected_bg_color, 10%);
 $selected_bg_color_shade: darken($selected_bg_color, 10%);
-$selected_bg_border: darken($selected_bg_color, 30%);
+$selected_bg_border: darken($selected_bg_color, 20%);
 $title_fg: #fff;
 $header_separator: lighten($bg_dark_color, 10%);
 $fg_color_emphasis: darken($fg_color, 50%);