CBlue/CGreen: Updates for Cinnamon 6.4 (#836)

linuxmint · Dec 5, 2024 · 23b6b27 · 23b6b27
1 parent 381cbd9
commit 23b6b27
Show file tree

Hide file tree

Showing 8 changed files with 249 additions and 95 deletions.
diff --git a/CBlue/CHANGELOG.md b/CBlue/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## Versions
 
+* 3.1: improvement for Cinnamon 6.4 that I hadn't seen in the previous version.
 * 3.0: compatibility with Cinnamon 6.4.
 * 2.12: weather applet touch-up.
 * 2.11: increase font size, small changes to menu appearance, calendar, panel-lauchers...

diff --git a/CBlue/README.md b/CBlue/README.md
@@ -1,7 +1,7 @@
 ## CBlue
 
 ### A semi-transparent Cinnamon theme, with wallpaper + Firefox extra, Conky and Plank's theme. Inspired by the CBlack theme (author: cloweling).
-If you want a panel that is not transparent, modify the line `231` of the file `~/.themes/CBlue/cinnamon/cinnamon.css`.
+If you want a panel that is not transparent, modify the line `243` of the file `~/.themes/CBlue/cinnamon/cinnamon.css`.
 For example: background-color: rgba(53, 57, 69, `0.50`); . A value of `0` is equivalent to total transparency and `1` is totally opaque. Restart Cinnamon (Ctrl+Alt+Esc) for immediate modification.
 
 If the theme's font is too small, you can modify Cinnamon's settings:

diff --git a/CBlue/files/CBlue/cinnamon/cinnamon.css b/CBlue/files/CBlue/cinnamon/cinnamon.css
@@ -100,7 +100,6 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 	border-radius: 1px;
 	background-color: rgba(53, 57, 69, 0.75);
 	border-width: 0px;
-	border-color: #fff;
 	color: #fff;
 	font-size: 10pt;
 	min-width: 150px;
@@ -147,6 +146,8 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 	padding: .4em 2em;
 	spacing: .5em;
 	color: #ccc;
+	border-radius: 1px;
+	background: none;
 }
 .popup-menu-item:active {
 	background-color: rgb(82, 148, 226);
@@ -156,6 +157,20 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 	background-color: rgb(82, 148, 226);
 	background: none;
 }
+.popup-menu-item-dot {
+	color: #fff;
+}
+.popup-menu-item:active .popup-slider-menu-item {
+	height: 1em;
+	min-width: 15em;
+	-slider-height: 0.3em;
+	-slider-background-color: #444;
+	-slider-border-color: rgba(0, 0, 0, 0.2);
+	-slider-active-background-color: #5a65bd;
+	-slider-active-border-color: rgba(0, 0, 0, 0.2);
+	-slider-border-width: 1px;
+	-slider-handle-radius: 0.5em;
+}
 .popup-combobox-item {
 	spacing: 1em;
 }
@@ -180,17 +195,6 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 	-slider-border-width: 1px;
 	-slider-handle-radius: 0.5em;
 }
-.popup-menu-item:active .popup-slider-menu-item {
-	height: 1em;
-	min-width: 15em;
-	-slider-height: 0.3em;
-	-slider-background-color: #444;
-	-slider-border-color: rgba(0, 0, 0, 0.2);
-	-slider-active-background-color: #5a65bd;
-	-slider-active-border-color: rgba(0, 0, 0, 0.2);
-	-slider-border-width: 1px;
-	-slider-handle-radius: 0.5em;
-}
 .popup-device-menu-item {
 	spacing: .5em;
 }
@@ -204,6 +208,13 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 .popup-menu-icon {
 	icon-size: 1.14em;
 }
