finner/dotfiles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

modified swaync colors to match swaybar better

Browse source
This commit is contained in:
Mike G 2023-11-21 14:46:14 -05:00
parent b694eafc2f
commit cb6d8c76e0
1 changed files with 27 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
.config/swaync/style.css
View file

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