Fixed gtk2 to have new default theme. Improved arrows for gtk3 and background for gnome-calculator. Updated README with correct preview and new themes to show.

README.md

@@ -1,5 +1,7 @@
 # Simple gradience
 
+![mini preview](previews/square-small.png)
+
 This is a very simple and lightweight pure CSS theme (no SASS), which works with color CSS files generated by [Gradience](https://github.com/GradienceTeam/Gradience).
 It is still a **work in progress**. The idea is to develop it well enough so it can work with most of gtk3, gtk4 and libadwaita apps, but keeping its code fairly simple. Also, as with the rest of my themes, functionality and readability of elements is much more important than cool design, although looking *good enough* is also a goal.
 
@@ -20,7 +22,7 @@ The reason behind putting both the common CSS and the color CSS inside the gtk-4
 
 ## gtk2
 
-This theme comes with a gtk2 version, that uses default's light-forest color scheme. It is not possible to tell a gtk2 theme to get gtk3 colors. So far, I've not created a way to automatically update gtk2 colors with gtk3's (a python script surely would do!).
+This theme comes with a gtk2 version, that uses default's light-bright-green color scheme. It is not possible to tell a gtk2 theme to get gtk3 colors. So far, I've not created a way to automatically update gtk2 colors with gtk3's (a python script surely would do!). If you wish to have another color theme, you can easily edit `gtk-.0/gtkrc` file.
 
 ## theming Libadwaita (Gnome, mainly) apps
 
@@ -48,10 +50,25 @@ ln -s ../../Themes/gtk/simple-gradience/gtk-4.0/color_schemes
 
 ## Previews:
 
-Default theme (which is light):
+New default theme (light-green-bright):
 
-![gtk3-widget-factory and other apps](previews/gtk3-gtk4-xfwm4.png)
+![gtk3-widget-factory 1](previews/gtk3wf-1.png)
 
 Dark Everforest-less-dark theme:
 
+![gtk3-widget-factory 1](previews/gtk3-everforest-less-dark.png)
+
+Light Yaru theme:
+
+![gtk3-widget-factory 2](previews/gtk3wf-2-light-yaru.png)
+
+
+Dark CyberHack theme:
+
+![gtk3-widget-factory 3](previews/gtk3wf-3-dark-cyberhack.png)
+
+
+Old default theme (light-forest):
+
 ![gtk3-widget-factory and other apps](previews/gtk3-gtk4-xfwm4.png)
+

gtk-2.0/gtkrc

@@ -5,16 +5,16 @@ gtk-color-scheme = "bg_color:#c3c3c3"
 gtk-color-scheme = "fg_color:#000000"
 gtk-color-scheme = "base_color:#d4d4d4"
 gtk-color-scheme = "text_color:#000000"
-gtk-color-scheme = "selected_bg_color:#00894a"
+gtk-color-scheme = "selected_bg_color:#d0ff00"
-gtk-color-scheme = "selected_fg_color:#c1ff94"
+gtk-color-scheme = "selected_fg_color:#000000"
 gtk-color-scheme = "tooltip_bg_color:#b8d1ee"
 gtk-color-scheme = "tooltip_fg_color:#000000"
 gtk-color-scheme = "disabled_bg_color:#c3bbaf"
 gtk-color-scheme = "disabled_fg_color:#807a6a"
 gtk-color-scheme = "button_bg_color:#b0b0b0"
 gtk-color-scheme = "button_fg_color:#000000"
-gtk-color-scheme = "button_checked_bg_color:#00894a"
+gtk-color-scheme = "button_checked_bg_color:#d0ff00"
-gtk-color-scheme = "button_checked_fg_color:#c1ff94"
+gtk-color-scheme = "button_checked_fg_color:#000000"
 
 
 style "default" {

gtk-3.0/gtk.css

@@ -186,3 +186,32 @@ slider, tab.reorderable-page, tabbox > tabboxchild > tab, paned > separator {
 	background-position: center;
 	background-repeat: repeat;
 }
+
+
+/* this is a dirty trick to show triangles as arrows.*/ /* Not deeded anymore */
+/*
+arrow.right, arrow.left, arrow.up, arrow.down {
+
+    background-color: transparent;
+    border-color: transparent;
+    border-width: 0.5em;
+    border-radius: 0;
+    padding: 0;
+    min-width:1px;
+    min-height:1px;
+
+}
+
+arrow.right {
+    border-left-color: @window_fg_color;
+}
+arrow.left {
+    border-right-color: @window_fg_color;
+}
+arrow.down {
+    border-top-color: @window_fg_color;
+}
+arrow.up {
+    border-bottom-color: @window_fg_color;
+}
+*/

gtk-4.0/common/common.css

@@ -80,6 +80,14 @@ selection:focus-within { background-color: alpha(@accent_bg_color,1); }
     color: @view_fg_color;
 }
 
+.history-view, .history-entry { /* otherwise gnome-calculator won't respct theme.... */
+    background-color: @view_bg_color; /*overwritten by program, needs a background image! */
+    background-image: image(@view_bg_color);
+    color: @view_fg_color;
+}
+.history-entry {
+    border-top: 1px solid alpha(@view_fg_color, 0.1);
+}
 
 list > row, listview > row {
     padding: 0.3em;
@@ -184,6 +192,9 @@ button arrow {
 }
 
 
+
+
+
 radiobutton, radio {
     border-radius: 9999px;
 }

gtk-4.0/gtk.css

@@ -102,3 +102,18 @@ calendar > grid > label:focus {
 calendar > grid > label.day-number.other-month {
     color:alpha(currentColor, 0.4);
 }
+
+/* arrows require different code in gtk3 and 4 */
+
+arrow.right {
+    -gtk-icon-source: -gtk-icontheme("arrow-right");
+}
+arrow.left {
+    -gtk-icon-source: -gtk-icontheme("arrow-left");
+}
+arrow.down {
+    -gtk-icon-source: -gtk-icontheme("arrow-down");
+}
+arrow.up {
+    -gtk-icon-source: -gtk-icontheme("arrow-up");
+}