+.resize-popup, .workspace-switch-osd, .info-osd, .media-keys-osd, #Tooltip, #LookingGlassDialog {
+	color: #fff;
+	background-color: rgba(53, 57, 69, 0.75);
+	border-radius: 55px;
+	text-align: center;
+	padding: 12px 15px;
+}
 /* Switches (to be used in menus) */
 .toggle-switch {
 	width: 50px;
@@ -346,9 +357,6 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 .panel-menu {
 	-boxpointer-gap: 4px;
 }
-.popup-menu-item-dot {
-	color: #fff;
-}
 /* ===================================================================
  * Overview (Ctl+Alt+Down)
  * ===================================================================*/
@@ -395,7 +403,7 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 	font-weight: bold;
 	padding: .5em;
 	spacing: .5em;
-	font-size: 9pt;
+	font-size: 12pt;
 	min-width: 5em;
 	max-width: 30em;
 	-cinnamon-caption-spacing: 8px;
@@ -454,12 +462,8 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
  * Looking Glass
  * ===================================================================*/
 #LookingGlassDialog {
-	background-color: rgba(53, 57, 69, 0.75);
 	spacing: 3px;
-	padding: 3px;
-	border: 0px solid grey;
-	border-radius: 1px;
-	color: #ccc;
+	border: 1px solid #5294e2;
 }
 /* ===================================================================
  * Date applet
@@ -736,13 +740,6 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 #altTabPopup .switcher-list .item-box:selected {
 	background-color: rgba(82, 148, 226, 1);
 }
-.resize-popup, .workspace-switch-osd, .info-osd, .media-keys-osd, #Tooltip, #LookingGlassDialog {
-	color: #ccc;
-	background-color: rgba(53, 57, 69, 0.75);
-	border-radius: 55px;
-	text-align: center;
-	padding: 16px;
-}
 .switcher-list {
 	background: rgba(53, 57, 69, 0.75);
 	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.75);
@@ -815,8 +812,84 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 	background-color: rgba(0, 0, 0, 0);
 }
 /* ===================================================================
- * Modal dialogs
+ * Dialogs
  * ===================================================================*/
