tweak swaync
This commit is contained in:
parent
a110de432c
commit
f606e7f378
4 changed files with 29 additions and 42 deletions
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue