tweak swaync

This commit is contained in:
atagen 2023-08-14 13:04:03 +10:00
parent a110de432c
commit f606e7f378
4 changed files with 29 additions and 42 deletions

View file

@ -4,7 +4,7 @@
@define-color cc-bg #PANELBG;
@define-color noti-border-color #BORDER;
@define-color noti-border-color #COLBORDER;
@define-color noti-bg #NOTIBGNORM;
@define-color noti-bg-hover #NOTIBGHOVER;
@define-color noti-bg-focus #NOTIBGFOCUS;
@ -21,7 +21,7 @@
transition: all 200ms ease;
outline: none;
margin-bottom: 4px;
border-radius: 24px;
border-radius: #ROUNDINGpx;
}
.control-center .notification-row:focus,
@ -32,8 +32,8 @@
.notification-row:focus .notification,
.notification-row:hover .notification {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 0px 3px @bg-selected;
// box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
// box-shadow: 0px 0px 0px 3px @bg-selected;
}
.control-center .notification {
@ -46,9 +46,9 @@
.notification {
transition: all 200ms ease;
border-radius: 24px;
border-radius: #ROUNDINGpx;
margin: 6px 6px;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
// box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
padding: 0;
}
@ -75,7 +75,7 @@
.notification-content {
background: transparent;
padding: 6px;
border-radius: 24px;
border-radius: #ROUNDINGpx;
}
.close-button {
@ -105,7 +105,7 @@
margin: 0;
box-shadow: none;
background: @noti-bg;
border: 3px solid @noti-border-color;
border: #BORDERpx solid @noti-border-color;
color: white;
transition: all 200ms ease;
}
@ -117,7 +117,7 @@
}
.notification-default-action {
border-radius: 24px;
border-radius: #ROUNDINGpx;
}
/* When alternative actions are visible */
@ -178,11 +178,11 @@
.control-center {
background: @cc-bg;
border-radius: 24px;
border-radius: #ROUNDINGpx;
background-clip: border-box;
padding: 4px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.7),
0 2px 6px 2px rgba(0, 0, 0, 0.3);
// box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.7),
// 0 2px 6px 2px rgba(0, 0, 0, 0.3);
}
.control-center-list {
@ -214,7 +214,7 @@
color: white;
text-shadow: none;
background: @noti-bg;
border: 3px solid @noti-border-color;
border: #BORDERpx solid @noti-border-color;
box-shadow: none;
border-radius: 24px;
}
@ -229,9 +229,9 @@
}
.widget-dnd > switch {
font-size: initial;
border-radius: 24px;
border-radius: #ROUNDINGpx;
background: @noti-bg;
border: 3px solid @noti-border-color;
border: #BORDERpx solid @noti-border-color;
box-shadow: none;
}
.widget-dnd > switch:checked {
@ -239,7 +239,7 @@
}
.widget-dnd > switch slider {
background: @noti-bg-hover;
border-radius: 24px;
border-radius: #ROUNDINGpx;
}
/* Label widget */
@ -258,7 +258,7 @@
padding: 8px;
margin: 8px;
background-color: @noti-bg;
border-radius: 24px;
border-radius: #ROUNDINGpx;
}
.widget-mpris-title {
font-weight: bold;
@ -272,13 +272,13 @@
.widget-buttons-grid {
padding: 8px;
margin: 8px;
border-radius: 24px;
border-radius: #ROUNDINGpx;
background-color: @noti-bg;
}
.widget-buttons-grid>flowbox>flowboxchild>button{
background: @noti-bg;
border-radius: 24px;
border-radius: #ROUNDINGpx;
}
.widget-buttons-grid>flowbox>flowboxchild>button:hover {
@ -318,7 +318,7 @@
background-color: @noti-bg;
padding: 8px;
margin: 8px;
border-radius: 24px;
border-radius: #ROUNDINGpx;
}
/* Backlight widget */
@ -326,7 +326,7 @@
background-color: @noti-bg;
padding: 8px;
margin: 8px;
border-radius: 24px;
border-radius: #ROUNDINGpx;
}
/* Title widget */
@ -339,9 +339,9 @@
color: white;
text-shadow: none;
background: @noti-bg;
border: 3px solid @noti-border-color;
border: #BORDERpx solid @noti-border-color;
box-shadow: none;
border-radius: 24px;
border-radius: #ROUNDINGpx;
}
.widget-inhibitors > button:hover {
background: @noti-bg-hover;