+.dialog .dialog-button, .dialog .dialog-button:destructive-action, .dialog .dialog-button:default {
+	border-radius: 25px;
+	font-weight: bold;
+	padding: 12px;
+	color: white;
+	background-color: #22242d;
+}
+.dialog .dialog-button:focus {
+	color: white;
+	background-color: #22242d;
+}
+.dialog .dialog-button:hover {
+	color: white;
+	background-color: #272933;
+}
+.dialog .dialog-button:active {
+	color: white;
+	background-color: #22242d;
+}
+.dialog .dialog-button:checked {
+	color: white;
+	background-color: #22242d;
+}
+.dialog .dialog-button:insensitive {
+	color: rgba(255, 255, 255, 0.1);
+	background-color: #313131;
+}
+.dialog .dialog-button:default {
+	color: white;
+	background-color: #5294e2;
+}
+.dialog .dialog-button:hover:default {
+	color: white;
+	background-color: #5a65bd;
+}
+.dialog .dialog-button:active:default {
+	color: white;
+	background-color: #5294e2;
+}
+.dialog .dialog-button:checked:default {
+	color: white;
+	background-color: #5294e2;
+}
+.dialog .dialog-button:insensitive:default {
+	border-color: #333333;
+	color: rgba(255, 255, 255, 0.1);
+	background-color: #313131;
+}
+.dialog .dialog-button:destructive-action {
+	color: white;
+	background-color: #c01c28;
+}
+.dialog .dialog-button:hover:destructive-action {
+	color: white;
+	background-color: #e12e3b;
+}
+.dialog .dialog-button:active:destructive-action {
+	color: white;
+	background-color: #aa1923;
+}
+.dialog .dialog-button:checked:destructive-action {
+	color: white;
+	background-color: #aa1923;
+}
+.dialog .dialog-button:insensitive:destructive-action {
+	border-color: #333333;
+	color: rgba(255, 255, 255, 0.1);
+	background-color: #313131;
+}
+.dialog {
+	background-color: rgba(53, 57, 69, 0.75);
+	color: #ccc;
+	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.75);
+	border-radius: 1px;
+	padding: 18px;
+}
 .modal-dialog {
 	font-size: 12pt;
 	border-radius: 1px;
@@ -851,7 +924,7 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 /* Info OSD popup */
 .info-osd {
 	font-size: 18pt;
-	border-radius: 1px;
+	border-radius: 55px;
 	background-color: rgba(53, 57, 69, 0.75);
 	color: #fff;
 	padding: 20px;
@@ -865,15 +938,15 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 	font-size: 48pt;
 }
 .workspace-switch-osd-indicator {
-	background-color: #22242d;
-	padding: 7px;
-	margin: 7px;
-	border-radius: 14px;
+	background-color: #ccc;
+	padding: 5px;
+	margin: 5px;
+	border-radius: 10px;
 }
 .workspace-switch-osd-indicator:active {
 	background-color: #5294e2;
-	padding: 7px;
-	margin: 7px;
+	padding: 5px;
+	margin: 5px;
 }
 /* ===================================================================
  * Run dialog (Alt+F2)
@@ -912,6 +985,7 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 	text-align: center;
 	border-radius: 1px;
 	border: 0px;
+	color: #fff;
 	padding: 15px 21px;
 	background-color: rgba(53, 57, 69, 0.75);
 	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.75);
@@ -989,7 +1063,7 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 	border: 2px solid rgba(82, 148, 226, 1);
 }
 .magnifier-zoom-region.full-screen {
-	border-width: 2px;
+	border-width: 1px;
 }
 /* ===================================================================
  * On screen keyboard
@@ -1150,9 +1224,11 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 .menu-search-box:rtl {
 	padding-right: 40px;
 }
-#menu-search-entry {
+#menu-search-entry, .prompt-dialog-password-entry, .run-dialog-entry {
 	font-size: 12pt;
-	padding: 0px 15px;
+	border-radius: 25px;
+	border: 1px solid #5294e2;
+	padding: 0px 7px;
 	color: white;
 	selected-color: rgb(82, 148, 226);
 	selection-background-color: rgba(53, 57, 69, 0.75);
@@ -1520,7 +1596,7 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 /* ===================================================================
  * Weather Applet
  * ===================================================================*/
-.popup-menu-content.weather-menu {
+.weather-menu {
 	width: 5120px;
 }
 .weather-current-astronomy {
@@ -1531,7 +1607,7 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 	color: #5294e2;
 }
 .hourly-time {
-	padding: 0px 8px;
+	padding: 0px 9px;
 }
 .hourly-box {
 /*	padding: 0px 10px;*/
@@ -1540,7 +1616,6 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
  * User Applet and CinnVIIStarkMenu
  * ===================================================================*/
 .user-icon, .hover-user-icon {
-	border-radius: 1px;
 	border-radius: 45px;
 	border: 2px solid #5294e2;
 }
@@ -1655,7 +1730,7 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
 	padding: 6px;
 }
 .desklet-drag-placeholder {
-	background-color: rgba(109, 170, 0, 0.3);
+	border: 1px solid rgb(82, 148, 226);
 }
 .photoframe-box {
 	border: 0px solid #5294e2;
@@ -1671,10 +1746,11 @@ StScrollBar StButton#hhandle:hover, StScrollBar StButton#vhandle:hover {
  * Workspace OSD (Ctl+Alt+Up)
  * ===================================================================*/
 .expo-workspaces-name-entry {
-	padding: 8px;
+	padding: 8px 15px;
 	color: #ccc;
-	border-radius: 25px;
+	border-radius: 55px;
 	font-weight: bold;
+	font-size: 12pt;
 	background-color: rgba(53, 57, 69, 0.75);
 	selected-color: white;
 	caret-color: rgb(82, 148, 226);

diff --git a/CBlue/files/CBlue/cinnamon/theme.json b/CBlue/files/CBlue/cinnamon/theme.json
@@ -2,7 +2,7 @@
    "cinnamon-theme": {
    "name": "CBlue",
    "author": "Bundy01",
-   "version": "3.0",
+   "version": "3.1",
    "type":   "custom",
    "thumbnail": "thumbnail.png",
    "url": ""

diff --git a/CGreen/CHANGELOG.md b/CGreen/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## Versions
 
+* 3.1: improvement for Cinnamon 6.4 that I hadn't seen in the previous version.
 * 3.0: compatibility with Cinnamon 6.4.
 * 2.12: weather applet touch-up.
 * 2.11: increase font size, small changes to menu appearance, calendar, panel-lauchers...

diff --git a/CGreen/README.md b/CGreen/README.md
@@ -1,7 +1,7 @@
 ## CGreen
 
 ### A semi-transparent Cinnamon theme, with wallpaper + Firefox extra, Conky and Plank's theme'. Inspired by the CBlack theme (author: cloweling).
-If you want a panel that is not transparent, modify the line `231` of the file `~/.themes/CGreen/cinnamon/cinnamon.css`.
+If you want a panel that is not transparent, modify the line `243` of the file `~/.themes/CGreen/cinnamon/cinnamon.css`.
 For example: background-color: rgba(53, 57, 69, `0.50`); . A value of `0` is equivalent to total transparency and `1` is totally opaque. Restart Cinnamon (Ctrl+Alt+Esc) for immediate modification.
 
 If the theme's font is too small, you can modify Cinnamon's settings: