gtk-theme-clearcodes

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

commit
98c51646406cc4af94452a13e384477ee9f6596e
parent
50c0f64a3ab0100851078632766816e7925ab1b6
Author
Tobias Bengfort <tobias.bengfort@posteo.de>
Date
2019-11-24 09:23
replace input colors by base/text

I think this is how it was originally intended

Diffstat

M gtk-3.0/gtk-dark.css 11 +++++------
M gtk-3.0/gtk.css 11 +++++------
M gtk-3.0/shared.css 16 ++++++++--------
M gtk-3.0/widgets/button.css 20 ++++++++++----------
M gtk-3.0/widgets/calendar.css 6 +++---
M gtk-3.0/widgets/checkbox.css 4 ++--
M gtk-3.0/widgets/headerbar.css 4 ++--
M gtk-3.0/widgets/list.css 4 ++--
M gtk-3.0/widgets/menu.css 10 +++++-----
M gtk-3.0/widgets/notebook.css 8 ++++----
M gtk-3.0/widgets/pane-separator.css 2 +-
M gtk-3.0/widgets/popover.css 4 ++--
M gtk-3.0/widgets/progress_bar.css 4 ++--
M gtk-3.0/widgets/scale.css 6 +++---
M gtk-3.0/widgets/scrollbar.css 4 ++--

15 files changed, 56 insertions, 58 deletions


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

@@ -1,17 +1,16 @@
    1     1 /* default color scheme */
    2    -1 @define-color bg_color #222;
   -1     2 @define-color bg_color_secondary #222;
   -1     3 @define-color bg_color #333;
    3     4 @define-color fg_color #fff;
    4    -1 @define-color base_color #333;
    5    -1 @define-color tooltip_bg_color #555;
   -1     5 @define-color base_color #555;
    6     6 @define-color border_color #222;
    7     7 
    8     8 @define-color selected_bg_color mix(#26c, #fff, 0.1);
    9     9 @define-color selected_fg_color #fff;
   10    10 
   11    11 @define-color text_color @fg_color;
   12    -1 @define-color tooltip_fg_color @fg_color;
   13    -1 @define-color input_bg_color @tooltip_bg_color;
   14    -1 @define-color input_fg_color @tooltip_fg_color;
   -1    12 @define-color tooltip_bg_color @base_color;
   -1    13 @define-color tooltip_fg_color @text_color;
   15    14 @define-color focus_color @selected_bg_color;
   16    15 
   17    16 @import url("shared.css");

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

@@ -1,17 +1,16 @@
    1     1 /* default color scheme */
    2    -1 @define-color bg_color #e3e3e3;
   -1     2 @define-color bg_color_secondary #e3e3e3;
   -1     3 @define-color bg_color #f6f6f6;
    3     4 @define-color fg_color #222;
    4    -1 @define-color base_color #f6f6f6;
    5    -1 @define-color tooltip_bg_color #fff;
   -1     5 @define-color base_color #fff;
    6     6 @define-color border_color #aaa;
    7     7 
    8     8 @define-color selected_bg_color #26c;
    9     9 @define-color selected_fg_color #fff;
   10    10 
   11    11 @define-color text_color @fg_color;
   12    -1 @define-color tooltip_fg_color @fg_color;
   13    -1 @define-color input_bg_color @tooltip_bg_color;
   14    -1 @define-color input_fg_color @tooltip_fg_color;
   -1    12 @define-color tooltip_bg_color @base_color;
   -1    13 @define-color tooltip_fg_color @text_color;
   15    14 @define-color focus_color @selected_bg_color;
   16    15 
   17    16 @import url("shared.css");

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

@@ -18,29 +18,29 @@ selection,
   18    18 /* !important seems to be broken, so I use this hack to push specificity */
   19    19 *:backdrop:backdrop,
   20    20 *:disabled:disabled {
   21    -1     color: mix(@text_color, @base_color, 0.4);
   -1    21     color: mix(@fg_color, @bg_color, 0.4);
   22    22     -gtk-icon-effect: dim;
   23    23 }
   24    24 .background {
   25    -1     background: @base_color;
   26    -1     color: @text_color;
   -1    25     background: @bg_color;
   -1    26     color: @fg_color;
   27    27 }
   28    28 
   29    29 .view,
   30    30 .cell {
   31    -1     background: @input_bg_color;
   32    -1     color: @input_fg_color;
   -1    31     background: @base_color;
   -1    32     color: @text_color;
   33    33 }
   34    34 
   35    35 entry {
   36    36     padding: 3px;
   37    37     border-width: 1px;
   38    -1     background-color: @input_bg_color;
   39    -1     color: @input_fg_color;
   -1    38     background-color: @base_color;
   -1    39     color: @text_color;
   40    40 }
   41    41 entry:backdrop,
   42    42 entry:disabled {
   43    -1     background: shade(@input_bg_color, 0.94);
   -1    43     background: shade(@base_color, 0.94);
   44    44 }
   45    45 
   46    46 slider:focus,

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         @input_bg_color,
    8    -1         @input_bg_color 40%,
    9    -1         shade(@input_bg_color, 0.94));
   10    -1     color: @input_fg_color;
   -1     7         @base_color,
   -1     8         @base_color 40%,
   -1     9         shade(@base_color, 0.94));
   -1    10     color: @text_color;
   11    11 }
   12    12 
   13    13 button.flat {
@@ -20,9 +20,9 @@ button:focus,
   20    20 switch:hover slider,
   21    21 switch:focus slider {
   22    22     background-image: linear-gradient(to bottom,
   23    -1         @input_bg_color,
   24    -1         @input_bg_color 40%,
   25    -1         shade(@input_bg_color, 0.98));
   -1    23         @base_color,
   -1    24         @base_color 40%,
   -1    25         shade(@base_color, 0.98));
   26    26 }
   27    27 
   28    28 button.flat:hover,
