summaryrefslogtreecommitdiff
path: root/dotfiles/hyprland/.config/themes/dupre/waybar.css
blob: 4bd00529f45647222dc2838fdf0fa32c541bdc99 (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
/* Waybar style - Dupre theme */
/* Warm, earthy colors from dupre-theme.el */

* {
    border: none;
    border-radius: 0;
    font-size: 14px;
    min-height: 0;
    font-family: "BerkeleyMono Nerd Font", "Berkeley Mono", monospace;
}

window#waybar {
    background: transparent;
}

#workspaces {
    padding: 0.2rem;
}

#workspaces button {
    padding: 0.5rem;
    margin: 0.2rem;
    background-color: transparent;
    color: #969385;
    border-radius: 1rem;
    transition: all 0.3s ease;
}

#workspaces button.active {
    background: #d7af5f;
    color: #151311;
    border-radius: 1rem;
}

#workspaces button.urgent {
    background-color: rgba(212, 124, 89, 0.4);
}

.modules-right, .modules-left {
    background-color: #151311;
    border-radius: 1rem;
    padding: 0.2rem 0.6rem;
    margin: 0.3rem;
    border: 0.095rem solid #d7af5f;
    box-shadow: 0rem 0.2rem 0.4rem rgba(0,0,0,0.5);
}

#cpu,
#temperature,
#memory,
#disk,
#custom-netspeed,
#battery,
#wireplumber,
#tray,
#clock,
#custom-layout,
#window {
    padding: 0.4rem;
    margin: 0.3rem;
    color: #969385;
    background-color: transparent;
    border-radius: 1rem;
}

#sysmonitor {
    margin: 0.3rem;
    background-color: transparent;
    border-radius: 1rem;
}

#cpu:hover,
#temperature:hover,
#memory:hover,
#disk:hover,
#custom-netspeed:hover,
#wireplumber:hover,
#sysmonitor:hover,
#custom-layout:hover {
    background-color: #474544;
    border-radius: 1rem;
}

#clock {
    color: #f0fef0;
}

#wireplumber {
    color: #969385;
}

#wireplumber.muted {
    color: #58574e;
}

#battery.warning {
    color: #d7af5f;
}

#battery.critical {
    color: #d47c59;
}

#tray > .passive {
    -gtk-icon-effect: dim;
}

#tray > .needs-attention {
    -gtk-icon-effect: highlight;
    background-color: #d7af5f;
}