feat: dank themes module

This commit is contained in:
Nick 2025-01-14 16:17:42 -06:00
parent 616ce7fbca
commit 87b2f7e687
62 changed files with 1589 additions and 201 deletions

View file

@ -1,17 +1,32 @@
{flake, ...}: let
inherit
(flake.config.aesthetics.themes.theme)
font
colors
(flake.config.aesthetics.themes.schemes.catppuccin-macchiato)
colours
;
inherit
(flake.config.aesthetics.themes)
currentTheme
currentColours
schemes
font
;
cc = currentColours;
theme = colour: schemes.${currentTheme}.colours.${colour};
custom = {
font = font;
font_size = "12px";
font_weight = "bold";
text_color = colors.mauve;
secondary_accent = colors.lavender;
tertiary_accent = colors.sky;
background = colors.base;
text_color = theme cc.warmAccent2;
secondary_accent = theme cc.coolAccent4;
tertiary_accent = theme cc.coolAccent1;
button_color = theme cc.overlay2;
background_1 = colours.base;
background_2 = colours.crust;
background_3 = colours.surface2;
opacityBg = "0.90";
opacityBt = "1";
};
@ -24,11 +39,11 @@ in ''
}
window#waybar {
background: #${colors.crust};
color: #${colors.surface2};
background: #${custom.background_2};
color: #${custom.background_3};
border: 2px solid;
border-radius: 30px;
border-color: #${colors.mauve};
border-color: #${custom.text_color};
min-height: 100px;
opacity: ${custom.opacityBg};
}
@ -39,20 +54,20 @@ in ''
margin-bottom: 2px;
}
#workspaces button {
color: #${colors.overlay2};
color: #${custom.button_color};
padding: 5px;
opacity: ${custom.opacityBt};
}
#workspaces button.empty {
color: #${colors.surface2};
color: #${custom.background_3};
}
#workspaces button.active {
color: #${colors.mauve};
color: #${custom.text_color};
}
#tray, #pulseaudio, #privacy, #cpu, #memory, #disk, #clock {
font-size: ${custom.font_size};
color: #${colors.mauve};
color: #${custom.text_color};
padding-right: 10px;
}
@ -79,14 +94,14 @@ in ''
#custom-launcher {
font-size: 20px;
color: #${colors.mauve};
color: #${custom.text_color};
font-weight: ${custom.font_weight};
padding-left: 10px;
}
#custom-weather {
font-size: 14px;
color: #${colors.mauve};
color: #${custom.text_color};
font-weight: ${custom.font_weight};
}
''