mirror of
https://github.com/alyraffauf/nixcfg.git
synced 2024-11-21 22:53:56 -05:00
theme: better gtk css
This commit is contained in:
parent
5ffd4dfc8b
commit
c1198d6791
|
@ -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,60 +35,56 @@ 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: 1px solid ${config.lib.stylix.colors.withHashtag.base0D};
|
||||
color: white;
|
||||
}
|
||||
|
||||
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") "
|
||||
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});
|
||||
}"
|
||||
}
|
||||
background-color: alpha(${config.lib.stylix.colors.withHashtag.base00}, ${builtins.toString config.stylix.opacity.popups});
|
||||
border-radius: ${toString cfg.theme.borders.radius};
|
||||
border: 1px solid ${config.lib.stylix.colors.withHashtag.base0D};
|
||||
color: white;
|
||||
}
|
||||
|
||||
${
|
||||
lib.strings.optionalString
|
||||
cfg.gtk.hideTitleBar
|
||||
''
|
||||
/* No (default) title bar on wayland */
|
||||
headerbar.default-decoration {
|
||||
/* You may need to tweak these values depending on your GTK theme */
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
font-size: 0;
|
||||
margin-bottom: 50px;
|
||||
margin-top: -100px;
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
}
|
||||
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};
|
||||
}'')
|
||||
|
||||
.titlebar,
|
||||
.titlebar .background
|
||||
{
|
||||
border-radius: 0;
|
||||
}
|
||||
(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});
|
||||
}'')
|
||||
|
||||
/* rm -rf window shadows */
|
||||
window.csd, /* gtk4? */
|
||||
window.csd decoration { /* gtk3 */
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
''
|
||||
}
|
||||
'';
|
||||
(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 */
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
font-size: 0;
|
||||
margin-bottom: 50px;
|
||||
margin-top: -100px;
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.titlebar,
|
||||
.titlebar .background
|
||||
{
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* rm -rf window shadows */
|
||||
window.csd, /* gtk4? */
|
||||
window.csd decoration { /* gtk3 */
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}'')
|
||||
];
|
||||
};
|
||||
}
|
||||
|
|
|
@ -1,7 +1,4 @@
|
|||
{
|
||||
pkgs,
|
||||
...
|
||||
}: {
|
||||
{pkgs, ...}: {
|
||||
home = {
|
||||
homeDirectory = "/home/aly";
|
||||
|
||||
|
|
Loading…
Reference in a new issue