From 3287e4fe67cc4d0bedc948fbb72b901be041def4 Mon Sep 17 00:00:00 2001
From: eudaimon <eudaimon@disroot.org>
Date: Fri, 11 Dec 2020 10:18:15 +0100
Subject: [PATCH] some tweaks including spinbuttons and checks/radios

---
 gtk-3.0/gtk-contained-dark.css | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/gtk-3.0/gtk-contained-dark.css b/gtk-3.0/gtk-contained-dark.css
index fdfd45c..a7ec78d 100755
--- a/gtk-3.0/gtk-contained-dark.css
+++ b/gtk-3.0/gtk-contained-dark.css
@@ -81,8 +81,8 @@ these are pretty self explicative */
 @define-color success_color #73d216;
 
 /*Window headers*/
-@define-color theme_header_bg @theme_selected_bg_color;
-@define-color theme_header_unfocused_bg #16371b;
+@define-color theme_header_bg mix(@theme_selected_bg_color, @theme_bg_color, 0.5);
+@define-color theme_header_unfocused_bg @theme_bg_color;
 @define-color theme_header_fg @theme_selected_fg_color;
 @define-color theme_header_unfocused_fg #949c3c;
 
@@ -308,7 +308,9 @@ entry {
   color: @theme_fg_color;
   border-color: @borders;
   background-color: @theme_base_color;
-  box-shadow: inset 0 0 0 1px rgba(42, 145, 250, 0); }
+  /*box-shadow: inset 0 0 0 1px rgba(42, 145, 250, 0);*/
+  box-shadow: inset 0 5px 6px -3px alpha(black,0.5);
+   }
   spinbutton:not(.vertical) image.left,
   entry image.left {
     margin-right: 6px; }
@@ -340,6 +342,11 @@ entry {
     background-position: right center;
     border: none;
     box-shadow: none; }*/
+ 
+ spinbutton:focus button {
+background-color: @theme_base_color;
+}
+
   spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical), spinbutton.flat:disabled:not(.vertical), spinbutton.flat:backdrop:disabled:not(.vertical), spinbutton.flat:not(.vertical),
   entry.flat:focus,
   entry.flat:backdrop,
@@ -665,10 +672,10 @@ button, button.flat:hover, button.flat:focus {
     /*border-color: shade (@borders, 0.6);*/
      border-bottom-color: alpha(@highlight_color, 0.5);
     /*background: linear-gradient(to top, shade (@theme_bg_color, 0.85), shade (@theme_bg_color, 0.9));*/
-    background-image: linear-gradient(to top, alpha(shade (@button_bg_color, 0.85), 0.6), alpha (shade (@button_bg_color, 0.9), 0.6));
+    background-image: linear-gradient(to top, alpha(shade (@button_bg_color, 0.75), 0.6), alpha (shade (@button_bg_color, 0.8), 0.6));
     -gtk-icon-shadow: none;
     /*box-shadow: inset 0px 0px 2px 0px shade (@theme_bg_color, 0.6);*/
-    box-shadow: inset 0px 0px 2px 0px shade (@button_bg_color, 0.6);
+    box-shadow: inset 0px 0px 2px 0px shade (@button_bg_color, 0.6), inset 0px 2px 2px 0px shade (@button_bg_color, 0.3);
     transition-duration: 50ms; }
 /*  notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop,
   button:backdrop.flat,
@@ -765,7 +772,8 @@ button, button.flat:hover, button.flat:focus {
       outline-color: rgba(0, 0, 0, 0.1);
       text-shadow: none;
       background-image: image(@insensitive_bg_color);
-      box-shadow: inset 0px 0px 2px 0px shade (@button_bg_color, 0.6) ;
+      box-shadow: inset 0px 2px 2px 0px shade (@button_bg_color, 0.3) ;
+      border-bottom-color: alpha(@highlight_color, 0.5);
       -gtk-icon-shadow: none; }
   notebook > header > tabs > arrow.image-button, button.image-button.titlebutton,
   button.image-button {
@@ -3338,7 +3346,7 @@ check,
 radio {
   margin: 0 4px;
   background: @theme_base_color;
-  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5), inset 0 3px 3px 0px alpha (black, 0.5);
   color: #FFF;
   min-height: 14px;
   min-width: 14px;
@@ -3362,7 +3370,7 @@ radio {
     box-shadow: none; }
   check:hover,
   radio:hover {
-    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.4); }
+  box-shadow: inset 0px 0px 0px 1px alpha (@theme_selected_bg_color, 0.8), inset 0 3px 3px 0px alpha (black, 0.5);}
   check:active, check:checked,
   radio:active,
   radio:checked {