blob: 968df1a5c80bf33849ecb3974aa867221bca1e67 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
{ config, lib, ... }: let
cfg = config.aesthetics.targets.vesktop;
aes = config.aesthetics;
in {
options.aesthetics.targets.vesktop.enable = lib.mkOption {
type = lib.types.bool;
default = (aes.enableAllTargets && aes.hasGui);
description = "Whether to enable the aesthetics vesktop target.";
};
config = lib.mkIf cfg.enable {
xdg.configFile."vesktop/themes/stylix.theme.css".text = with aes.scheme; ''
:root {
--base00: #${base00}; /* Black */
--base01: #${base01}; /* Bright Black */
--base02: #${base02}; /* Grey */
--base03: #${base03}; /* Brighter Grey */
--base04: #${base04}; /* Bright Grey */
--base05: #${base05}; /* White */
--base06: #${base06}; /* Brighter White */
--base07: #${base07}; /* Bright White */
--base08: #${base08}; /* Red */
--base09: #${base09}; /* Orange */
--base0A: #${base0A}; /* Yellow */
--base0B: #${base0B}; /* Green */
--base0C: #${base0C}; /* Cyan */
--base0D: #${base0D}; /* Blue */
--base0E: #${base0E}; /* Purple */
--base0F: #${base0F}; /* Magenta */
--primary-630: var(--base00); /* Autocomplete background */
--primary-660: var(--base00); /* Search input background */
}
.theme-light, .theme-dark {
--search-popout-option-fade: none; /* Disable fade for search popout */
--bg-overlay-2: var(--base00); /* These 2 are needed for proper threads coloring */
--home-background: var(--base00);
--bg-overlay-chat : var(--base00); /* Recolor forum channels */
--background-primary: var(--base00);
--background-secondary: var(--base01);
--background-secondary-alt: var(--base01);
--channeltextarea-background: var(--base01);
--background-tertiary: var(--base00);
--background-accent: var(--base0E);
--background-floating: var(--base01);
--background-modifier-hover: #{{base00-hex}}4c; /* 30% of base00 */
--background-modifier-selected: var(--base00);
--text-normal: var(--base05);
--text-secondary: var(--base03);
--text-muted: var(--base04);
--text-link: var(--base0C);
--interactive-normal: var(--base05);
--interactive-hover: var(--base05);
--interactive-active: var(--base07);
--interactive-muted: var(--base03);
--channels-default: var(--base04);
--channel-icon: var(--base04);
--header-primary: var(--base06);
--header-secondary: var(--base04);
--scrollbar-thin-track: transparent;
--scrollbar-auto-track: transparent;
}
'';
};
}
|
