theme: better gtk css

This commit is contained in:
Aly Raffauf 2024-09-17 20:36:14 -04:00
parent 5ffd4dfc8b
commit c1198d6791
2 changed files with 49 additions and 56 deletions

View file

@ -4,9 +4,9 @@
config,
...
}: let
cfg = config.ar.home.theme;
cfg = config.ar.home;
in {
config = lib.mkIf cfg.enable {
config = lib.mkIf cfg.theme.enable {
home.packages = [
pkgs.gnome.adwaita-icon-theme
pkgs.liberation_ttf
@ -35,12 +35,13 @@ in {
};
};
stylix.targets.gtk.extraCss = ''
window.background { border-radius: ${toString cfg.borders.radius}; }
stylix.targets.gtk.extraCss = builtins.concatStringsSep "\n" [
(lib.optionalString (cfg.desktop.hyprland.enable || cfg.desktop.sway.enable) ''
window.background { border-radius: ${toString cfg.theme.borders.radius}; }
tooltip {
background-color: alpha(${config.lib.stylix.colors.withHashtag.base00}, ${builtins.toString config.stylix.opacity.popups});
border-radius: ${toString cfg.borders.radius};
border-radius: ${toString cfg.theme.borders.radius};
border: 1px solid ${config.lib.stylix.colors.withHashtag.base0D};
color: white;
}
@ -48,20 +49,17 @@ in {
tooltip.background {
background-color: alpha(${config.lib.stylix.colors.withHashtag.base00}, ${builtins.toString config.stylix.opacity.popups});
border: 1px solid ${config.lib.stylix.colors.withHashtag.base0D};
}
}'')
${
lib.optionalString (config.stylix.polarity == "light") "
(lib.optionalString (
(cfg.desktop.hyprland.enable || cfg.desktop.sway.enable) && (config.stylix.polarity == "light")
) ''
tooltip {
&.background { background-color: alpha(${config.lib.stylix.colors.withHashtag.base05}, ${builtins.toString config.stylix.opacity.popups}); }
background-color: alpha(${config.lib.stylix.colors.withHashtag.base05}, ${builtins.toString config.stylix.opacity.popups});
}"
}
}'')
${
lib.strings.optionalString
cfg.gtk.hideTitleBar
''
(lib.optionalString cfg.theme.gtk.hideTitleBar ''
/* No (default) title bar on wayland */
headerbar.default-decoration {
/* You may need to tweak these values depending on your GTK theme */
@ -86,9 +84,7 @@ in {
window.csd decoration { /* gtk3 */
border-radius: 0;
box-shadow: none;
}
''
}
'';
}'')
];
};
}

View file

@ -1,7 +1,4 @@
{
pkgs,
...
}: {
{pkgs, ...}: {
home = {
homeDirectory = "/home/aly";