mirror of
https://github.com/danth/stylix
synced 2024-11-24 21:23:24 +00:00
swaync: init (#607)
Reviewed-by: NAHO <90870942+trueNAHO@users.noreply.github.com>
This commit is contained in:
MaxMur
GitHub
parent
f71c2effed
commit
d1411e5363
2 changed files with 211 additions and 0 deletions
182
modules/swaync/base.css
Normal file
182
modules/swaync/base.css
Normal file
|
|
@ -0,0 +1,182 @@
|
|||
progress,
|
||||
progressbar,
|
||||
trough {
|
||||
border: 1px solid @base0D;
|
||||
}
|
||||
|
||||
trough {
|
||||
background: @base01;
|
||||
}
|
||||
|
||||
.notification.low,
|
||||
.notification.normal {
|
||||
border: 1px solid @base0D;
|
||||
}
|
||||
|
||||
.notification.low progress,
|
||||
.notification.normal progress {
|
||||
background: @base0F;
|
||||
}
|
||||
|
||||
.notification.critical {
|
||||
border: 1px solid @base08;
|
||||
}
|
||||
|
||||
.notification.critical progress {
|
||||
background: @base08;
|
||||
}
|
||||
|
||||
.summary {
|
||||
color: @base05;
|
||||
}
|
||||
|
||||
.body {
|
||||
color: @base06;
|
||||
}
|
||||
|
||||
.time {
|
||||
color: @base06;
|
||||
}
|
||||
|
||||
.notification-action {
|
||||
color: @base05;
|
||||
background: @base01;
|
||||
border: 1px solid @base0D;
|
||||
}
|
||||
|
||||
.notification-action:hover {
|
||||
background: @base01;
|
||||
color: @base05;
|
||||
}
|
||||
|
||||
.notification-action:active {
|
||||
background: @base0F;
|
||||
color: @base05;
|
||||
}
|
||||
|
||||
.close-button {
|
||||
color: @base02;
|
||||
background: @base08;
|
||||
}
|
||||
|
||||
.close-button:hover {
|
||||
background: lighter(@base08);
|
||||
color: lighter(@base02);
|
||||
}
|
||||
|
||||
.close-button:active {
|
||||
background: @base08;
|
||||
color: @base00;
|
||||
}
|
||||
|
||||
.notification-content {
|
||||
background: @base00;
|
||||
border: 1px solid @base0D;
|
||||
}
|
||||
|
||||
.floating-notifications.background .notification-row .notification-background {
|
||||
background: transparent;
|
||||
color: @base05;
|
||||
}
|
||||
|
||||
.notification-group .notification-group-buttons,
|
||||
.notification-group .notification-group-headers {
|
||||
color: @base05;
|
||||
}
|
||||
|
||||
.notification-group .notification-group-headers .notification-group-icon {
|
||||
color: @base05;
|
||||
}
|
||||
|
||||
.notification-group .notification-group-headers .notification-group-header {
|
||||
color: @base05;
|
||||
}
|
||||
|
||||
.notification-group.collapsed .notification-row .notification {
|
||||
background: @base01;
|
||||
}
|
||||
|
||||
.notification-group.collapsed:hover
|
||||
.notification-row:not(:only-child)
|
||||
.notification {
|
||||
background: @base01;
|
||||
}
|
||||
|
||||
.control-center {
|
||||
background: @base00;
|
||||
border: 1px solid @base0D;
|
||||
color: @base05;
|
||||
}
|
||||
|
||||
.control-center .notification-row .notification-background {
|
||||
background: @base00;
|
||||
color: @base05;
|
||||
}
|
||||
|
||||
.control-center .notification-row .notification-background:hover {
|
||||
background: @base00;
|
||||
color: @base05;
|
||||
}
|
||||
|
||||
.control-center .notification-row .notification-background:active {
|
||||
background: @base0F;
|
||||
color: @base05;
|
||||
}
|
||||
|
||||
.widget-title {
|
||||
color: @base05;
|
||||
margin: 0.5rem;
|
||||
}
|
||||
|
||||
.widget-title > button {
|
||||
background: @base01;
|
||||
border: 1px solid @base0D;
|
||||
color: @base05;
|
||||
}
|
||||
|
||||
.widget-title > button:hover {
|
||||
background: @base01;
|
||||
}
|
||||
|
||||
.widget-dnd {
|
||||
color: @base05;
|
||||
}
|
||||
|
||||
.widget-dnd > switch {
|
||||
background: @base01;
|
||||
border: 1px solid @base0D;
|
||||
}
|
||||
|
||||
.widget-dnd > switch:hover {
|
||||
background: @base01;
|
||||
}
|
||||
|
||||
.widget-dnd > switch:checked {
|
||||
background: @base0F;
|
||||
}
|
||||
|
||||
.widget-dnd > switch slider {
|
||||
background: @base06;
|
||||
}
|
||||
|
||||
.widget-mpris {
|
||||
color: @base05;
|
||||
}
|
||||
|
||||
.widget-mpris .widget-mpris-player {
|
||||
background: @base01;
|
||||
border: 1px solid @base0D;
|
||||
}
|
||||
|
||||
.widget-mpris .widget-mpris-player button:hover {
|
||||
background: @base01;
|
||||
}
|
||||
|
||||
.widget-mpris .widget-mpris-player > box > button {
|
||||
border: 1px solid @base0D;
|
||||
}
|
||||
|
||||
.widget-mpris .widget-mpris-player > box > button:hover {
|
||||
background: @base01;
|
||||
border: 1px solid @base0D;
|
||||
}
|
||||
29
modules/swaync/hm.nix
Normal file
29
modules/swaync/hm.nix
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
{
|
||||
config,
|
||||
lib,
|
||||
...
|
||||
}:
|
||||
|
||||
with config.lib.stylix.colors.withHashtag;
|
||||
with config.stylix.fonts;
|
||||
|
||||
{
|
||||
options.stylix.targets.swaync = {
|
||||
enable = config.lib.stylix.mkEnableTarget "SwayNC" true;
|
||||
};
|
||||
|
||||
config = lib.mkIf (config.stylix.enable && config.stylix.targets.swaync.enable) {
|
||||
services.swaync.style = ''
|
||||
@define-color base00 ${base00}; @define-color base01 ${base01}; @define-color base02 ${base02}; @define-color base03 ${base03};
|
||||
@define-color base04 ${base04}; @define-color base05 ${base05}; @define-color base06 ${base06}; @define-color base07 ${base07};
|
||||
|
||||
@define-color base08 ${base08}; @define-color base09 ${base09}; @define-color base0A ${base0A}; @define-color base0B ${base0B};
|
||||
@define-color base0C ${base0C}; @define-color base0D ${base0D}; @define-color base0E ${base0E}; @define-color base0F ${base0F};
|
||||
|
||||
* {
|
||||
font-family: "${sansSerif.name}";
|
||||
font-size: ${builtins.toString sizes.desktop}pt;
|
||||
}
|
||||
'' + (builtins.readFile ./base.css);
|
||||
};
|
||||
}
|
||||
Loading…
Reference in a new issue