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

💄 style: refactored styles

Browse Source
This commit is contained in:
João Dias
2024-07-26 19:09:57 -03:00
parent 8b5aa20c89
commit 2c05d2434f
1 changed files with 14 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
swaync/style.css
+13 -22
View File
@@ -23,7 +23,7 @@ slider {
.floating-notifications.background .notification-row .notification-background { .floating-notifications.background .notification-row .notification-background {
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8), inset 0 0 0 1px #313244; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8), inset 0 0 0 1px #313244;
border-radius: 12.6px; border-radius: 16px;
margin: 18px; margin: 18px;
background-color: #1e1e2e; background-color: #1e1e2e;
color: #cdd6f4; color: #cdd6f4;
@@ -32,7 +32,7 @@ slider {
.floating-notifications.background .notification-row .notification-background .notification { .floating-notifications.background .notification-row .notification-background .notification {
padding: 7px; padding: 7px;
border-radius: 12.6px; border-radius: 16px;
} }
.floating-notifications.background .notification-row .notification-background .notification.critical { .floating-notifications.background .notification-row .notification-background .notification.critical {
@@ -60,7 +60,7 @@ slider {
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action { .floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action {
border-radius: 7px; border-radius: 16px;
color: #cdd6f4; color: #cdd6f4;
background-color: #313244; background-color: #313244;
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #45475a;
@@ -103,7 +103,8 @@ slider {
margin: 18px; margin: 18px;
background-color: #1e1e2e; background-color: #1e1e2e;
color: #cdd6f4; color: #cdd6f4;
padding: 14px; padding: 16px;
padding-top: 14px;
} }
.control-center .widget-title > label { .control-center .widget-title > label {
@@ -141,7 +142,6 @@ slider {
.control-center .notification-row .notification-background .notification { .control-center .notification-row .notification-background .notification {
padding: 7px; padding: 7px;
border-radius: 7px;
} }
.control-center .notification-row .notification-background .notification.critical { .control-center .notification-row .notification-background .notification.critical {
@@ -188,18 +188,15 @@ slider {
color: #cdd6f4; color: #cdd6f4;
} }
.control-center .notification-row .notification-background .close-button { .close-button {
margin: 7px; border-radius: 8px;
padding: 2px; margin: 6px;
border-radius: 6.3px; padding: 2.5px;
border-radius: 8px;
color: #1e1e2e; color: #1e1e2e;
background-color: #eba0ac; background-color: #eba0ac;
} }
.close-button {
border-radius: 6.3px;
}
.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: #1e1e2e;
@@ -243,11 +240,6 @@ slider {
background: #313244; background: #313244;
} }
.control-center-dnd slider {
background: #45475a;
border-radius: 8px;
}
.widget-dnd { .widget-dnd {
margin: 0px; margin: 0px;
font-size: 1.1rem; font-size: 1.1rem;
@@ -255,7 +247,7 @@ slider {
.widget-dnd > switch { .widget-dnd > switch {
font-size: initial; font-size: initial;
border-radius: 8px; border-radius: 16px;
background: #313244; background: #313244;
border: 1px solid #45475a; border: 1px solid #45475a;
box-shadow: none; box-shadow: none;
@@ -267,14 +259,12 @@ slider {
.widget-dnd > switch slider { .widget-dnd > switch slider {
background: #45475a; background: #45475a;
border-radius: 8px; border-radius: 16px;
border: 1px solid #6c7086; border: 1px solid #6c7086;
} }
.widget-mpris { .widget-mpris {
margin-top: 16px; margin-top: 16px;
border-radius: 16px;
padding-bottom: 0;
} }
.widget-mpris .widget-mpris-player { .widget-mpris .widget-mpris-player {
@@ -282,6 +272,7 @@ slider {
background: #45475a; background: #45475a;
box-shadow: none; box-shadow: none;
border: none; border: none;
outline: none;
} }
.widget-mpris .widget-mpris-title { .widget-mpris .widget-mpris-title {