swaync: splie style.css out to own file

This commit is contained in:
Colin 2024-03-13 08:18:34 +00:00
parent 23b87a283a
commit fa0dcdc5be
2 changed files with 28 additions and 31 deletions

View File

@ -18,8 +18,6 @@
let
cfg = config.sane.programs.swaynotificationcenter;
mprisIconSize = 48;
fbcli-wrapper = pkgs.writeShellApplication {
name = "swaync-fbcli";
runtimeInputs = [
@ -172,34 +170,7 @@ in
suggestedPrograms = [ "feedbackd" ];
fs.".config/swaync/style.css".symlink.text = ''
/* these color definitions are used by the built-in style */
/* noti-bg defaults `rgb(48, 48, 48)` and is the default button/slider/grid background */
@define-color noti-bg rgb(36, 36, 36);
@define-color noti-bg-darker rgb(24, 24, 24);
/* avoid black-on-black text that the default style ships */
window {
color: rgb(255, 255, 255);
}
/* window behind entire control center. defaults to 25% opacity. */
.blank-window {
background: rgba(0, 0, 0, 0.5);
}
.widget-buttons-grid button.toggle {
/* text color for inactive buttons, and "Clear All" button.*/
color: rgb(172, 172, 172);
/* padding defaults to 16px; tighten, so i can squish it all onto one row */
padding-left: 0px;
padding-right: 0px;
}
.widget-buttons-grid button.toggle:checked {
color: rgb(255, 255, 255);
background-color: rgb(0, 110, 190);
}
'';
fs.".config/swaync/style.css".symlink.target = ./style.css;
fs.".config/swaync/config.json".symlink.text = builtins.toJSON {
"$schema" = "/etc/xdg/swaync/configSchema.json";
positionX = "right";
@ -481,7 +452,7 @@ in
clear-all-button = true;
};
mpris = {
image-size = mprisIconSize;
image-size = 48;
image-radius = 8;
};
title = {

View File

@ -0,0 +1,26 @@
/* these color definitions are used by the built-in style */
/* noti-bg defaults `rgb(48, 48, 48)` and is the default button/slider/grid background */
@define-color noti-bg rgb(36, 36, 36);
@define-color noti-bg-darker rgb(24, 24, 24);
/* avoid black-on-black text that the default style ships */
window {
color: rgb(255, 255, 255);
}
/* window behind entire control center. defaults to 25% opacity. */
.blank-window {
background: rgba(0, 0, 0, 0.5);
}
.widget-buttons-grid button.toggle {
/* text color for inactive buttons, and "Clear All" button.*/
color: rgb(172, 172, 172);
/* padding defaults to 16px; tighten, so i can squish it all onto one row */
padding-left: 0px;
padding-right: 0px;
}
.widget-buttons-grid button.toggle:checked {
color: rgb(255, 255, 255);
background-color: rgb(0, 110, 190);
}