feat: stylix?

This commit is contained in:
Kat Inskip 2025-07-26 17:06:28 -07:00
parent 2b1fd9b99e
commit d6d4d38dcc
Signed by: kat
GPG key ID: 465E64DECEA8CF0F
33 changed files with 465 additions and 629 deletions

View file

@ -1,9 +0,0 @@
{config, ...}: let
inherit (config.catppuccin) sources;
cfg = config.catppuccin.sway;
theme = "${sources.sway}/catppuccin-${cfg.flavor}";
in {
xsession.windowManager.i3.extraConfigEarly = ''
${builtins.readFile theme}
'';
}

View file

@ -74,7 +74,7 @@ in {
}
{
command = [
"${getExe pkgs.udiskie}"
"${getExe' pkgs.udiskie "udiskie"}"
];
}
{

View file

@ -1,4 +1,5 @@
{config, ...}: {
stylix.targets.avizo.enable = config.services.avizo.enable;
services.avizo = {
enable = false;
settings = {
@ -7,14 +8,6 @@
block-spacing = 0;
border-radius = 8;
border-width = 2;
background = "rgba(${builtins.toString config.palette.mantle.rgb.r}, ${builtins.toString config.palette.mantle.rgb.g}, ${builtins.toString config.palette.mantle.rgb.b}, 1)";
border-color = "rgba(${builtins.toString config.palette.${config.catppuccin.accent}.rgb.r}, ${
builtins.toString config.palette.${config.catppuccin.accent}.rgb.g
}, ${builtins.toString config.palette.${config.catppuccin.accent}.rgb.b}, 1)";
bar-fg-color = "rgba(${builtins.toString config.palette.${config.catppuccin.accent}.rgb.r}, ${
builtins.toString config.palette.${config.catppuccin.accent}.rgb.g
}, ${builtins.toString config.palette.${config.catppuccin.accent}.rgb.b}, 1)";
bar-bg-color = "rgba(${builtins.toString config.palette.mantle.rgb.r}, ${builtins.toString config.palette.mantle.rgb.g}, ${builtins.toString config.palette.mantle.rgb.b}, 1)";
};
};
};

View file

@ -1,5 +1,4 @@
{config, ...}: {
catppuccin.cursors.enable = true;
home.pointerCursor = {
dotIcons.enable = true;
x11 = {
@ -7,6 +6,5 @@
defaultCursor = config.home.pointerCursor.name;
};
gtk.enable = true;
size = 32;
};
}

View file

@ -1,5 +1,5 @@
_: {
catppuccin.fuzzel.enable = true;
{ config, ... }: {
stylix.targets.fuzzel.enable = config.programs.fuzzel.enable;
programs.fuzzel = {
enable = true;
};

View file

@ -1,6 +1,6 @@
_: {
services.mako = {
enable = true;
enable = false;
settings = {
font = "Monaspace Krypton 10";
};

View file

@ -20,6 +20,7 @@ in {
glib
pcmanfm
];
stylix.targets.niri.enable = true;
programs.niri = {
settings = {
cursor = {
@ -45,7 +46,6 @@ in {
#focus-follows-mouse.enable = true;
};
layout = {
background-color = config.palette.base.hex;
gaps = 10;
always-center-single-column = true;
preset-column-widths = [
@ -60,18 +60,13 @@ in {
border = {
enable = true;
width = 2;
active.color = config.palette.surface0.hex;
inactive.color = config.palette.surface0.hex;
urgent.color = config.palette.red.hex;
};
focus-ring = {
enable = false;
width = 2;
active.color = config.palette.${config.catppuccin.accent}.hex;
};
shadow = {
enable = true;
color = config.palette.crust.hex;
};
};
debug = {

View file

@ -0,0 +1,13 @@
_: {
stylix.targets.swaync.enable = true;
services.swaync = {
enable = true;
settings = {
positionX = "right";
positionY = "top";
layer-shell = true;
layer = "overlay";
control-center-layer = "top";
};
};
}

View file

@ -4,57 +4,57 @@ config,
pkgs,
...
}:
let
theme = pkgs.writeTextFile {
name = "swayosd-css";
text = ''
window#osd {
padding: 12px 20px;
border-radius: 999px;
border: solid 2px ${config.palette.${config.catppuccin.accent}.hex};
background: alpha(${config.palette.base.hex}, 0.99);
}
#container {
margin: 16px;
}
image,
label {
color: ${config.palette.text.hex};
}
progressbar:disabled,
image:disabled {
opacity: 0.5;
}
progressbar {
min-height: 6px;
border-radius: 999px;
background: transparent;
border: none;
}
trough {
min-height: inherit;
border-radius: inherit;
border: none;
background: alpha(${config.palette.${config.catppuccin.accent}.hex},0.3);
}
progress {
min-height: inherit;
border-radius: inherit;
border: none;
background: ${config.palette.${config.catppuccin.accent}.hex};
}
'';
};
in
#let
# theme = with config.lib.stylix.colors.withHashtag; pkgs.writeTextFile {
# name = "swayosd-css";
# text = ''
#window#osd {
# padding: 12px 20px;
# border-radius: 999px;
# border: solid 2px ${base0D};
# background: alpha(${base01}, 0.99);
#}
#
##container {
# margin: 16px;
#}
#
#image,
#label {
# color: ${base05};
#}
#
#progressbar:disabled,
#image:disabled {
# opacity: 0.5;
#}
#
#progressbar {
# min-height: 6px;
# border-radius: 999px;
# background: transparent;
# border: none;
#}
#
#trough {
# min-height: inherit;
# border-radius: inherit;
# border: none;
# background: alpha(${base01},0.3);
#}
#
#progress {
# min-height: inherit;
# border-radius: inherit;
# border: none;
# background: ${base01};
#}
# '';
#};
#in
{
services.swayosd = {
enable = true;
stylePath = theme;
#stylePath = theme;
};
}

View file

@ -17,12 +17,12 @@ _: {
.modules-left, .modules-right, .modules-center {
background: alpha(@base, 0.9);
background: alpha(@base00, 0.9);
box-shadow: 0px 0px 2px rgba(0,0,0,0.6);
color: @text;
padding: 5px;
margin: 2px 4px;
border: 1px solid @lavender;
border: 1px solid @base04;
}
tooltip {
@ -50,25 +50,25 @@ _: {
}
#workspaces button.empty {
background: @crust;
color: @subtext1;
background: @base01;
color: @base05;
}
#workspaces button.visible {
background: @pink;
color: @theme_selected_fg_color;
border-bottom: 3px solid @rosewater;
background: @base02;
color: @base04;
border-bottom: 3px solid @base0C;
}
#workspaces button.urgent {
background: @red;
background: @base08;
color: @theme_selected_fg_color;
}
#workspaces button.active, #workspaces button.focused {
background: @theme_selected_bg_color;
color: @theme_selected_fg_color;
border-bottom: 3px solid white;
border-bottom: 3px solid @base0E;
}
#window {
@ -90,20 +90,21 @@ _: {
}
#mpris.playing {
background-color: @lavender;
background-color: @base0E;
}
#mpris.paused {
background-color: @mauve;
background-color: @base09;
}
#mpris.stopped {
background-color: @rosewater;
background-color: @base08;
}
#mode {
background: #64727D;
border-bottom: 3px solid white;
background: @base07;
border-bottom: 3px solid @base0E;
color: @base06;
}
#clock {