Increased title bar height according to Cinnamon 5.4 new specifications.

README.md

@@ -0,0 +1,22 @@
+# Description
+My Cinnamon theme based on Plata-Lumine and Yaru-light
+
+# Features
+* Changed color scheme in grouped window list
+* Changed title bar height in comparision with original Yaru-light
+
+# Screenshot
+![screenshot](screenshots/desktop_screenshot.png?raw=true)
+
+# Compare
+#### Plata-Lumine
+![before](screenshots/plata_lumine.png?raw=true)
+#### rinaldus-cinnamon-theme
+![after](screenshots/rinaldus_cinnamon_theme.png?raw=true)
+#### Yaru-light
+![before](screenshots/yaru_light.png?raw=true)
+#### rinaldus-cinnamon-theme
+![after](screenshots/rinaldus_cinnamon_theme2.png?raw=true)
+
+# Install
+Just clone this repository to your `~/.themes` directory.

cinnamon/cinnamon.css

@@ -545,14 +545,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
 
 .grouped-window-list-item-box:hover, .window-list-item-box:hover { background-color: rgba(17, 17, 17, 0.12); color: black; }
 
-.panel-top .grouped-window-list-item-box:hover, .panel-top .window-list-item-box:hover { box-shadow: inset 0 -2px rgba(41, 51, 240, 1); }
-
-.panel-bottom .grouped-window-list-item-box:hover, .panel-bottom .window-list-item-box:hover { box-shadow: inset 0 -2px rgba(41, 51, 240, 1); }
-
-.panel-left .grouped-window-list-item-box:hover, .panel-left .window-list-item-box:hover { box-shadow: inset 2px 0 rgba(41, 51, 240, 1); }
-
-.panel-right .grouped-window-list-item-box:hover, .panel-right .window-list-item-box:hover { box-shadow: inset -2px 0 rgba(41, 51, 240, 1); }
-
 .grouped-window-list-item-box:active:focus, .grouped-window-list-item-box:checked:focus, .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { background-color: rgba(54, 154, 255, 0.50); color: black; }
 
 .panel-top .grouped-window-list-item-box:active:focus, .panel-top .grouped-window-list-item-box:checked:focus, .panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:focus, .panel-top .window-list-item-box:running { box-shadow: inset 0 -2px #3f51b5; }
@@ -585,17 +577,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
 
 .panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked { box-shadow: inset -2px 0 rgba(41, 51, 240, 1); }
 
-.grouped-window-list-item-box .progress, .window-list-item-box:progress, .window-list-item-box .progress, .grouped-window-list-item-demands-attention, .window-list-item-demands-attention { background-gradient-start: rgba(30, 52, 166, 0.25); background-gradient-end: rgba(30, 52, 166, 0.25); }
+.grouped-window-list-item-box .progress, .window-list-item-box:progress, .window-list-item-box .progress, .grouped-window-list-item-demands-attention, .window-list-item-demands-attention { background-color: rgba(250, 155, 244, 1); }
 
 .grouped-window-list-item-demands-attention, .window-list-item-demands-attention { color: black; }
 
-.panel-top .grouped-window-list-item-demands-attention, .panel-top .window-list-item-demands-attention { box-shadow: inset 0 2px #7986cb; }
+.panel-top .grouped-window-list-item-demands-attention, .panel-top .window-list-item-demands-attention { box-shadow: inset 0 -2px #3f51b5; }
 
-.panel-bottom .grouped-window-list-item-demands-attention, .panel-bottom .window-list-item-demands-attention { box-shadow: inset 0 -2px #7986cb; }
+.panel-bottom .grouped-window-list-item-demands-attention, .panel-bottom .window-list-item-demands-attention { box-shadow: inset 0 -2px #3f51b5; }
 
-.panel-left .grouped-window-list-item-demands-attention, .panel-left .window-list-item-demands-attention { box-shadow: inset 2px 0 #7986cb; }
+.panel-left .grouped-window-list-item-demands-attention, .panel-left .window-list-item-demands-attention { box-shadow: inset 2px 0 #3f51b5; }
 
-.panel-right .grouped-window-list-item-demands-attention, .panel-right .window-list-item-demands-attention { box-shadow: inset -2px 0 #7986cb; }
+.panel-right .grouped-window-list-item-demands-attention, .panel-right .window-list-item-demands-attention { box-shadow: inset -2px 0 #3f51b5; }
 
 .window-list-preview { padding: 12px; spacing: 8px; border: none; border-radius: 8.5px; color: #111111; background-color: rgba(231, 231, 231, 0.93); box-shadow: 0 10px 14px rgba(0, 0, 0, 0.44); }
 
@@ -779,20 +771,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
 
 .panel-top .applet-box { padding: 0 6px; spacing: 2px; }
 
-.panel-top .applet-box:hover, .panel-top .applet-box:checked { box-shadow: inset 0 2px 0 #3f51b5; }
-
 .panel-bottom .applet-box { padding: 0 6px; spacing: 2px; }
 
-.panel-bottom .applet-box:hover, .panel-bottom .applet-box:checked { box-shadow: inset 0 -2px 0 #3f51b5; }
-
 .panel-left .applet-box { padding: 2px 0; spacing: 2px; }
 
-.panel-left .applet-box:hover, .panel-left .applet-box:checked { box-shadow: inset 2px 0 0 #3f51b5; }
-
 .panel-right .applet-box { padding: 2px 0; spacing: 2px; }
 
-.panel-right .applet-box:hover, .panel-right .applet-box:checked { box-shadow: inset -2px 0 0 #3f51b5; }
-
 .applet-label { color: #111111; font-weight: 700; }
 
 .applet-label:hover, .applet-box:hover .applet-label, .applet-box:checked .applet-label { color: black; text-shadow: none; }

gtk-2.0/apps.rc

@@ -0,0 +1,99 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g.
+# custom widgets, programs giving us a chance to alter their UI to fit more with
+# the theme or stuff that is supposed to look different, like panels.
+
+# TODO: This could really look nicer
+style "gimp_spin_scale" {
+
+  # Spin background
+  bg[NORMAL] = @base_color
+
+  engine "pixmap" {
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/spin-up.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/spin-up.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/spin-up.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/spin-up-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/spin-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/spin-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/spin-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/spin-down-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+ }
+
+}
+
+style "chrome_gtk_frame" {
+
+  ChromeGtkFrame::frame-color          = @window_color
+  ChromeGtkFrame::frame-gradient-color = @window_color
+  ChromeGtkFrame::inactive-frame-color = @bg_color
+
+  ChromeGtkFrame::incognito-frame-color          = "#cbd2d9"
+  ChromeGtkFrame::incognito-frame-gradient-color = "#cbd2d9"
+  ChromeGtkFrame::incognito-inactive-frame-color = mix (0.5, @bg_color, "#cbd2d9")
+
+}
+
+# Disable spin button assets for GimpSpinScale
+class "GimpSpinScale" style "gimp_spin_scale"
+
+# Chromium lets us define some colours and settings for better integration
+class "ChromeGtkFrame" style "chrome_gtk_frame"