hailey.at
1@define-color cc-bg #32302f;
2@define-color noti-border-color #32302f;
3@define-color noti-bg #3c3836;
4@define-color noti-bg-darker #3c3836;
5@define-color noti-bg-hover rgb(27, 27, 43);
6@define-color noti-bg-focus rgba(27, 27, 27, 0.6);
7@define-color text-color #f9f5d7;
8@define-color text-color-disabled #bdae93;
9@define-color bg-selected #fabd2f;
10
11* {
12 font-family: JetBrainsMono NFP;
13 font-weight: bold;
14 font-size: 14px;
15}
16
17.control-center .notification-row:focus,
18.control-center .notification-row:hover {
19 opacity: 1;
20 background: @noti-bg-darker;
21}
22
23.notification-row {
24 outline: none;
25 margin: 20px;
26 padding: 0;
27}
28
29.notification {
30 background: transparent;
31 margin: 0px;
32}
33
34.notification-content {
35 background: @cc-bg;
36 padding: 7px;
37 border-radius: 0px;
38 border: 2px solid #85796f;
39 margin: 0;
40}
41
42.close-button {
43 background: #d79921;
44 color: @cc-bg;
45 text-shadow: none;
46 padding: 0;
47 border-radius: 0px;
48 margin-top: 5px;
49 margin-right: 5px;
50}
51
52.close-button:hover {
53 box-shadow: none;
54 background: #fabd2f;
55 transition: all 0.15s ease-in-out;
56 border: none;
57}
58
59.notification-action {
60 color: #ebdbb2;
61 border: 2px solid #85796f;
62 border-top: none;
63 border-radius: 0px;
64 background: #32302f;
65}
66
67.notification-default-action:hover,
68.notification-action:hover {
69 color: #ebdbb2;
70 background: #32302f;
71}
72
73.summary {
74 padding-top: 7px;
75 font-size: 13px;
76 color: #ebdbb2;
77}
78
79.time {
80 font-size: 11px;
81 color: #d79921;
82 margin-right: 24px;
83}
84
85.body {
86 font-size: 12px;
87 color: #ebdbb2;
88}
89
90.control-center {
91 background: @cc-bg;
92 border: 2px solid #85796f;
93 border-radius: 0px;
94}
95
96.control-center-list {
97 background: transparent;
98}
99
100.control-center-list-placeholder {
101 opacity: 0.5;
102}
103
104.floating-notifications {
105 background: transparent;
106}
107
108.blank-window {
109 background: alpha(black, 0.1);
110}
111
112.widget-title {
113 color: #f9f5d7;
114 background: @noti-bg-darker;
115 padding: 5px 10px;
116 margin: 10px 10px 5px 10px;
117 font-size: 1.5rem;
118 border-radius: 5px;
119}
120
121.widget-title > button {
122 font-size: 1rem;
123 color: @text-color;
124 text-shadow: none;
125 background: @noti-bg;
126 box-shadow: none;
127 border-radius: 5px;
128}
129
130.widget-title > button:hover {
131 background: #d79921;
132 color: @cc-bg;
133}
134
135.widget-dnd {
136 background: @noti-bg-darker;
137 padding: 5px 10px;
138 margin: 5px 10px 10px 10px;
139 border-radius: 5px;
140 font-size: large;
141 color: #f2e5bc;
142}
143
144.widget-dnd > switch {
145 border-radius: 4px;
146 background: #665c54;
147}
148
149.widget-dnd > switch:checked {
150 background: #d79921;
151 border: 1px solid #d79921;
152}
153
154.widget-dnd > switch slider {
155 background: @cc-bg;
156 border-radius: 5px;
157}
158
159.widget-dnd > switch:checked slider {
160 background: @cc-bg;
161 border-radius: 5px;
162}
163
164.widget-label {
165 margin: 10px 10px 5px 10px;
166}
167
168.widget-label > label {
169 font-size: 1rem;
170 color: @text-color;
171}
172
173.widget-mpris {
174 color: @text-color;
175 background: @noti-bg-darker;
176 padding: 5px 10px 0px 0px;
177 margin: 5px 10px 5px 10px;
178 border-radius: 0px;
179}
180
181.widget-mpris > box > button {
182 border-radius: 5px;
183}
184
185.widget-mpris-player {
186 padding: 5px 10px;
187 margin: 10px;
188}
189
190.widget-mpris-title {
191 font-weight: 700;
192 font-size: 1.25rem;
193}
194
195.widget-mpris-subtitle {
196 font-size: 1.1rem;
197}
198
199.widget-buttons-grid {
200 font-size: x-large;
201 padding: 5px;
202 margin: 5px 10px 10px 10px;
203 border-radius: 5px;
204 background: @noti-bg-darker;
205}
206
207.widget-buttons-grid > flowbox > flowboxchild > button {
208 margin: 3px;
209 background: @cc-bg;
210 border-radius: 5px;
211 color: @text-color;
212}
213
214.widget-buttons-grid > flowbox > flowboxchild > button:hover {
215 background: #d79921;
216 color: @cc-bg;
217}
218
219.widget-menubar > box > .menu-button-bar > button {
220 border: none;
221 background: transparent;
222}
223
224.topbar-buttons > button {
225 border: none;
226 background: transparent;
227}