Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CBlue/CGreen: Improvement for Cinnamon 6.4 #836

Merged
merged 4 commits into from
Dec 5, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions CBlue/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -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...
Expand Down
2 changes: 1 addition & 1 deletion CBlue/README.md
Original file line number Diff line number Diff line change
@@ -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:
Expand Down
166 changes: 121 additions & 45 deletions CBlue/files/CBlue/cinnamon/cinnamon.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down Expand Up @@ -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);
Expand All @@ -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;
}
Expand All @@ -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;
}
Expand All @@ -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;
Expand Down Expand Up @@ -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)
* ===================================================================*/
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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);
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand All @@ -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)
Expand Down Expand Up @@ -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);
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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);
Expand Down Expand Up @@ -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 {
Expand All @@ -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;*/
Expand All @@ -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;
}
Expand Down Expand Up @@ -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;
Expand All @@ -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);
Expand Down
2 changes: 1 addition & 1 deletion CBlue/files/CBlue/cinnamon/theme.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"cinnamon-theme": {
"name": "CBlue",
"author": "Bundy01",
"version": "3.0",
"version": "3.1",
"type": "custom",
"thumbnail": "thumbnail.png",
"url": ""
Expand Down
1 change: 1 addition & 0 deletions CGreen/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -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...
Expand Down
2 changes: 1 addition & 1 deletion CGreen/README.md
Original file line number Diff line number Diff line change
@@ -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:
Expand Down
Loading
Loading