pixelifytica/nixos
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Re-theme swaync using modus-vivdendi-tinted bg/fg colours

Browse source
This commit is contained in:
Evie Litherland-Smith 2024-01-11 08:03:41 +00:00
parent d9e25ec468
commit 74dffd71f4
1 changed files with 63 additions and 63 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

126
home/hyprland/swaync/style.css
View file

@ -8,11 +8,11 @@
.floating-notifications.background .notification-row .notification-background { .floating-notifications.background .notification-row .notification-background {
box-shadow: box-shadow:
0 0 8px 0 rgba(0, 0, 0, 0.8), 0 0 8px 0 rgba(0, 0, 0, 0.8),
inset 0 0 0 1px #313244; inset 0 0 0 1px #0d0e1c;
border-radius: 10px; border-radius: 10px;
margin: 18px; margin: 18px;
background-color: rgba(36, 39, 58, 0.5); background-color: rgba(13, 14, 28, 0.5);
color: #cdd6f4; color: #ffffff;
padding: 0; padding: 0;
} }
@ -45,7 +45,7 @@
.notification .notification
.notification-content .notification-content
.summary { .summary {
color: #cdd6f4; color: #ffffff;
} }
.floating-notifications.background .floating-notifications.background
@ -54,7 +54,7 @@
.notification .notification
.notification-content .notification-content
.time { .time {
color: #a6adc8; color: #c6daff;
} }
.floating-notifications.background .floating-notifications.background
@ -63,7 +63,7 @@
.notification .notification
.notification-content .notification-content
.body { .body {
color: #cdd6f4; color: #ffffff;
} }
.floating-notifications.background .floating-notifications.background
@ -83,9 +83,9 @@
> * > *
.notification-action { .notification-action {
border-radius: 10px; border-radius: 10px;
color: #cdd6f4; color: #ffffff;
background-color: #313244; background-color: #0d0e1c;
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #000000;
margin: 7px; margin: 7px;
} }
@ -96,9 +96,9 @@
> *:last-child > *:last-child
> * > *
.notification-action:hover { .notification-action:hover {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #000000;
background-color: #313244; background-color: #0d0e1c;
color: #cdd6f4; color: #ffffff;
} }
.floating-notifications.background .floating-notifications.background
@ -108,9 +108,9 @@
> *:last-child > *:last-child
> * > *
.notification-action:active { .notification-action:active {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #000000;
background-color: #74c7ec; background-color: #74c7ec;
color: #cdd6f4; color: #000000;
} }
.floating-notifications.background .floating-notifications.background
@ -120,7 +120,7 @@
margin: 7px; margin: 7px;
padding: 2px; padding: 2px;
border-radius: 10px; border-radius: 10px;
color: #1e1e2e; color: #000000;
background-color: #f38ba8; background-color: #f38ba8;
} }
@ -129,7 +129,7 @@
.notification-background .notification-background
.close-button:hover { .close-button:hover {
background-color: #eba0ac; background-color: #eba0ac;
color: #1e1e2e; color: #000000;
} }
.floating-notifications.background .floating-notifications.background
@ -137,50 +137,50 @@
.notification-background .notification-background
.close-button:active { .close-button:active {
background-color: #f38ba8; background-color: #f38ba8;
color: #1e1e2e; color: #000000;
} }
.control-center { .control-center {
box-shadow: box-shadow:
0 0 8px 0 rgba(0, 0, 0, 0.8), 0 0 8px 0 rgba(0, 0, 0, 0.8),
inset 0 0 0 1px #313244; inset 0 0 0 1px #0d0e1c;
border-radius: 10px; border-radius: 10px;
margin: 18px; margin: 18px;
background-color: rgba(36, 39, 58, 0.5); background-color: rgba(13, 14, 28, 0.5);
color: #cdd6f4; color: #ffffff;
padding: 14px; padding: 14px;
} }
.control-center .widget-title { .control-center .widget-title {
color: #cdd6f4; color: #ffffff;
font-size: 1.3em; font-size: 1.3em;
} }
.control-center .widget-title button { .control-center .widget-title button {
border-radius: 7px; border-radius: 7px;
color: #cdd6f4; color: #ffffff;
background-color: #313244; background-color: #0d0e1c;
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #000000;
padding: 8px; padding: 8px;
} }
.control-center .widget-title button:hover { .control-center .widget-title button:hover {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #000000;
background-color: #585b70; background-color: #0d0e1c;
color: #cdd6f4; color: #ffffff;
} }
.control-center .widget-title button:active { .control-center .widget-title button:active {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #000000;
background-color: #74c7ec; background-color: #74c7ec;
color: #1e1e2e; color: #000000;
} }
.control-center .notification-row .notification-background { .control-center .notification-row .notification-background {
border-radius: 7px; border-radius: 7px;
color: #cdd6f4; color: #ffffff;
background-color: #313244; background-color: #0d0e1c;
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #000000;
margin-top: 14px; margin-top: 14px;
} }
@ -210,7 +210,7 @@
.notification .notification
.notification-content .notification-content
.summary { .summary {
color: #cdd6f4; color: #ffffff;
} }
.control-center .control-center
@ -219,7 +219,7 @@
.notification .notification
.notification-content .notification-content
.time { .time {
color: #a6adc8; color: #595959;
} }
.control-center .control-center
@ -228,7 +228,7 @@
.notification .notification
.notification-content .notification-content
.body { .body {
color: #cdd6f4; color: #ffffff;
} }
.control-center .control-center
@ -248,9 +248,9 @@
> * > *
.notification-action { .notification-action {
border-radius: 7px; border-radius: 7px;
color: #cdd6f4; color: #ffffff;
background-color: #11111b; background-color: #0d0e1c;
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #000000;
margin: 7px; margin: 7px;
} }
@ -261,9 +261,9 @@
> *:last-child > *:last-child
> * > *
.notification-action:hover { .notification-action:hover {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #000000;
background-color: #313244; background-color: #0d0e1c;
color: #cdd6f4; color: #ffffff;
} }
.control-center .control-center
@ -273,22 +273,22 @@
> *:last-child > *:last-child
> * > *
.notification-action:active { .notification-action:active {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #000000;
background-color: #74c7ec; background-color: #74c7ec;
color: #cdd6f4; color: #000000;
} }
.control-center .notification-row .notification-background .close-button { .control-center .notification-row .notification-background .close-button {
margin: 7px; margin: 7px;
padding: 2px; padding: 2px;
border-radius: 6.3px; border-radius: 6.3px;
color: #1e1e2e; color: #000000;
background-color: #eba0ac; background-color: #eba0ac;
} }
.control-center .notification-row .notification-background .close-button:hover { .control-center .notification-row .notification-background .close-button:hover {
background-color: #f38ba8; background-color: #f38ba8;
color: #1e1e2e; color: #000000;
} }
.control-center .control-center
@ -296,19 +296,19 @@
.notification-background .notification-background
.close-button:active { .close-button:active {
background-color: #f38ba8; background-color: #f38ba8;
color: #1e1e2e; color: #000000;
} }
.control-center .notification-row .notification-background:hover { .control-center .notification-row .notification-background:hover {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #000000;
background-color: #7f849c; background-color: #0d0e1c;
color: #cdd6f4; color: #ffffff;
} }
.control-center .notification-row .notification-background:active { .control-center .notification-row .notification-background:active {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #000000;
background-color: #74c7ec; background-color: #74c7ec;
color: #cdd6f4; color: #000000;
} }
progressbar, progressbar,
@ -318,7 +318,7 @@ trough {
} }
progressbar { progressbar {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #000000;
} }
.notification.critical progress { .notification.critical progress {
@ -331,27 +331,27 @@ progressbar {
} }
trough { trough {
background-color: #313244; background-color: #0d0e1c;
} }
.control-center trough { .control-center trough {
background-color: #45475a; background-color: #1d2235;
} }
.control-center-dnd { .control-center-dnd {
margin-top: 5px; margin-top: 5px;
border-radius: 8px; border-radius: 8px;
background: #313244; background: #0d0e1c;
border: 1px solid #45475a; border: 1px solid #1d2235;
box-shadow: none; box-shadow: none;
} }
.control-center-dnd:checked { .control-center-dnd:checked {
background: #313244; background: #0d0e1c;
} }
.control-center-dnd slider { .control-center-dnd slider {
background: #45475a; background: #1d2235;
border-radius: 8px; border-radius: 8px;
} }
@ -363,17 +363,17 @@ trough {
.widget-dnd > switch { .widget-dnd > switch {
font-size: initial; font-size: initial;
border-radius: 8px; border-radius: 8px;
background: #313244; background: #0d0e1c;
border: 1px solid #45475a; border: 1px solid #1d2235;
box-shadow: none; box-shadow: none;
} }
.widget-dnd > switch:checked { .widget-dnd > switch:checked {
background: #313244; background: #0d0e1c;
} }
.widget-dnd > switch slider { .widget-dnd > switch slider {
background: #45475a; background: #1d2235;
border-radius: 8px; border-radius: 8px;
border: 1px solid #6c7086; border: 1px solid #b4befe;
} }