💄 style: refactored styles

This commit is contained in:
João Dias
2024-07-26 19:09:57 -03:00
parent 8b5aa20c89
commit 2c05d2434f
+13 -22
View File
@@ -23,7 +23,7 @@ slider {
.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;
border-radius: 12.6px;
border-radius: 16px;
margin: 18px;
background-color: #1e1e2e;
color: #cdd6f4;
@@ -32,7 +32,7 @@ slider {
.floating-notifications.background .notification-row .notification-background .notification {
padding: 7px;
border-radius: 12.6px;
border-radius: 16px;
}
.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 {
border-radius: 7px;
border-radius: 16px;
color: #cdd6f4;
background-color: #313244;
box-shadow: inset 0 0 0 1px #45475a;
@@ -103,7 +103,8 @@ slider {
margin: 18px;
background-color: #1e1e2e;
color: #cdd6f4;
padding: 14px;
padding: 16px;
padding-top: 14px;
}
.control-center .widget-title > label {
@@ -141,7 +142,6 @@ slider {
.control-center .notification-row .notification-background .notification {
padding: 7px;
border-radius: 7px;
}
.control-center .notification-row .notification-background .notification.critical {
@@ -188,18 +188,15 @@ slider {
color: #cdd6f4;
}
.control-center .notification-row .notification-background .close-button {
margin: 7px;
padding: 2px;
border-radius: 6.3px;
.close-button {
border-radius: 8px;
margin: 6px;
padding: 2.5px;
border-radius: 8px;
color: #1e1e2e;
background-color: #eba0ac;
}
.close-button {
border-radius: 6.3px;
}
.control-center .notification-row .notification-background .close-button:hover {
background-color: #f38ba8;
color: #1e1e2e;
@@ -243,11 +240,6 @@ slider {
background: #313244;
}
.control-center-dnd slider {
background: #45475a;
border-radius: 8px;
}
.widget-dnd {
margin: 0px;
font-size: 1.1rem;
@@ -255,7 +247,7 @@ slider {
.widget-dnd > switch {
font-size: initial;
border-radius: 8px;
border-radius: 16px;
background: #313244;
border: 1px solid #45475a;
box-shadow: none;
@@ -267,14 +259,12 @@ slider {
.widget-dnd > switch slider {
background: #45475a;
border-radius: 8px;
border-radius: 16px;
border: 1px solid #6c7086;
}
.widget-mpris {
margin-top: 16px;
border-radius: 16px;
padding-bottom: 0;
}
.widget-mpris .widget-mpris-player {
@@ -282,6 +272,7 @@ slider {
background: #45475a;
box-shadow: none;
border: none;
outline: none;
}
.widget-mpris .widget-mpris-title {