forked from
autumn.tngl.sh/dots
dotfiles dotfiles dotfiles
Merge branch 'main' of knot.amazingca.dev:autumn.bsky.gay/dots
+194
+62
config/ironbar/desktop/config.toml
+62
config/ironbar/desktop/config.toml
···
1
+
position = "top"
2
+
height = 24
3
+
4
+
[[start]]
5
+
type = "menu"
6
+
label = "" # " btw"
7
+
label_icon = "/opt/archlinux-icons/archlinux-icon-crystal-256.svg"
8
+
label_icon_size = 12
9
+
10
+
[[start]]
11
+
type = "workspaces"
12
+
favorites = ["1", "2", "3", "4", "5"]
13
+
14
+
[[start]]
15
+
type = "focused"
16
+
truncate = { mode = "end", max_length = 50 }
17
+
icon_size = 16
18
+
19
+
[[center]]
20
+
type = "clock"
21
+
format = "%-l:%M %p"
22
+
format_popup = "%m/%d/%Y %-r"
23
+
24
+
[[end]]
25
+
type = "music"
26
+
truncate = { mode = "end", max_length = 50 }
27
+
28
+
[[end]]
29
+
type = "volume"
30
+
sink_slider_orientation = "horizontal"
31
+
source_slider_orientation = "horizontal"
32
+
icon_size = 25
33
+
34
+
[[end]]
35
+
type = "sys_info"
36
+
format = [
37
+
# "C {cpu_percent: <1}%",
38
+
# "M {memory_percent: <1}%",
39
+
# "T {temp_c: <1}°C"
40
+
" {cpu_percent: <1}%",
41
+
" {memory_percent: <1}%",
42
+
" {temp_c: <1}°C"
43
+
]
44
+
icon_size = 20
45
+
46
+
[end.interval]
47
+
cpu = 1
48
+
memory = 1
49
+
temp = 1
50
+
51
+
[[end]]
52
+
type = "battery"
53
+
format = "{percentage}%"
54
+
show_icon = false
55
+
show_label = false
56
+
57
+
[end.profiles]
58
+
warning = 20
59
+
60
+
[end.profiles.critical]
61
+
when = { percent = 5, charging = false }
62
+
format = "[LOW] {percentage}%"
+132
config/ironbar/desktop/style.css
+132
config/ironbar/desktop/style.css
···
1
+
:root {
2
+
--color-dark-primary: #1c1c1c;
3
+
--color-dark-secondary: #2d2d2d;
4
+
--color-white: #fff;
5
+
--color-active: #e7deff;
6
+
--color-urgent: #8f0a0a;
7
+
8
+
--margin-lg: 1em;
9
+
--margin-sm: 0.5em;
10
+
}
11
+
12
+
* {
13
+
border-radius: 0;
14
+
border: none;
15
+
box-shadow: none;
16
+
background-image: none;
17
+
font-family: "Maple Mono NF";
18
+
}
19
+
20
+
scale > trough {
21
+
background-color: var(--color-dark-secondary);
22
+
}
23
+
24
+
scale > trough > highlight {
25
+
background-color: var(--color-active);
26
+
border-style: solid;
27
+
border-color: var(--color-active);
28
+
border-width: 0.2em;
29
+
}
30
+
31
+
scale > trough > slider {
32
+
background-color: var(--color-white);
33
+
border-radius: 1em;
34
+
}
35
+
36
+
switch > slider {
37
+
background-color: var(--color-white);
38
+
}
39
+
40
+
switch:checked {
41
+
background-color: var(--color-active);
42
+
}
43
+
44
+
switch:not(:checked) {
45
+
background-color: var(--color-dark-secondary);
46
+
}
47
+
48
+
popover, popover contents, calendar {
49
+
background-color: var(--color-dark-primary);
50
+
}
51
+
52
+
#bar, .background {
53
+
background-color: rgba(28, 28, 28, 0.5);
54
+
}
55
+
56
+
box, button, label {
57
+
background-color: #0000;
58
+
color: var(--color-white);
59
+
}
60
+
61
+
button {
62
+
border-radius: 1em;
63
+
padding-left: var(--margin-sm);
64
+
padding-right: var(--margin-sm);
65
+
}
66
+
67
+
button:hover, button:active {
68
+
background-color: var(--color-dark-secondary);
69
+
}
70
+
71
+
/* .battery .icon { */
72
+
/* opacity: 0; */
73
+
/* } */
74
+
75
+
#end > * + * {
76
+
margin-left: var(--margin-lg);
77
+
}
78
+
79
+
.menu {
80
+
padding: 0;
81
+
}
82
+
83
+
.menu > box {
84
+
/* background-color: white; */
85
+
padding-left: 4px; /* Really weird fix here since there's a min-width value somewhere I cannot change. */
86
+
}
87
+
88
+
.sysinfo > * + * {
89
+
/* margin-left: var(--margin-sm); */
90
+
}
91
+
92
+
.clock {
93
+
font-weight: bold;
94
+
}
95
+
96
+
.popup-clock .calendar-clock {
97
+
font-size: 1.5em;
98
+
}
99
+
100
+
.popup-clock .calendar .day-number {
101
+
border-radius: 1em;
102
+
}
103
+
104
+
.popup-clock .calendar .today {
105
+
background-color: var(--color-active);
106
+
color: var(--color-dark-primary);
107
+
}
108
+
109
+
.popup-clock .calendar .day-number:focus, .popup-clock .calendar .day-number:selected {
110
+
outline-color: var(--color-active);
111
+
}
112
+
113
+
.workspaces, .sysinfo {
114
+
margin-right: 0.5em;
115
+
}
116
+
117
+
.workspaces .item.visible {
118
+
/* box-shadow: inset 0 -1px var(--color-white); */
119
+
}
120
+
121
+
.workspaces .item.focused {
122
+
/* box-shadow: inset 0 -1px var(--color-active); */
123
+
background-color: var(--color-dark-secondary);
124
+
}
125
+
126
+
.workspaces .item.urgent {
127
+
/* background-color: var(--color-urgent); */
128
+
}
129
+
130
+
button > .background, button contents {
131
+
border-radius: 1em;
132
+
}