Olivier/colorshell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ feat(swaync): put title widget on notifications section with clear button

Browse Source
This commit is contained in:
retrozinndev
2024-10-06 09:53:18 -03:00
parent 78eb103dda
commit 8d0e27c9ab
3 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
swaync/_colors.css
+3 -3
View File
@@ -4,7 +4,7 @@
@define-color highlight @color1; @define-color highlight @color1;
@define-color bg-slider shade(@highlight, .2); @define-color bg-slider shade(@highlight, .2);
@define-color bg-button shade(@highlight, .72); @define-color bg-button shade(@highlight, .72);
@define-color background-alt shade(@highlight, .6); @define-color background-alt shade(@color2, .6);
@define-color hover shade(@highlight, .6); @define-color hover shade(@highlight, .6);
@define-color active shade(@highlight, .58); @define-color active @color8;
@define-color text rgb(255, 255, 255); @define-color text @foreground;
swaync/config.json
+5 -4
View File
@@ -48,18 +48,19 @@
} }
}, },
"widgets": [ "widgets": [
"title", "label",
"volume", "volume",
"backlight", "backlight",
"buttons-grid", "buttons-grid",
"mpris", "mpris",
"inhibitors", "inhibitors",
"title",
"notifications" "notifications"
], ],
"widget-config": { "widget-config": {
"title": { "title": {
"text": "Control Center", "text": "Notifications",
"clear-all-button": false "clear-all-button": true
}, },
"inhibitors": { "inhibitors": {
"text": "Inhibitors" "text": "Inhibitors"
@@ -69,7 +70,7 @@
}, },
"label": { "label": {
"max-lines": 5, "max-lines": 5,
"text": "Label" "text": "Control Center"
}, },
"mpris": { "mpris": {
"image-size": 96, "image-size": 96,
swaync/style.css
+13 -13
View File
@@ -155,14 +155,15 @@ tooltip {
.control-center .widget-title > label { .control-center .widget-title > label {
color: @text; color: @text;
font-size: 1.5em; font-size: 1.6em;
font-weight: 600; font-weight: 600;
margin-bottom: 10px; margin-bottom: 10px;
} }
.control-center .widget-title button label { .control-center .widget-title button {
color: @text; border-radius: 8px;
border: 1px solid @yellow; background: @bg-button;
padding: 6px 8px;
} }
.control-center .widget-title button:hover { .control-center .widget-title button:hover {
@@ -173,6 +174,11 @@ tooltip {
background-color: @active; background-color: @active;
} }
.control-center .widget-title button label {
color: @foreground;
font-weight: 600;
}
.control-center-dnd { .control-center-dnd {
margin-top: 5px; margin-top: 5px;
border-radius: 8px; border-radius: 8px;
@@ -264,8 +270,9 @@ tooltip {
} }
.control-center .widget-label > label { .control-center .widget-label > label {
color: #cdd6f4; color: @foreground;
font-size: 2rem; font-weight: 600;
font-size: 1.6em;
} }
@@ -309,13 +316,6 @@ tooltip {
padding: 4px; padding: 4px;
} }
.widget-volume trough:hover,
.widget-volume trough:active,
.widget-backlight trough:hover,
.widget-backlight trough:active {
padding: 6px;
border-radius: 10.5px;
}
.widget-volume trough slider, .widget-volume trough slider,
.widget-backlight trough slider { /* slider's dot indicator */ .widget-backlight trough slider { /* slider's dot indicator */
background: shade(@text, .9); background: shade(@text, .9);