gtk-theme-clearcodes

gtk3 theme with a focus on code simplicity
git clone https://git.ce9e.org/gtk-theme-clearcodes.git

commit
3e072e74d2f2f5d228123b677912c1d1a0187e20
parent
ca0f2d235d11187bd01292e0ea4f1daf6aa70975
Author
Tobias Bengfort <tobias.bengfort@posteo.de>
Date
2020-12-19 09:55
add separate button color variables

Diffstat

M gtk-3.0/gtk-dark.css 4 +++-
M gtk-3.0/gtk.css 4 +++-
M gtk-3.0/widgets/button.css 16 ++++++++--------

3 files changed, 14 insertions, 10 deletions


diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css

@@ -9,8 +9,10 @@
    9     9 @define-color selected_fg_color #fff;
   10    10 
   11    11 @define-color text_color @fg_color;
   -1    12 @define-color focus_color @selected_bg_color;
   12    13 @define-color tooltip_bg_color @base_color;
   13    14 @define-color tooltip_fg_color @text_color;
   14    -1 @define-color focus_color @selected_bg_color;
   -1    15 @define-color button_bg_color @base_color;
   -1    16 @define-color button_fg_color @text_color;
   15    17 
   16    18 @import url("shared.css");

diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css

@@ -9,8 +9,10 @@
    9     9 @define-color selected_fg_color #fff;
   10    10 
   11    11 @define-color text_color @fg_color;
   -1    12 @define-color focus_color @selected_bg_color;
   12    13 @define-color tooltip_bg_color @base_color;
   13    14 @define-color tooltip_fg_color @text_color;
   14    -1 @define-color focus_color @selected_bg_color;
   -1    15 @define-color button_bg_color @base_color;
   -1    16 @define-color button_fg_color @text_color;
   15    17 
   16    18 @import url("shared.css");

diff --git a/gtk-3.0/widgets/button.css b/gtk-3.0/widgets/button.css

@@ -4,10 +4,10 @@ switch slider {
    4     4     padding: 0.5em;
    5     5     border-width: 1px;
    6     6     background-image: linear-gradient(to bottom,
    7    -1         @base_color,
    8    -1         @base_color 40%,
    9    -1         shade(@base_color, 0.94));
   10    -1     color: @text_color;
   -1     7         @button_bg_color,
   -1     8         @button_bg_color 40%,
   -1     9         shade(@button_bg_color, 0.94));
   -1    10     color: @button_fg_color;
   11    11 }
   12    12 
   13    13 button.flat {
@@ -20,10 +20,10 @@ button:focus,
   20    20 switch:hover slider,
   21    21 switch:focus slider {
   22    22     background-image: linear-gradient(to bottom,
   23    -1         @base_color,
   24    -1         @base_color 40%,
   25    -1         shade(@base_color, 0.98));
   26    -1     color: @text_color;
   -1    23         @button_bg_color,
   -1    24         @button_bg_color 40%,
   -1    25         shade(@button_bg_color, 0.98));
   -1    26     color: @button_fg_color;
   27    27 }
   28    28 
   29    29 button.flat:hover,