dot_config/waybar/style.css


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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140

@define-color base00 #181818;
@define-color base01 #282828;
@define-color base02 #383838;
@define-color base03 #585858;
@define-color base04 #b8b8b8;
@define-color base05 #d8d8d8;
@define-color base06 #e8e8e8;
@define-color base07 #f8f8f8;
@define-color base08 #ab4642;
@define-color base09 #dc9656;
@define-color base0A #f7ca88;
@define-color base0B #a1b56c;
@define-color base0C #86c1b9;
@define-color base0D #7cafc2;
@define-color base0E #ba8baf;
@define-color base0F #a16946;

* {
    font-family: Aporetic Serif Mono, Noto Emoji, Symbols Nerd Font Mono;
    transition: none;
    box-shadow: none;
    text-shadow: none;
    min-height: 0;
}

tooltip {
    border: solid @base02;
    background: @base01;
    opacity: 0.9;
}

tooltip label {
    color: @base05;
    padding: 0;
}

#waybar {
    color: @base04;
    background: @base01;
}

.modules-right label,
.modules-right image {
    margin: 0.4em 0.2em;
    padding: 0 0.4em;
    background: @base02;
    border-radius: 0.2em;
}

.modules-left {
    margin-left: 0.2em;
}

.modules-right {
    margin-right: 0.2em;
}

#custom-recorder {
    color: @base08;
}

#custom-notification.notification,
#custom-notification.dnd-notification,
#custom-notification.dnd-inhibited-notification {
    color: @base07;
    background: @base02;
}

#temperature,
#cpu,
#memory,
#disk,
#battery {
    margin: 0.4em 0.2em;
    padding: 0 0.4em;
    background: @base02;
    border-radius: 0.2em;
}

#workspaces button {
    background: none;
    border-radius: 0.2em;
    margin: 0.4em 0.2em;
    padding: 0.2em 0.2em;
    color: @base05;
}

#workspaces button:hover {
    background: none;
    border-color: @base07;
}

#workspaces button.focused {
    background: none;
    color: @base07;
}

#workspaces button.urgent {
    color: @base08;
}

#window {
    margin-left: 1em;
    margin-right: 1em;
}

#tray menu {
    color: @base05;
    background: @base01;
    border: solid 1px;
    border-color: @base02;
}

#tray menu menuitem {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0.1em;
    margin-bottom: 0em;
}

#tray menu menuitem:hover {
    background: none;
}

#tray menu separator {
    background: @base03;
    padding-top: 1px;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

#battery.discharging.empty {
    color: @base02;
    background: @base08;
}

#battery.discharging.low {
    color: @base02;
    background: @base09;
}