summaryrefslogtreecommitdiff
path: root/waybar/style.css
blob: 52f013aef186db1c40c6c612be797103f8889ab3 (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
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
@import "colors.css";

* {
	border: none;
	font-family: "GeistMono Nerd Font Propo, sans-serif";
	font-size: 12px;
	font-weight: bold;
	min-height: 0;
}

/* Keyframe animations */
@keyframes urgent-blink {
	0% {
		color: #eb4d4b;
	}

	50% {
		color: #ffffff;
	}

	100% {
		color: #eb4d4b;
	}
}

window#waybar {
	background-color: @background;
    color: @foreground;
}

/* Workspaces */
#workspaces {
	margin-right: 0.75rem;
}

#workspaces button.active {
	color: @color1;
}

#workspaces button.empty.active {
	color: @color2;
	/* opacity: 1; */
}

/* #workspaces button.empty { */
/* 	opacity: 0.2; */
/* } */

/* #workspaces button:not(.empty) { */
/*     opacity: 0.7; */
/* } */

#workspaces button.urgent {
	color: #ffffff;
	background-color: rgba(255, 0, 0, 0.5);
	border-radius: 0;
}

/* Modules */
#battery,
#clock {
	margin: 0 0.45rem;
}

#backlight,
#bluetooth,
#cpu,
#temperature,
#memory,
#pulseaudio {
	margin: 0 0.45rem;
}

#tray {
	margin-left: 0.25rem;
}

#bluetooth.connected {
	color: @color1;
}

#battery:not(.charging).warning {
	color: #FFA500;
}

#battery:not(.charging).critical {
	color: #FF0000;
}

#network.disconnected {
	color: #FF0000;
}

/* Groups */
#audio,
#expand-tray,
#hardware,
#powerofmachine,
#network {
	margin: 0 0.55rem;
}

#power-profiles-daemon.power-saver {
	color: rgba(0, 250, 0, 1);
}

#power-profiles-daemon.performance {
	color: rgba(200, 0, 0, 1);
}

/* Custom modules */
#custom-screenrecording-indicator {
	color: #ff0000;
	animation-name: urgent-blink;
	animation-duration: 1s;
	animation-timing-function: steps(18);
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

#custom-uptime {
	margin: 0 0.55rem;
}

#custom-pomodoro {
	margin: 0 0.55rem;
}