modified swaync colors to match swaybar better
This commit is contained in:
parent
b694eafc2f
commit
cb6d8c76e0
1 changed files with 27 additions and 27 deletions
|
@ -2,20 +2,20 @@
|
|||
* vim: ft=less
|
||||
*/
|
||||
|
||||
@define-color cc-bg rgba(0, 0, 0, 0.7);
|
||||
@define-color cc-bg rgba(4, 30, 35, 1);
|
||||
|
||||
@define-color noti-border-color rgba(255, 255, 255, 0.15);
|
||||
@define-color noti-bg rgb(48, 48, 48);
|
||||
@define-color noti-border-color rgba(93, 94, 76, 1);
|
||||
@define-color noti-bg rgb(4, 30, 35);
|
||||
@define-color noti-bg-darker rgb(38, 38, 38);
|
||||
@define-color noti-bg-hover rgb(56, 56, 56);
|
||||
@define-color noti-bg-hover rgb(0, 0, 0);
|
||||
@define-color noti-bg-focus rgba(68, 68, 68, 0.6);
|
||||
@define-color noti-close-bg rgba(255, 255, 255, 0.1);
|
||||
@define-color noti-close-bg-hover rgba(255, 255, 255, 0.15);
|
||||
|
||||
@define-color text-color rgb(255, 255, 255);
|
||||
@define-color text-color-disabled rgb(150, 150, 150);
|
||||
@define-color text-color rgb(93, 94, 76);
|
||||
@define-color text-color-disabled rgb(93, 94, 76);
|
||||
|
||||
@define-color bg-selected rgb(0, 128, 255);
|
||||
@define-color bg-selected rgb(0, 0, 0);
|
||||
|
||||
.notification-row {
|
||||
outline: none;
|
||||
|
@ -27,7 +27,7 @@
|
|||
}
|
||||
|
||||
.notification {
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
margin: 6px 12px;
|
||||
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);
|
||||
|
@ -38,26 +38,26 @@
|
|||
.low {
|
||||
background: yellow;
|
||||
padding: 6px;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.normal {
|
||||
background: green;
|
||||
padding: 6px;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.critical {
|
||||
background: red;
|
||||
padding: 6px;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
*/
|
||||
|
||||
.notification-content {
|
||||
background: transparent;
|
||||
padding: 6px;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.close-button {
|
||||
|
@ -65,7 +65,7 @@
|
|||
color: @text-color;
|
||||
text-shadow: none;
|
||||
padding: 0;
|
||||
border-radius: 100%;
|
||||
border-radius: 5px;
|
||||
margin-top: 10px;
|
||||
margin-right: 16px;
|
||||
box-shadow: none;
|
||||
|
@ -99,7 +99,7 @@
|
|||
}
|
||||
|
||||
.notification-default-action {
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* When alternative actions are visible */
|
||||
|
@ -109,7 +109,7 @@
|
|||
}
|
||||
|
||||
.notification-action {
|
||||
border-radius: 0px;
|
||||
border-radius: 5px;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
}
|
||||
|
@ -132,13 +132,13 @@
|
|||
color: @text-color;
|
||||
caret-color: @text-color;
|
||||
border: 1px solid @noti-border-color;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.inline-reply-button {
|
||||
margin-left: 4px;
|
||||
background: @noti-bg;
|
||||
border: 1px solid @noti-border-color;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
color: @text-color;
|
||||
}
|
||||
.inline-reply-button:disabled {
|
||||
|
@ -156,7 +156,7 @@
|
|||
.body-image {
|
||||
margin-top: 6px;
|
||||
background-color: white;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.summary {
|
||||
|
@ -219,7 +219,7 @@
|
|||
background: @noti-bg;
|
||||
border: 1px solid @noti-border-color;
|
||||
box-shadow: none;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.widget-title > button:hover {
|
||||
background: @noti-bg-hover;
|
||||
|
@ -232,7 +232,7 @@
|
|||
}
|
||||
.widget-dnd > switch {
|
||||
font-size: initial;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
background: @noti-bg;
|
||||
border: 1px solid @noti-border-color;
|
||||
box-shadow: none;
|
||||
|
@ -242,7 +242,7 @@
|
|||
}
|
||||
.widget-dnd > switch slider {
|
||||
background: @noti-bg-hover;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* Label widget */
|
||||
|
@ -273,13 +273,13 @@
|
|||
.widget-buttons-grid {
|
||||
padding: 8px;
|
||||
margin: 8px;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
background-color: @noti-bg;
|
||||
}
|
||||
|
||||
.widget-buttons-grid>flowbox>flowboxchild>button{
|
||||
background: @noti-bg;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.widget-buttons-grid>flowbox>flowboxchild>button:hover {
|
||||
|
@ -296,7 +296,7 @@
|
|||
background-color: @noti-bg;
|
||||
padding: 8px;
|
||||
margin: 8px;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.AnyName>button {
|
||||
|
@ -319,7 +319,7 @@
|
|||
background-color: @noti-bg;
|
||||
padding: 8px;
|
||||
margin: 8px;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.widget-volume>box>button {
|
||||
|
@ -339,7 +339,7 @@
|
|||
background-color: @noti-bg;
|
||||
padding: 8px;
|
||||
margin: 8px;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* Title widget */
|
||||
|
@ -354,7 +354,7 @@
|
|||
background: @noti-bg;
|
||||
border: 1px solid @noti-border-color;
|
||||
box-shadow: none;
|
||||
border-radius: 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.widget-inhibitors > button:hover {
|
||||
background: @noti-bg-hover;
|
||||
|
|
Loading…
Reference in a new issue