@@ -35,15 +35,15 @@ button.flat:checked {
   35    35 button:active,
   36    36 button:checked {
   37    37     background-image: linear-gradient(to bottom,
   38    -1         shade(@base_color, 0.95),
   39    -1         shade(@base_color, 0.9));
   -1    38         shade(@bg_color, 0.95),
   -1    39         shade(@bg_color, 0.9));
   40    40 }
   41    41 
   42    42 button:backdrop,
   43    43 button:disabled,
   44    44 switch:backdrop slider,
   45    45 switch:disabled slider {
   46    -1     background: @base_color;
   -1    46     background: @bg_color;
   47    47 }
   48    48 
   49    49 button.circular {

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

@@ -3,7 +3,7 @@ calendar {
    3     3 }
    4     4 
    5     5 calendar.header {
    6    -1     background-color: @base_color;
   -1     6     background-color: @bg_color;
    7     7 }
    8     8 
    9     9 calendar calendar {
@@ -11,9 +11,9 @@ calendar calendar {
   11    11 }
   12    12 
   13    13 calendar.highlight {
   14    -1     color: mix(@input_fg_color, @input_bg_color, 0.4);
   -1    14     color: mix(@text_color, @base_color, 0.4);
   15    15 }
   16    16 
   17    17 calendar:indeterminate {
   18    -1     color: mix(@input_fg_color, @input_bg_color, 0.6);
   -1    18     color: mix(@text_color, @base_color, 0.6);
   19    19 }

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

@@ -8,8 +8,8 @@ check {
    8     8     min-height: 1.2em;
    9     9     min-width: 1.2em;
   10    10     border-width: 1px;
   11    -1     background-color: @input_bg_color;
   12    -1     color: @input_fg_color;
   -1    11     background-color: @base_color;
   -1    12     color: @text_color;
   13    13 }
   14    14 
   15    15 radio:not(:last-child),

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

@@ -1,5 +1,5 @@
    1     1 headerbar {
    2    -1     background: @bg_color;
   -1     2     background: @bg_color_secondary;
    3     3     color: @fg_color;
    4     4     padding: 0.5em;
    5     5     border-bottom-width: 1px;
@@ -7,7 +7,7 @@ headerbar {
    7     7 }
    8     8 
    9     9 headerbar:backdrop {
   10    -1     background: mix(@base_color, @bg_color, 0.5);
   -1    10     background: mix(@bg_color, @bg_color_secondary, 0.5);
   11    11 }
   12    12 
   13    13 searchbar {

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

@@ -1,6 +1,6 @@
    1     1 list {
    2    -1     background: @input_bg_color;
    3    -1     color: @input_fg_color;
   -1     2     background: @base_color;
   -1     3     color: @text_color;
    4     4 }
    5     5 
    6     6 list separator {

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

@@ -1,12 +1,12 @@
    1     1 menubar,
    2     2 actionbar,
    3     3 toolbar {
    4    -1     background: @base_color;
    5    -1     color: @text_color;
   -1     4     background: @bg_color;
   -1     5     color: @fg_color;
    6     6 }
    7     7 
    8     8 placessidebar list {
    9    -1     background-color: @bg_color;
   -1     9     background-color: @bg_color_secondary;
   10    10 }
   11    11 
   12    12 toolbar {
@@ -24,8 +24,8 @@ actionbar {
   24    24 }
   25    25 
   26    26 menu {
   27    -1     background: @input_bg_color;
   28    -1     color: @input_fg_color;
   -1    27     background: @base_color;
   -1    28     color: @text_color;
   29    29     border-width: 1px;
   30    30 }
   31    31 

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

@@ -1,13 +1,13 @@
    1     1 notebook,
    2     2 notebook tab:checked {
    3    -1     background: @input_bg_color;
    4    -1     color: @input_fg_color;
   -1     3     background: @base_color;
   -1     4     color: @text_color;
    5     5 }
    6     6 
    7     7 notebook tab,
    8     8 notebook header {
    9    -1     background: @base_color;
   10    -1     color: mix(@text_color, @base_color, 0.4);
   -1     9     background: @bg_color;
   -1    10     color: mix(@fg_color, @bg_color, 0.4);
   11    11 }
   12    12 
   13    13 notebook.frame > stack {

diff --git a/gtk-3.0/widgets/pane-separator.css b/gtk-3.0/widgets/pane-separator.css

@@ -12,5 +12,5 @@ paned.vertical > separator {
   12    12 }
   13    13 
   14    14 paned separator:hover {
   15    -1     background-color: @bg_color;
   -1    15     background-color: @bg_color_secondary;
   16    16 }

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

@@ -1,7 +1,7 @@
    1     1 popover.background,
    2     2 toolbar.osd {
    3    -1     background: @input_bg_color;
    4    -1     color: @input_fg_color;
   -1     3     background: @base_color;
   -1     4     color: @text_color;
    5     5     border-radius: 3px;
    6     6     border-width: 1px;
    7     7 }

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

@@ -2,8 +2,8 @@ progressbar trough,
    2     2 treeview .trough,
    3     3 treeview .trough:selected {
    4     4     border-width: 1px;
    5    -1     background-color: @input_bg_color;
    6    -1     color: @input_fg_color;
   -1     5     background-color: @base_color;
   -1     6     color: @text_color;
    7     7 }
    8     8 
    9     9 progressbar progress,

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

@@ -4,7 +4,7 @@ scale {
    4     4 
    5     5 scale contents {
    6     6     border-width: 1px;
    7    -1     background: @input_bg_color;
   -1     7     background: @base_color;
    8     8 }
    9     9 
   10    10 scale highlight {
@@ -18,13 +18,13 @@ scale slider {
   18    18     min-width: 14px;
   19    19     min-height: 14px;
   20    20     border: 1px solid @border_color;
   21    -1     background: @input_bg_color;
   -1    21     background: @base_color;
   22    22     margin: -7px;
   23    23 }
   24    24 
   25    25 scale slider:backdrop,
   26    26 scale slider:disabled {
   27    -1     background: @base_color;
   -1    27     background: @bg_color;
   28    28 }
   29    29 
   30    30 scale mark {

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

@@ -12,13 +12,13 @@ scrollbar {
   12    12 }
   13    13 
   14    14 scrollbar slider {
   15    -1     background-color: mix(@base_color, @text_color, 0.25);
   -1    15     background-color: mix(@bg_color, @fg_color, 0.25);
   16    16     min-width: 7px;
   17    17     min-height: 7px;
   18    18 }
   19    19 
   20    20 scrollbar slider:hover {
   21    -1     background-color: mix(@base_color, @text_color, 0.35);
   -1    21     background-color: mix(@bg_color, @fg_color, 0.35);
   22    22 }
   23    23 
   24    24 scrollbar slider:active {