diff options
Diffstat (limited to 'recipes/google-calendar/darkmode.css')
-rw-r--r-- | recipes/google-calendar/darkmode.css | 2306 |
1 files changed, 2095 insertions, 211 deletions
diff --git a/recipes/google-calendar/darkmode.css b/recipes/google-calendar/darkmode.css index aab4f78..e6359ab 100644 --- a/recipes/google-calendar/darkmode.css +++ b/recipes/google-calendar/darkmode.css | |||
@@ -1,222 +1,2106 @@ | |||
1 | /* Copied from: https://github.com/ducfilan/Dark-mode-Franz-Ferdi */ | 1 | /* |
2 | @name Google Calendar Redesigned (Dark Mode) | ||
3 | @namespace Globex Designs, Inc. | ||
4 | @version 20240706.0.1 | ||
5 | @homepageURL https://github.com/EvHaus/google-redesigned | ||
6 | @updateURL https://raw.githubusercontent.com/EvHaus/google-redesigned/master/css/calendar.user.css | ||
7 | @license CC-BY-4.0 | ||
8 | @author Globex Designs, Inc. | ||
9 | */ | ||
2 | 10 | ||
3 | html { | ||
4 | -webkit-filter: invert(90%) hue-rotate(180deg) !important; | ||
5 | filter: invert(90%) hue-rotate(180deg) !important; | ||
6 | background: #191919 !important; | ||
7 | } | ||
8 | 11 | ||
9 | .CflnFb { | 12 | /* COLOR PALETTE */ |
10 | background-color: #7b96c1 !important; | 13 | |
11 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) | 14 | /* stylelint-disable color-no-hex */ |
12 | contrast(105%) !important; | 15 | |
13 | color: #fff !important; | 16 | :root { |
17 | --GRSELECTED: #fb0; | ||
18 | --SCROLLBAR: #2d3236; | ||
19 | --GR0: #0f1112; | ||
20 | --GR1: #1e2224; | ||
21 | --GR2: #1e2224; | ||
22 | --GR3: #252a2d; | ||
23 | --GR4: #2d3236; | ||
24 | --GR5: #343a3f; | ||
25 | --GR6: #3b4348; | ||
26 | --GR7: #434b51; | ||
27 | --GR8: #4a535a; | ||
28 | --GR9: #515b62; | ||
29 | --GR10: #606970; | ||
30 | --GR11: #70787e; | ||
31 | --GR12: #80878c; | ||
32 | --GR13: #90969b; | ||
33 | --GR14: #a0a5a9; | ||
34 | --GR15: #afb4b7; | ||
35 | --GR16: #bfc3c5; | ||
36 | --GR17: #cfd2d4; | ||
37 | --GR18: #dfe1e2; | ||
38 | --GR19: #eff0f0; | ||
14 | } | 39 | } |
40 | :root { | ||
41 | /* Google Theme Overrides */ | ||
42 | |||
43 | /* Dropdown Menus */ | ||
44 | --mdc-theme-surface: var(--GR6); | ||
45 | --mdc-theme-on-surface: var(--GR17); | ||
46 | |||
47 | /* Dropdown/Select Buttons */ | ||
48 | --textfield-surface: var(--GR6); | ||
49 | } | ||
50 | /* stylelint-enable color-no-hex */ | ||
51 | |||
52 | /* GLOBAL */ | ||
53 | |||
54 | body { background: var(--GR0) !important } | ||
55 | |||
56 | /* SCROLL BARS */ | ||
15 | 57 | ||
16 | .h5t3Nc .GrK4Mb, | 58 | ::-webkit-scrollbar-thumb, /* Common Scroll Bar */ |
17 | .h5t3Nc .hVDHke, | 59 | .mDPmMe::-webkit-scrollbar-thumb, /* Calendar Scroll Bar */ |
18 | .h5t3Nc .l7VQxb, | 60 | .WefNYe::-webkit-scrollbar-thumb /* Settings Page Scroll Bar */ |
19 | .h5t3Nc .zP0T0b, | 61 | { |
20 | .h5t3Nc .qNixLe { | 62 | background: var(--SCROLLBAR); |
21 | background-color: #c9c9c9; | 63 | border: none; |
22 | border-color: #fff; | 64 | } |
23 | } | ||
24 | 65 | ||
25 | .lq96Td { | 66 | /* Scroll Bar Hover */ |
26 | background-color: #003e3a !important; | 67 | ::-webkit-scrollbar-thumb:hover, .mDPmMe::-webkit-scrollbar-thumb:hover, .WefNYe::-webkit-scrollbar-thumb:hover { |
27 | color: #fff !important; | 68 | background: hsl(from var(--SCROLLBAR) h s l / 0.8); |
28 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) | 69 | } |
29 | contrast(105%) !important; | 70 | |
30 | } | 71 | /* Scroll Bar Clicked */ |
72 | ::-webkit-scrollbar-thumb:active, .mDPmMe::-webkit-scrollbar-thumb:active, .WefNYe::-webkit-scrollbar-thumb:active { | ||
73 | background: hsl(from var(--SCROLLBAR) h s l / 0.7); | ||
74 | } | ||
75 | |||
76 | /* ICONS */ | ||
77 | |||
78 | #gb svg, /* Header Icons */ | ||
79 | .ec9Aq, /* Header Search Icon */ | ||
80 | .JJyfjc, /* Header Arrow Icons */ | ||
81 | .xmVoP, /* Header "2 weeks" Button Arrow */ | ||
82 | .IOr5M, /* Mini Calendar Arrow Icons */ | ||
83 | .gb_ne.gb_oe button svg, /* Header Search Icons */ | ||
84 | .OkcShb, /* Sidebar > "Search for people" */ | ||
85 | .K2mXPb, /* Sidebar > "+" */ | ||
86 | .xJ65bd, /* Event Popover Header */ | ||
87 | .d29e1c, /* Event Popover Three Dots */ | ||
88 | .cjq2Db, /* Event Popover Close */ | ||
89 | .HfYfLe svg, /* Event Popover Icons */ | ||
90 | .q7aeG svg, /* Event Popover (Close Icon) */ | ||
91 | .pdqVLc .meh4fc, /* Event Popover Icons "Calendar Icon" */ | ||
92 | .pdqVLc .meh4fc svg, /* Event Popover Icons "Take Meeting notes" */ | ||
93 | .qau86b, /* Event Popover Footer Arrow Icon */ | ||
94 | .Mz3isd .EaVNbc, /* Task Popover Icons */ | ||
95 | .hUFQnd, /* Task Popover Edit Icons */ | ||
96 | .ElLe3, /* Task Popover Popover Edit (Delete) */ | ||
97 | .CLcwNd, /* Task Popover Popover Edit (Close) */ | ||
98 | .Lc04pd, /* Event Popover - Guests Camera Icon */ | ||
99 | .urWhWe .Ce1Y1c, /* Working Location Popover */ | ||
100 | .kMp0We .DPvwYc, /* Event Popover Rows */ | ||
101 | .ydqcTb, /* Create Event Popover Icons */ | ||
102 | .aStPEd, /* Create Event Popover Out of Office Visibility Help Icon */ | ||
103 | .BA2P7d, /* Create Event Popover Appointment Schedule */ | ||
104 | .GjP4J, /* Create Event Page Location/Conferencing */ | ||
105 | .uSx8Od, /* Create Event Page Calendar */ | ||
106 | .COICyc, /* Create Page RTE Toolbar "Add Attachment" Icon */ | ||
107 | .fKz7Od, /* Create Page RTE Toolbar Icons */ | ||
108 | .jZasib, /* Create Page RTE Toolbar Attachment Icon */ | ||
109 | .SlHBnb, /* Create Page Rooms Search */ | ||
110 | .HHHDef, /* Create Page > Guests > Optional Attendee */ | ||
111 | .nFP92b, /* Confirmation Modal > Question Icon */ | ||
112 | .rF3YF svg /* Trash Row Hover */ | ||
113 | { | ||
114 | color: var(--GR17) !important; | ||
115 | fill: var(--GR17) !important; | ||
116 | } | ||
117 | |||
118 | .OQPTvb /* Header "Help" Icon */ | ||
119 | { | ||
120 | filter: invert(1) !important; | ||
121 | } | ||
122 | |||
123 | /* CHECKBOXES */ | ||
124 | |||
125 | /* // popover | ||
126 | VfPpkd-MPu53c VfPpkd-MPu53c-OWXEXe-dgl2Hf Ne8lhe swXlm az2ine Skhfgc jYH2Te VfPpkd-MPu53c-OWXEXe-mWPk3d | ||
127 | |||
128 | // edit | ||
129 | VfPpkd-MPu53c VfPpkd-MPu53c-OWXEXe-dgl2Hf Ne8lhe swXlm az2ine wimXt VfPpkd-MPu53c-OWXEXe-mWPk3d | ||
130 | |||
131 | // calendars | ||
132 | VfPpkd-MPu53c VfPpkd-MPu53c-OWXEXe-gk6SMd Ne8lhe swXlm az2ine iIJNvc d7WT8c VfPpkd-MPu53c-OWXEXe-mWPk3d */ | ||
133 | |||
134 | /* The ":not" clause ensures calendar sidebar options aren't targetted */ | ||
135 | .VfPpkd-MPu53c-OWXEXe-dgl2Hf > .VfPpkd-YQoJzd { | ||
136 | --mdc-checkbox-unselected-icon-color: var(--GR12); | ||
137 | --mdc-checkbox-unselected-focus-icon-color: var(--GR15); | ||
138 | --mdc-checkbox-unselected-hover-icon-color: var(--GR15); | ||
139 | --mdc-checkbox-unselected-pressed-icon-color: var(--GR16); | ||
140 | --mdc-checkbox-selected-icon-color: var(--GRSELECTED); | ||
141 | --mdc-checkbox-selected-focus-icon-color: var(--GR15); | ||
142 | --mdc-checkbox-selected-hover-icon-color: var(--GR17); | ||
143 | --mdc-checkbox-selected-checkmark-color: var(--GR0); | ||
144 | |||
145 | /* Popover checkboxes */ | ||
146 | --mdc-checkbox-selected-hover-state-layer-color: var(--GRSELECTED); | ||
147 | } | ||
148 | |||
149 | /* HEADER */ | ||
150 | |||
151 | /* Google keeps changing the class name for the header, so | ||
152 | * to prevent it from breaking. This specific descended | ||
153 | * selector is used */ | ||
154 | header > div { | ||
155 | background: var(--GR4) !important; | ||
156 | color: var(--GR17) !important; | ||
157 | } | ||
158 | |||
159 | /* "Calendar" */ | ||
160 | .gb_4d { color: var(--GR17) !important } | ||
161 | |||
162 | /* Square Buttons ("Today", "Week"/"Agenda"/etc..., "More Insights") */ | ||
163 | .Rj2Mlf:not(:disabled) { | ||
164 | border-color: var(--GR8) !important; | ||
165 | color: var(--GR17) !important; | ||
166 | } | ||
167 | |||
168 | /* Circle Button Hover */ | ||
169 | .rF3YF:hover { background-color: var(--GR7) !important } | ||
170 | |||
171 | /* "Calendar" title */ | ||
172 | .gb_1c .gb_ge { color: var(--GR17) !important } | ||
173 | |||
174 | /* Calendar Range */ | ||
175 | .UyW9db { color: var(--GR17) !important } | ||
176 | |||
177 | /* Calendar/Task Toggle */ | ||
178 | .KSkz4b.KSkz4b, | ||
179 | .xg1yEb.xg1yEb { | ||
180 | border-color: var(--GR8) !important; | ||
181 | } | ||
182 | |||
183 | body[data-viewfamily="TASKS"] .xg1yEb, | ||
184 | .KSkz4b.KSkz4b { | ||
185 | --gm3-icon-button-filled-focus-icon-color: var(--GR14); | ||
186 | --gm3-icon-button-filled-hover-icon-color: var(--GR14); | ||
187 | --gm3-icon-button-filled-hover-state-layer-color: var(--GR14); | ||
188 | --gm3-icon-button-filled-icon-color: var(--GR14); | ||
189 | --gm3-icon-button-filled-pressed-icon-color: var(--GR14); | ||
190 | } | ||
191 | |||
192 | /* Selected */ | ||
193 | .xg1yEb.xg1yEb, | ||
194 | body[data-viewfamily="TASKS"] .KSkz4b { | ||
195 | --gm3-icon-button-filled-container-color: var(--GR7); | ||
196 | --gm3-icon-button-filled-focus-icon-color: var(--GRSELECTED); | ||
197 | --gm3-icon-button-filled-hover-icon-color: var(--GRSELECTED); | ||
198 | --gm3-icon-button-filled-hover-state-layer-color: var(--GRSELECTED); | ||
199 | --gm3-icon-button-filled-icon-color: var(--GRSELECTED); | ||
200 | --gm3-icon-button-filled-pressed-icon-color: var(--GRSELECTED); | ||
201 | } | ||
202 | |||
203 | /* GENERIC DROPDOWNS */ | ||
204 | |||
205 | /* Body */ | ||
206 | .JPdR6b, .YgKUfd { background: var(--GR6) !important } | ||
207 | |||
208 | /* Row Text */ | ||
209 | .OwNvm, | ||
210 | .r6B9Fd .VfPpkd-rymPhb-L8ivfd-fmcmS, /* Create Page > "Going?" Dropdown */ | ||
211 | .r6B9Fd .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c .VfPpkd-rymPhb-KkROqb, /* Going? > Yes Dropdown > Icons */ | ||
212 | .VfPpkd-rymPhb-fpDzbe-fmcmS /* Create Event > "Busy" */ | ||
213 | { | ||
214 | color: var(--GR17) !important | ||
215 | } | ||
216 | |||
217 | /* Separator */ | ||
218 | .Iz6QOc { background: var(--GR10) !important } | ||
219 | |||
220 | /* Keyboard Shortcut Key */ | ||
221 | .q6oraf .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-IhFlZd { | ||
222 | color: var(--GR12) !important | ||
223 | } | ||
224 | |||
225 | /* Selected Row */ | ||
226 | .s8kOBc .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd, | ||
227 | .OfXTCc.KKjvXb { | ||
228 | background: var(--GR8) !important | ||
229 | } | ||
230 | |||
231 | /* Row Hover */ | ||
232 | .OwNvm:hover, | ||
233 | .z80M1:hover /* Create Page > "Going?" Dropdown */ | ||
234 | { | ||
235 | background: var(--GR8) !important; | ||
236 | color: var(--GR19) !important; | ||
237 | } | ||
238 | |||
239 | /* Checkmark Icon */ | ||
240 | .OwNvm .VfPpkd-StrnGf-rymPhb-f7MjDc { color: var(--GR17) !important } | ||
241 | |||
242 | /* SEARCH HEADER */ | ||
243 | |||
244 | /* "Search" header title */ | ||
245 | .NkK3Fc span[role="heading"] { | ||
246 | color: var(--GR17) !important; | ||
247 | } | ||
248 | |||
249 | /* Input Wrapper Focused */ | ||
250 | .gb_Zd { background: var(--GR6) !important } | ||
251 | |||
252 | /* Input */ | ||
253 | .gb_Zd input { color: var(--GR16) !important } | ||
254 | .gb_Zd input::placeholder { color: var(--GR12) !important } | ||
255 | |||
256 | /* "No recent items match your search" */ | ||
257 | .gsan_a { color: var(--GR16) !important } | ||
258 | |||
259 | /* Search Options Dropdown */ | ||
260 | .BYXlo { | ||
261 | background: var(--GR6) !important; | ||
262 | color: var(--GR17) !important; | ||
263 | } | ||
264 | |||
265 | /* SEARCH DROPDOWN */ | ||
266 | |||
267 | .gssb_e { | ||
268 | background: var(--GR6) !important; | ||
269 | border-color: var(--GR8) !important; | ||
270 | } | ||
271 | |||
272 | /* Row */ | ||
273 | .gssb_m { | ||
274 | background: transparent !important; | ||
275 | color: var(--GR17) !important; | ||
276 | } | ||
277 | |||
278 | /* Row Color */ | ||
279 | .asor_x { color: var(--GR17) !important } | ||
280 | |||
281 | /* Row Hover */ | ||
282 | .gssb_i { | ||
283 | background: var(--GR8) !important; | ||
284 | cursor: pointer; | ||
285 | } | ||
286 | |||
287 | /* Group Separator */ | ||
288 | .gssb_l { background: var(--GR8) !important } | ||
289 | |||
290 | /* Row Details */ | ||
291 | .gstq_c, .asor_e { color: var(--GR15) !important } | ||
292 | |||
293 | /* SEARCH RESULTS PAGE */ | ||
294 | |||
295 | /* Left-side border */ | ||
296 | .Gxjp0b { border-color: var(--GR8) !important } | ||
297 | |||
298 | /* Row */ | ||
299 | .OVSqWe { border-bottom-color: var(--GR8) !important } | ||
300 | |||
301 | /* Row Text */ | ||
302 | .ryakYc { color: var(--GR17) !important } | ||
303 | |||
304 | /* Past Event */ | ||
305 | .ryakYc.UflSff { color: var(--GR14) !important } | ||
31 | 306 | ||
32 | .GooADb { | 307 | /* Day number */ |
33 | color: #9dceff !important; | 308 | .H3yh2e { color: var(--GR17) !important } |
34 | text-shadow: 0 0 #404040 !important; | ||
35 | } | ||
36 | 309 | ||
37 | .bJZIjf.qs41qe { | 310 | /* Month & Year */ |
38 | opacity: 0.3; | 311 | .bf2t7b { color: var(--GR13) !important } |
39 | } | 312 | |
313 | /* MAIN CONTENT */ | ||
314 | |||
315 | .SGWAac { border-color: var(--GR6) !important } | ||
316 | |||
317 | /* LEFT SIDEBAR */ | ||
40 | 318 | ||
41 | #gb a.gb_ja, | 319 | .QQYuzf { background: var(--GR2) !important } |
42 | #gb a.gb_ja:visited, | 320 | |
43 | #gb a.gb_ja:active, | 321 | /* Weird line */ |
44 | #gb a.gb_ka, | 322 | .hEtGGf::after { display: none !important } |
45 | #gb a.gb_ka:visited { | 323 | |
46 | color: rgba(255, 255, 255, 0.87) !important; | 324 | /* Create Button */ |
47 | text-decoration: none !important; | 325 | .buGMKc { background: var(--GR6) !important } |
48 | background-color: #000 !important; | 326 | |
49 | } | 327 | /* Text */ |
328 | .mr0WL { color: var(--GR17) !important } | ||
329 | |||
330 | /* Dropdown Text */ | ||
331 | .z80M1 { color: var(--GR17) !important } | ||
332 | |||
333 | /* MINI CALENDAR */ | ||
334 | |||
335 | /* Month */ | ||
336 | .mkaajd { color: var(--GR17) !important } | ||
337 | |||
338 | /* Day of the Week */ | ||
339 | .k50Dh, .f1QMue, .IOneve { color: var(--GR14) !important } | ||
340 | |||
341 | /* Day Circle */ | ||
342 | .p6vobf .sOjuj { background: var(--GR1) !important } | ||
343 | |||
344 | .p6vobf .sOjuj:hover { background: var(--GR7) !important } | ||
345 | |||
346 | /* Day (out of month) */ | ||
347 | .q2d9Ze .sOjuj { color: var(--GR10) !important } | ||
348 | |||
349 | /* Day (in month) */ | ||
350 | .sOjuj, /* In Sidebar */ | ||
351 | .pWJCO .r4nke /* In Create Event Popover */ | ||
352 | { | ||
353 | color: var(--GR15) !important | ||
354 | } | ||
355 | |||
356 | /* Day (selected) */ | ||
357 | .pWJCO .sOjuj { | ||
358 | background-color: var(--GR6) !important; | ||
359 | color: var(--GRSELECTED) !important | ||
360 | } | ||
361 | |||
362 | /* Day (today) */ | ||
363 | .TUH0Sd.TUH0Sd .r4nke { | ||
364 | background: var(--GRSELECTED) !important; | ||
365 | color: var(--GR1) !important | ||
366 | } | ||
367 | |||
368 | /* Week Numbers (if enabled via settings) */ | ||
369 | .f1QMue.m1fiJb { | ||
370 | background-color: var(--GR4) !important; | ||
371 | border-color: var(--GR5) !important; | ||
372 | color: var(--GR12) !important; | ||
373 | } | ||
374 | |||
375 | /* Mini Calendar in Create Event Popover that appears when you select a date */ | ||
376 | |||
377 | /* Rows */ | ||
378 | .IOneve::before { background: transparent !important } | ||
379 | |||
380 | /* WORLD CLOCK */ | ||
381 | |||
382 | /* Text */ | ||
383 | .IAQE3d { color: var(--GR15) !important } | ||
384 | |||
385 | /* Background (when event is selected) */ | ||
386 | .Az5uJd.RLj2u { background: var(--GR4) !important } | ||
387 | |||
388 | |||
389 | /* MEET WITH */ | ||
390 | |||
391 | /* "Meet with" */ | ||
392 | .fWMZdd { color: var(--GR12) !important } | ||
393 | |||
394 | /* Selected Person Pill */ | ||
395 | .cnTo8e.FYQzvb::before { background: var(--GR4) !important } | ||
396 | |||
397 | /* Avatar */ | ||
398 | |||
399 | /* Circle */ | ||
400 | .EzBbpc path[fill="#E0E0E0"] { fill: var(--GR0) !important } | ||
401 | |||
402 | /* Person Icon */ | ||
403 | .EzBbpc path[fill="#BDBDBD"] { fill: var(--GR12) !important } | ||
404 | |||
405 | /* Remove Icon */ | ||
406 | .RpN9Ve { color: var(--GR17) !important } | ||
407 | |||
408 | .RpN9Ve:hover { background: var(--GR10) !important } | ||
409 | |||
410 | /* SEARCH FOR PEOPLE */ | ||
411 | |||
412 | /* Input Wrapper */ | ||
413 | .ULpymb { background: var(--GR6) !important } | ||
414 | |||
415 | /* Input */ | ||
416 | .ULpymb .zHQkBf { color: var(--GR17) !important } | ||
417 | |||
418 | /* Input Placeholder */ | ||
419 | .g1NEYe { color: var(--GR12) !important } | ||
420 | |||
421 | /* Input Focus Animated Underline */ | ||
422 | .OabDMe { background: var(--GRSELECTED) !important } | ||
423 | |||
424 | /* Search Results Dropdown */ | ||
425 | .OFaVze { | ||
426 | background: var(--GR6) !important; | ||
427 | color: var(--GR17) !important; | ||
428 | } | ||
429 | |||
430 | /* Rows / Row */ | ||
431 | .pIQtMd, .AZW99 { background: transparent !important } | ||
432 | |||
433 | /* Row Name Text */ | ||
434 | .PNwDub { color: var(--GR19) !important } | ||
435 | |||
436 | /* Row Email Text */ | ||
437 | .G1zVib { color: var(--GR17) !important } | ||
438 | |||
439 | /* Row Hover */ | ||
440 | .AZW99:hover { | ||
441 | background: var(--GR8) !important; | ||
442 | cursor: pointer; | ||
443 | } | ||
444 | |||
445 | /* INSIGHTS */ | ||
446 | |||
447 | /* "Time Insights" Header */ | ||
448 | .ukir3 .snByac { color: var(--GR12) !important } | ||
449 | |||
450 | /* Collapsed > Icon */ | ||
451 | .pjK1ke .bLefdf { background: var(--GR6) !important } | ||
452 | |||
453 | /* Week Date */ | ||
454 | .NCyou { color: var(--GR15) !important } | ||
455 | |||
456 | /* "x hr in meetings (avg: x hr) */ | ||
457 | .WPEztb { color: var(--GR17) !important } | ||
458 | |||
459 | /* Popover */ | ||
460 | .VIpVYd { color: var(--GR17) !important } | ||
461 | |||
462 | /* Titles */ | ||
463 | .zluh2c { color: var(--GR19) !important } | ||
464 | |||
465 | /* "More insights" Button */ | ||
466 | .b3e6Tb { | ||
467 | background: var(--GR4) !important; | ||
468 | border-color: var(--GR8) !important; | ||
469 | } | ||
470 | |||
471 | .b3e6Tb:hover { background: var(--GR6) !important } | ||
472 | |||
473 | /* Label */ | ||
474 | .l3F1ye { color: var(--GR17) !important } | ||
475 | |||
476 | /* CALENDARS */ | ||
477 | |||
478 | /* "Time Insights" */ | ||
479 | .qADfd { color: var(--GR12) !important } | ||
480 | |||
481 | /* Calendars Group Title ("My calendars") */ | ||
482 | .o8t45d { color: var(--GR12) !important } | ||
483 | |||
484 | /* Calendar Name */ | ||
485 | .toUqff { color: var(--GR17) !important } | ||
486 | |||
487 | /* Color Box Center */ | ||
488 | .uHMk6b { border-color: var(--GR2) !important } | ||
489 | |||
490 | /* DAY VIEW */ | ||
491 | |||
492 | /* Body */ | ||
493 | .OCQPo { background: transparent !important } | ||
494 | |||
495 | /* Day Abbr. */ | ||
496 | .qAeuG.F262Ye { color: var(--GRSELECTED) !important } | ||
497 | |||
498 | /* Day Number Circle */ | ||
499 | .KSxb4d.F262Ye { | ||
500 | background: var(--GR7) !important; | ||
501 | color: var(--GR19) !important; | ||
502 | } | ||
503 | |||
504 | /* Calendar Author */ | ||
505 | .mdzkGf { color: var(--GR15) !important } | ||
506 | |||
507 | /* Scroll Indicator (Left) */ | ||
508 | .T8M5bd .sx5BGe::before, | ||
509 | .SGFqbe.T8M5bd .lqYlwe::before, /* 2024-02 Update */ | ||
510 | .oXZ1yb.T8M5bd .lqYlwe::before /* 2024-05 Update */ | ||
511 | { | ||
512 | background-image: linear-gradient(to left, rgba(0, 0, 0, 0), var(--GR5)) !important; | ||
513 | } | ||
514 | |||
515 | /* Scroll Indicator (Right) */ | ||
516 | .T8M5bd .qmFsL::after, | ||
517 | .SGFqbe.T8M5bd .uEzZIb::after, /* 2024-02 Update */ | ||
518 | .oXZ1yb.T8M5bd .uEzZIb::after /* 2024-05 Update */ | ||
519 | { | ||
520 | background-image: linear-gradient(to left, var(--GR5), rgba(0, 0, 0, 0)) !important; | ||
521 | } | ||
522 | |||
523 | /* Time Column */ | ||
524 | .GENA3c, | ||
525 | .R6TFwe /* 2024-02 Update */ | ||
526 | { | ||
527 | background: transparent !important | ||
528 | } | ||
529 | |||
530 | /* Text */ | ||
531 | .pCoqfc, .MANBAf { color: var(--GR12) !important } | ||
532 | |||
533 | /* Timezone Label ("GMT-08") */ | ||
534 | .Gk2izd, | ||
535 | .sS0sZd /* 2024-02 Update */ | ||
536 | { | ||
537 | background: transparent !important | ||
538 | } | ||
539 | |||
540 | /* Text */ | ||
541 | .ouBNcf { color: var(--GR14) !important } | ||
542 | |||
543 | /* Grid Borders */ | ||
544 | .MVMVEe, /* Day Events (Left-side edge) */ | ||
545 | .yEkOpe, /* Day Events (Vertical) */ | ||
546 | .EDDeke, /* Timed Events (Left-side edge) */ | ||
547 | .YvjgZe, /* Timed Events (Vertical) */ | ||
548 | .BiKU4b, /* Timed Events (Vertical) (2024-02 Update) */ | ||
549 | .mmsF1c::after, /* Timed Events (Horizontal) */ | ||
550 | .sJ9Raf::after /* Timed Events (Horizontal) (2024-02 Update) */ | ||
551 | { | ||
552 | border-color: var(--GR3) !important | ||
553 | } | ||
554 | |||
555 | /* Insights Event Highlight (on hover) */ | ||
556 | .EfQccc.KKjvXb { | ||
557 | box-shadow: var(--GR0) 0 0 8px !important; | ||
558 | } | ||
559 | |||
560 | /* Working Location Event (Unspecified working location) */ | ||
561 | .CNb8Af { | ||
562 | background: var(--GR6) !important; | ||
563 | border-color: var(--GR12) !important; | ||
564 | } | ||
565 | |||
566 | /* Dropdown Menu */ | ||
567 | |||
568 | /* "Working Location" */ | ||
569 | .xtG4wc { color: var(--GR17) !important } | ||
570 | |||
571 | /* Date */ | ||
572 | .FZbFkc { color: var(--GR15) !important } | ||
573 | |||
574 | /* WEEK VIEW */ | ||
50 | 575 | ||
51 | .M6tHv { | 576 | /* Current Day "Mon"/"Tue"/etc... */ |
52 | background-color: #444 !important; | 577 | .tWjOu.F262Ye { color: var(--GRSELECTED) !important } |
53 | } | 578 | |
579 | /* Current Day (Day Number) Circle */ | ||
580 | .nSCxEf.F262Ye { | ||
581 | background-color: var(--GR7) !important; | ||
582 | color: var(--GRSELECTED) !important; | ||
583 | } | ||
584 | |||
585 | /* Future Day (Day Number) Circle */ | ||
586 | .sVASAd.N4XV7d { color: var(--GR12) !important } | ||
587 | |||
588 | /* Hover */ | ||
589 | .nSCxEf.RKLVef:hover { | ||
590 | background-color: var(--GR7) !important; | ||
591 | color: var(--GR16) !important; | ||
592 | } | ||
593 | |||
594 | /* Body */ | ||
595 | .pbeTDb { background: transparent !important } | ||
596 | |||
597 | /* Non-current Day */ | ||
598 | .KSxb4d, .KSxb4d.N4XV7d { color: var(--GR12) !important } | ||
599 | |||
600 | .KSxb4d.RKLVef:hover { | ||
601 | background: var(--GR4) !important; | ||
602 | color: var(--GR15) !important; | ||
603 | } | ||
604 | |||
605 | /* Divider between columns */ | ||
606 | .qLWd9c, .gZ8fdb, .ZDEHt { border-color: var(--GR3) !important } | ||
607 | |||
608 | /* Current Day Highlight */ | ||
609 | .gZ8fdb.F262Ye { background: var(--GR3) !important } | ||
610 | |||
611 | /* Crossed-out area when using "Meet with" feature */ | ||
612 | .eh9LUb .PKtsjf, .sphSn .PKtsjf, .mjwRo .PKtsjf, .s4ZaLd.GIIru { | ||
613 | filter: invert(1) brightness(3) grayscale(1) !important; | ||
614 | } | ||
615 | |||
616 | /* Selected Time when using "Meet With" feature */ | ||
617 | .EfQccc.pZRd0d { | ||
618 | background: var(--GR12) !important; | ||
619 | border: 1px solid var(--GR19) !important; | ||
620 | } | ||
621 | |||
622 | /* MONTH VIEW */ | ||
623 | |||
624 | /* Body */ | ||
625 | |||
626 | /* Cannot be transparent due to animation */ | ||
627 | .RAaXne { background: var(--GR0) !important } | ||
628 | |||
629 | /* Grid Lines */ | ||
630 | .RAaXne:not(.Wyo4Qe), /* Left-most (in Business) */ | ||
631 | .CIFHgc, /* Left-most in Week view (in Business) */ | ||
632 | .w6FdBf, /* Header */ | ||
633 | .MGaLHf, /* Vertical */ | ||
634 | .FLFkR /* Horizontal */ | ||
635 | { | ||
636 | border-color: var(--GR3) !important | ||
637 | } | ||
638 | |||
639 | /* Week Numbers (if enabled in settings) */ | ||
640 | |||
641 | /* Cap thing on top */ | ||
642 | .wuX2hf.Wyo4Qe .l4SGD { background: var(--GR3) !important } | ||
54 | 643 | ||
55 | .gb_ea.gb_6f { | 644 | /* Week number sections */ |
56 | background-color: #e8e8e8 !important; | 645 | .ok6kbe { |
57 | } | 646 | background: var(--GR3) !important; |
647 | color: var(--GR14) !important; | ||
648 | } | ||
649 | |||
650 | /* Day Name (Mon, Tue, Wed...) */ | ||
651 | .EeuFAf { color: var(--GR12) !important } | ||
652 | |||
653 | /* Day Number */ | ||
654 | .o5s4T .w48V4c { color: var(--GR12) !important } | ||
655 | |||
656 | /* Hover */ | ||
657 | .w48V4c:hover { background: var(--GR4) !important } | ||
658 | |||
659 | /* Current Day Circle */ | ||
660 | .w48V4c.F262Ye { | ||
661 | background: var(--GR7) !important; | ||
662 | color: var(--GRSELECTED) !important; | ||
663 | } | ||
664 | |||
665 | /* Current Day Highlight */ | ||
666 | .ef2wWc { background: var(--GR1) !important } | ||
667 | |||
668 | /* "Home" / "Office" Bar */ | ||
669 | |||
670 | /* Pill */ | ||
671 | .artKme { background: var(--GR8) !important } | ||
672 | |||
673 | /* Icon */ | ||
674 | .ZToyZc { color: var(--GR17) !important } | ||
675 | |||
676 | /* "Home" / "Office" Text */ | ||
677 | .dy6Mec { color: var(--GR17) !important } | ||
678 | |||
679 | /* Line */ | ||
680 | .gZzpO { background: var(--GR8) !important } | ||
681 | |||
682 | /* Time Event */ | ||
683 | .KF4T6b.smECzc .nHqeVd { | ||
684 | color: var(--GR17) !important | ||
685 | } | ||
686 | |||
687 | .KF4T6b.smECzc:hover { | ||
688 | background: var(--GR6) !important; | ||
689 | color: var(--GR19) !important; | ||
690 | } | ||
691 | |||
692 | /* Time Event (Past) */ | ||
693 | .KF4T6b.UflSff { | ||
694 | color: var(--GR12) !important; | ||
695 | } | ||
696 | |||
697 | /* Time Event (Past) Full Day */ | ||
698 | .KF4T6b.UflSff:not(.smECzc) { | ||
699 | color: var(--GR8) !important; | ||
700 | filter: brightness(0.6) contrast(1.25) !important; | ||
701 | } | ||
702 | |||
703 | /* Time Event (Past) Full Day With Overflow */ | ||
704 | .KF4T6b.UflSff:is(.JRw8kf, .XFPdgf) { | ||
705 | overflow: visible !important; | ||
706 | } | ||
58 | 707 | ||
59 | .gb_yc svg, | 708 | /* Arrow (Left) */ |
60 | .gb_kc svg { | 709 | .PxbABe.hyd2Ge { |
61 | color: #000 !important; | 710 | /* stylelint-disable-next-line function-disallowed-list */ |
62 | opacity: 0.54 !important; | 711 | translate: calc(-22px + 100%) -1px !important; |
63 | } | 712 | } |
64 | 713 | ||
65 | .HkPXyb { | 714 | /* Arrow (Right) */ |
66 | background-color: #f9f9f9; | 715 | .PxbABe.BvHyo { |
67 | } | 716 | /* stylelint-disable-next-line function-disallowed-list */ |
68 | 717 | translate: calc(1px + 100%) -1px !important; | |
69 | .EfQccc.F262Ye.EiZ8Dd::after { | 718 | } |
70 | border-color: #000; | 719 | |
71 | } | 720 | /* Time Event (Selected) */ |
72 | 721 | .g3dbUc.smECzc.KKjvXb { background: var(--GR10) !important } | |
73 | .uHMk6b.fsHoPb { | 722 | |
74 | border: 7px solid #000 !important; | 723 | /* "x more" row */ |
75 | } | 724 | .KF4T6b.KCIIIb { color: var(--GR12) !important } |
76 | 725 | ||
77 | .g3VIld.GFhhge.Up8vH.hFEqNb.J9Nfi.iWO5td { | 726 | .KF4T6b.KCIIIb:hover { |
78 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) | 727 | background: var(--GR6) !important; |
79 | contrast(105%) !important; | 728 | color: var(--GR17) !important |
80 | background: #191919 !important; | 729 | } |
81 | color: #fff !important; | 730 | |
82 | } | 731 | /* "x more" Popover */ |
83 | 732 | ||
84 | .g3dbUc .jKgTF, | 733 | /* Day of the Week */ |
85 | .QGRmIf, | 734 | .QJLQUd { color: var(--GR15) !important } |
86 | .lcPUt { | 735 | |
87 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) | 736 | /* Day Number */ |
88 | contrast(105%) !important; | 737 | .ebs3Ne { color: var(--GR17) !important } |
89 | font-weight: 700 !important; | 738 | |
90 | mix-blend-mode: darken; | 739 | .ebs3Ne:hover { background: var(--GR2) !important } |
91 | } | 740 | |
92 | 741 | /* YEAR VIEW */ | |
93 | .g3dbUc.UflSff { | 742 | |
94 | filter: invert(100%) hue-rotate(180deg) saturate(140%) contrast(105%) | 743 | /* Row */ |
95 | opacity(40%) !important; | 744 | .W0m3G::before { background: transparent !important } |
96 | color: #404040 !important; | 745 | |
97 | } | 746 | /* SCHEDULE VIEW */ |
98 | 747 | ||
99 | .NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.UflSff.jKgTF { | 748 | /* Grid Lines */ |
100 | filter: invert(100%) hue-rotate(180deg) saturate(140%) contrast(50%) | 749 | .d3Ig7c, /* Left-most */ |
101 | brightness(140%) opacity(90%) !important; | 750 | .L1Ysrb /* Day Separator */ |
102 | } | 751 | { |
103 | 752 | border-color: var(--GR3) !important | |
104 | .NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.UflSff { | 753 | } |
105 | filter: opacity(80%) !important; | 754 | |
106 | } | 755 | /* Day Circle */ |
107 | 756 | .O3EOA { | |
108 | .NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.jKgTF { | 757 | background: var(--GR1) !important; |
109 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) | 758 | color: var(--GR19) !important; |
110 | contrast(105%) !important; | 759 | } |
111 | font-weight: 700 !important; | 760 | |
112 | } | 761 | .O3EOA:hover { background: var(--GR7) !important } |
113 | 762 | ||
114 | .W0m3G { | 763 | /* Today */ |
115 | font-weight: 500 !important; | 764 | .OmwDud.F262Ye .O3EOA { |
116 | } | 765 | background: var(--GR7) !important; |
117 | 766 | color: var(--GRSELECTED) !important; | |
118 | .g3dbUc { | 767 | } |
119 | font-weight: 900 !important; | 768 | |
120 | color: #000 !important; | 769 | /* Month, Day of the Week */ |
121 | } | 770 | .OmwDud { color: var(--GR12) !important } |
122 | 771 | ||
123 | .g3dbUc.smECzc { | 772 | /* Today */ |
124 | color: #666 !important; | 773 | .OmwDud.F262Ye { color: var(--GRSELECTED) !important } |
125 | } | 774 | |
126 | 775 | /* Event */ | |
127 | .FAxxKc { | 776 | .dtaVuc { color: var(--GR17) !important } |
128 | font-weight: 600 !important; | 777 | |
129 | color: #000 !important; | 778 | .dtaVuc:hover { background: var(--GR6) !important } |
130 | } | 779 | |
131 | 780 | /* INSIGHTS RIGHT SIDEBAR */ | |
132 | .rq8Mwb { | 781 | |
133 | filter: invert(100%) !important; | 782 | /* Header */ |
134 | } | 783 | |
135 | 784 | /* Week Range */ | |
136 | .WpDZC, | 785 | .aiNrUc { color: var(--GR12) !important } |
137 | .zHQkBf { | 786 | |
138 | color: #c1c1c1 !important; | 787 | /* "Time Insight */ |
139 | } | 788 | .BF7cNd { color: var(--GR17) !important } |
140 | 789 | ||
141 | .XHsn7e, | 790 | /* Visibility Icon */ |
142 | .YqtBEc, | 791 | .ZVWSZd { background: var(--GR8) !important } |
143 | .xuBVOe, | 792 | |
144 | .Mh0NNb, | 793 | .ZVWSZd .Ce1Y1c svg { |
145 | .ck4bY, | 794 | color: var(--GR17) !important; |
146 | .asor.asor_i0, | 795 | fill: var(--GR17) !important; |
147 | .gsoi.gsoi_w, | 796 | } |
148 | .gsoi.gsoi_c.asor_v, | 797 | |
149 | .gsoi.gsoi_9.asor_v, | 798 | /* Section Dividers */ |
150 | .gsoi.gsoi_7.asor_v, | 799 | .nlPDxd, .zFV1Jf { border-color: var(--GR8) !important } |
151 | #vqd3vxfo4jpl, | 800 | |
152 | #pnsketfj08m, | 801 | /* Section Titles */ |
153 | .st-wc, | 802 | .msLrsf { color: var(--GR15) !important } |
154 | .NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd, | 803 | |
155 | .a63c9c.ztKZ3d, | 804 | /* "Time Breakdown" Section */ |
156 | .a63c9c, | 805 | |
157 | .Oxm52e, | 806 | /* Chart Labels */ |
158 | .kImhzd, | 807 | .IJDILb { color: var(--GR15) !important } |
159 | .hsrazb, | 808 | |
160 | .Tnsqdc, | 809 | /* "Remaining time" chart section */ |
161 | .kw5sif, | 810 | .Ul8W4d.rKwhEe { fill: var(--GR10) !important } |
162 | .kXIDId, | 811 | .n4G76.CO2K4e { background-color: var(--GR10) !important } |
163 | .sIyjR, | 812 | |
164 | .ghXZpb, | 813 | /* "Based on your working hours" */ |
165 | .whsOnd.zHQkBf { | 814 | .PlHTad { color: var(--GR12) !important } |
166 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) | 815 | |
167 | contrast(105%) !important; | 816 | /* "Adjust working hours" button */ |
168 | } | 817 | .pKUk7 { |
169 | 818 | background: var(--GR4) !important; | |
170 | .gb_3, | 819 | border-color: var(--GR8) !important |
171 | #rAECCd, | 820 | } |
172 | .jPtXgd { | 821 | |
173 | font-weight: 600 !important; | 822 | .pKUk7:hover { background: var(--GR6) !important } |
174 | } | 823 | |
175 | 824 | /* "Time in meetings" Section */ | |
176 | #I0_1513527137275, | 825 | |
177 | .gb_W, | 826 | /* "Most meetings" / "Daily average" */ |
178 | :not([data-date]):before, | 827 | .SDiQL { color: var(--GR12) !important } |
179 | img, | 828 | |
180 | svg, | 829 | /* "Most meetings" / "Daily average" Value */ |
181 | .jPtXgd, | 830 | .hPfWQd { color: var(--GR15) !important } |
182 | .gb_Wa.gb_Fe, | 831 | |
183 | .fFW7wc-OEVmcd { | 832 | /* Table Cell Label */ |
184 | filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%) !important; | 833 | .Tz47sb { |
185 | } | 834 | border-color: var(--GR8) !important; |
186 | 835 | color: var(--GR15) !important | |
187 | .Wbs5sd, | 836 | } |
188 | .rF3YF.wmyjXb, | 837 | |
189 | .A6wOnd, | 838 | /* Table Cell Value */ |
190 | .VgueE, | 839 | .hRlabf { color: var(--GR15) !important } |
191 | .Jmftzc.gVNoLb.EiZ8Dd, | 840 | |
192 | .Jmftzc.K9QN7e.EiZ8Dd.UflSff, | 841 | /* Legend Label */ |
193 | .Jmftzc.K9QN7e.EiZ8Dd, | 842 | .eWT7sb { color: var(--GR12) !important } |
194 | .i5a7ie, | 843 | |
195 | .gb_Eb { | 844 | /* "People you meet with" Section */ |
196 | color: #000 !important; | 845 | |
197 | } | 846 | /* Person's Name */ |
198 | 847 | .yVvvMc { color: var(--GR15) !important } | |
199 | .EfQccc.Hrn1mc.EiZ8Dd::after, | 848 | |
200 | .EfQccc.MmaWIb.KKjvXb.EiZ8Dd::after { | 849 | /* Date */ |
201 | border: 1px solid #000; | 850 | .u0Pitc { color: var(--GR12) !important } |
202 | } | 851 | |
203 | 852 | /* RIGHT SIDEBAR */ | |
204 | .XBkKC.WSvIUd, | 853 | |
205 | .logo-plus-button-lockup-text { | 854 | /* Body */ |
206 | color: #fff; | 855 | .Kk7lMc-DWWcKd-OomVLb-haAclf { |
207 | } | 856 | background: var(--GR2) !important; |
208 | 857 | border-color: var(--GR6) !important; | |
209 | .IP9Hyd .O0WRkf:first-child, | 858 | } |
210 | .gb_je.gb_ee { | 859 | |
211 | color: #fff; | 860 | /* Divider */ |
212 | } | 861 | .Kk7lMc-DWWcKd-OomVLb-hgDUwe { border-color: var(--GR6) !important } |
213 | 862 | ||
214 | .Jmftzc.gVNoLb.LKeQwe, | 863 | /* Buttons */ |
215 | .Jmftzc.EiZ8Dd { | 864 | .DWWcKd-OomVLb-LgbsSe-Bz112c-haAclf:hover { |
216 | color: #000; | 865 | background-color: var(--GR7) !important; |
217 | } | 866 | } |
218 | 867 | ||
219 | .gb_fa.gb_ng, | 868 | /* "Get Addons" icon */ |
220 | .gb_Z { | 869 | .DWWcKd-OomVLb-LgbsSe-Bz112c-haAclf[style*="add_black_24dp"] { |
221 | font-weight: bolder !important; | 870 | background-image: url("https://www.gstatic.com/images/icons/material/system/1x/add_white_24dp.png") !important |
222 | } | 871 | } |
872 | |||
873 | /* EVENT POPOVER */ | ||
874 | |||
875 | /* Header */ | ||
876 | .wmCMbe { | ||
877 | background: var(--GR4) !important; | ||
878 | box-shadow: inset 0 1px 0 var(--GR12) !important; | ||
879 | } | ||
880 | |||
881 | /* Header ... Menu */ | ||
882 | |||
883 | .WjVFVc .VfPpkd-StrnGf-rymPhb-ibnC6b { | ||
884 | color: var(--GR17) !important | ||
885 | } | ||
886 | |||
887 | /* Body */ | ||
888 | .kma42e { | ||
889 | background: var(--GR6) !important; | ||
890 | color: var(--GR19) !important | ||
891 | } | ||
892 | |||
893 | /* Title & Labels */ | ||
894 | .agOyMd .UfeRlc, /* Task Titles */ | ||
895 | .JEx5le .UfeRlc, /* Title */ | ||
896 | .agOyMd div.AzuXid, /* Dec 2022 Update (Date) */ | ||
897 | .Z5RD1e /* Nov 2023 Update (Select Fields) */ | ||
898 | { | ||
899 | color: var(--GR19) !important | ||
900 | } | ||
901 | |||
902 | /* Title */ | ||
903 | .WmnPA .VfPpkd-fmcmS-wGMbrd { | ||
904 | caret-color: var(--GRSELECTED) !important; | ||
905 | } | ||
906 | |||
907 | /* Title Underline */ | ||
908 | .tMfWZc:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-RWgCYc-ksKsZd::before { | ||
909 | border-bottom-color: var(--GR13) !important; | ||
910 | } | ||
911 | |||
912 | /* Highlighted */ | ||
913 | .WmnPA:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-RWgCYc-ksKsZd::after { | ||
914 | border-bottom-color: var(--GRSELECTED) !important; | ||
915 | } | ||
916 | |||
917 | .pdqVLc .AzuXid, /* "Created by ...." */ | ||
918 | .AzuXid /* Task "Weekly on Friday" */ | ||
919 | { | ||
920 | color: var(--GR15) !important | ||
921 | } | ||
922 | |||
923 | /* Dividers (appear when setting description) */ | ||
924 | .kxh2c:not(.gUZKAc).sMVRZe:not(.dBA1M) { border-bottom-color: var(--GR12) !important } | ||
925 | .kxh2c:not(.gUZKAc).sMVRZe:not(.AHjck) { border-top-color: var(--GR12) !important } | ||
926 | /* stylelint-disable-next-line selector-max-pseudo-class, @stylistic/max-line-length */ | ||
927 | .kxh2c:not(.gUZKAc).sMVRZe:not(.dBA1M) + .kxh2c:not(.gUZKAc).sMVRZe:not(.AHjck) { border-top-color: transparent !important } | ||
928 | |||
929 | /* Buttons ("Event", "Task", "Reminder") */ | ||
930 | .zmrbhe { | ||
931 | color: var(--GR15) !important; | ||
932 | } | ||
933 | |||
934 | /* Selected */ | ||
935 | .zmrbhe.qs41qe { | ||
936 | background: var(--GR9) !important; | ||
937 | color: var(--GRSELECTED) !important; | ||
938 | } | ||
939 | |||
940 | /* "Focus Time" > "Do not disturb" */ | ||
941 | .kiifqc { color: var(--GR17) !important } | ||
942 | |||
943 | /* Links in the Description */ | ||
944 | .vfzv a:link, | ||
945 | .vfzv a:visited | ||
946 | { | ||
947 | color: var(--GR17) !important | ||
948 | } | ||
949 | |||
950 | .vfzv a:link:hover, | ||
951 | .vfzv a:link:focus, | ||
952 | .vfzv a:visited:hover, | ||
953 | .vfzv a:visited:focus { | ||
954 | color: var(--GR19) !important | ||
955 | } | ||
956 | |||
957 | /* "Outside working hours" */ | ||
958 | .bjNu9b { background: var(--GR2) !important } | ||
959 | |||
960 | /* Icon */ | ||
961 | .bjNu9b .Kww6bc { fill: var(--GRSELECTED) !important } | ||
962 | |||
963 | /* Date & Time Inputs */ | ||
964 | .e0yuIb { color: var(--GR17) !important } | ||
965 | |||
966 | /* Hover / Active */ | ||
967 | .VZxuS .nXeosb:not(.IYewr):hover, | ||
968 | .VZxuS .nXeosb:not(.IYewr).u3bW4e { | ||
969 | background: var(--GR4) !important; | ||
970 | } | ||
971 | |||
972 | /* Underline */ | ||
973 | .iMnlEf { background: var(--GRSELECTED) !important } | ||
974 | |||
975 | /* "Time zone" */ | ||
976 | .nxbvLd .snByac { color: var(--GR17) !important } | ||
977 | |||
978 | /* Inputs */ | ||
979 | .jZ0DTb { background: var(--GR4) !important } | ||
980 | |||
981 | /* Guests */ | ||
982 | |||
983 | /* Home - "Edit" button */ | ||
984 | .s3dr1 { color: var(--GR17) !important } | ||
985 | |||
986 | .s3dr1:hover { color: var(--GR19) !important } | ||
987 | |||
988 | /* Little response circle for "Out of office" */ | ||
989 | .o4NNyc { background: var(--GR4) !important } | ||
990 | |||
991 | /* "Out of Office" > "Message" for description */ | ||
992 | .WmnPA:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc { | ||
993 | color: var(--GR15) !important | ||
994 | } | ||
995 | |||
996 | /* "Upgrade to host longer group calls" Section */ | ||
997 | .NoJAOd.NoJAOd { background: var(--GR8) !important } | ||
998 | |||
999 | /* Icon */ | ||
1000 | .uTTlac { fill: var(--GR22) !important } | ||
1001 | |||
1002 | /* "Upgrade to host longer group calls" */ | ||
1003 | .FKvbye { color: var(--GR17) !important } | ||
1004 | |||
1005 | /* "This group call is limited to 1 hour" Section */ | ||
1006 | .iKm75d.iKm75d { background: var(--GR8) !important } | ||
1007 | |||
1008 | /* Icon */ | ||
1009 | .YQoFab { fill: var(--GR17) !important } | ||
1010 | |||
1011 | /* "This group call is limited to 1 hour" */ | ||
1012 | .aVw7oe { color: var(--GR18) !important } | ||
1013 | |||
1014 | /* "Get longer group calls..." */ | ||
1015 | .qf81Ud { color: var(--GR16) !important } | ||
1016 | |||
1017 | /* "Explore plan" */ | ||
1018 | .PU9nHf { color: var(--GR17) !important } | ||
1019 | |||
1020 | .PU9nHf:hover { color: var(--GR18) !important } | ||
1021 | |||
1022 | /* "No thanks" */ | ||
1023 | .lt59Jb { color: var(--GR14) !important } | ||
1024 | |||
1025 | .lt59Jb:hover { color: var(--GR16) !important } | ||
1026 | |||
1027 | /* "Calendar set your join method to ..." */ | ||
1028 | |||
1029 | .yiLrzf { background: var(--GR8) !important } | ||
1030 | |||
1031 | /* Text */ | ||
1032 | .SFGZyc { color: var(--GR17) !important } | ||
1033 | |||
1034 | /* "Got It" */ | ||
1035 | .CGWPk { color: var(--GR17) !important } | ||
1036 | |||
1037 | .CGWPk:hover { color: var(--GR19) !important } | ||
1038 | |||
1039 | /* "Take meeting notes" */ | ||
1040 | .UCosIb { color: var(--GR17) !important } | ||
1041 | |||
1042 | .UCosIb:hover { color: var(--GR19) !important } | ||
1043 | |||
1044 | /* "Find a time" */ | ||
1045 | .ksBjEc:not(:disabled) { color: var(--GR17) !important } | ||
1046 | |||
1047 | .ksBjEc:not(:disabled):hover { color: var(--GR19) !important } | ||
1048 | |||
1049 | /* OOO event */ | ||
1050 | |||
1051 | /* "Automatically decline meeting" */ | ||
1052 | .BfY7Sb { color: var(--GR17) !important } | ||
1053 | |||
1054 | /* "Only new meeting invitations" / "New and existing meetings" */ | ||
1055 | .AtaYwe { color: var(--GR17) !important } | ||
1056 | |||
1057 | /* Divider */ | ||
1058 | .HaZkhe { background: var(--GR10) !important } | ||
1059 | |||
1060 | /* Default Visibility (?) Icon */ | ||
1061 | .ydTCC { color: var(--GR17) !important } | ||
1062 | |||
1063 | /* "Availability might be shown in other Google apps" */ | ||
1064 | .CbBAab { color: var(--GR15) !important } | ||
1065 | |||
1066 | /* (?) Icon */ | ||
1067 | .A1aem { color: var(--GR15) !important } | ||
1068 | |||
1069 | /* Popover */ | ||
1070 | .CVM8jc { color: var(--GR15) !important } | ||
1071 | |||
1072 | /* Link */ | ||
1073 | .hT1Fub { color: var(--GR17) !important } | ||
1074 | |||
1075 | .hT1Fub:focus, .hT1Fub:hover { color: var(--GR19) !important } | ||
1076 | |||
1077 | /* Working Location Popover */ | ||
1078 | |||
1079 | /* "Working Location" title */ | ||
1080 | .B4kd9e { color: var(--GR17) !important } | ||
1081 | |||
1082 | /* "Set repeating locations in settings" */ | ||
1083 | .nD0WUd { color: var(--GR15) !important } | ||
1084 | |||
1085 | /* "Choose a location" */ | ||
1086 | .FAaxPe { color: var(--GR17) !important } | ||
1087 | |||
1088 | /* "Home" / "Office" buttons */ | ||
1089 | .Pn4AJ { | ||
1090 | background: var(--GR8) !important; | ||
1091 | border-color: var(--GR10) !important; | ||
1092 | color: var(--GR18) !important; | ||
1093 | } | ||
1094 | |||
1095 | .Pn4AJ:hover { | ||
1096 | background: var(--GR9) !important; | ||
1097 | border-color: var(--GR12) !important; | ||
1098 | color: var(--GR19) !important; | ||
1099 | } | ||
1100 | |||
1101 | /* Active */ | ||
1102 | .Pn4AJ.KKjvXb:not(:disabled) { | ||
1103 | color: var(--GRSELECTED) !important; | ||
1104 | } | ||
1105 | |||
1106 | /* Internal background */ | ||
1107 | .Pn4AJ .VfPpkd-Jh9lGc::before { | ||
1108 | background: transparent !important; | ||
1109 | } | ||
1110 | |||
1111 | /* Calendar Title */ | ||
1112 | .h7kDxc.RDPZE { color: var(--GR17) !important } | ||
1113 | |||
1114 | /* "Does not repeat", "Free / Default visibility / Do not notify" */ | ||
1115 | .NAgJzc, | ||
1116 | .wTj3Dc /* Nov 2023 Update */ | ||
1117 | { | ||
1118 | color: var(--GR15) !important | ||
1119 | } | ||
1120 | |||
1121 | /* RTE for Description */ | ||
1122 | .T4SBCf { background: var(--GR4) !important } | ||
1123 | |||
1124 | /* Toolbar Dividers */ | ||
1125 | .T4SBCf .Bx5aBb { border-color: var(--GR8) !important } | ||
1126 | |||
1127 | /* Toolbar Button Hover */ | ||
1128 | /* stylelint-disable-next-line selector-max-pseudo-class */ | ||
1129 | .T4SBCf .r7kft .CIy9F:not(.Hcv3ye) .Aworge:hover { | ||
1130 | background: transparent !important; | ||
1131 | color: var(--GR19) !important; | ||
1132 | } | ||
1133 | |||
1134 | /* "Add description" */ | ||
1135 | .iSSROb { color: var(--GR12) !important } | ||
1136 | |||
1137 | /* Links in the description */ | ||
1138 | .KmD23d a:link { color: var(--GR17) !important } | ||
1139 | |||
1140 | .KmD23d a:link:hover { color: var(--GRSELECTED) !important } | ||
1141 | |||
1142 | /* Calendar Name */ | ||
1143 | .s6I1Kd { color: var(--GR18) !important } | ||
1144 | |||
1145 | /* Close Icon Circle */ | ||
1146 | .XsU8xf { background-color: var(--GR3) !important } | ||
1147 | |||
1148 | /* Action Footer */ | ||
1149 | .ldpAcc { background: var(--GR5) !important } | ||
1150 | |||
1151 | /* "Going?" */ | ||
1152 | .sgEL6b { color: var(--GR15) !important } | ||
1153 | |||
1154 | /* "Yes" button */ | ||
1155 | .qydq8.KKjvXb [data-button-type=actionButton], | ||
1156 | .qydq8.KKjvXb [data-button-type=menuButton] { | ||
1157 | background: var(--GR6) !important; | ||
1158 | border-color: var(--GR10) !important | ||
1159 | } | ||
1160 | |||
1161 | .qydq8.KKjvXb [data-button-type=actionButton]:hover, | ||
1162 | .qydq8.KKjvXb [data-button-type=menuButton]:hover { | ||
1163 | background: var(--GR8) !important; | ||
1164 | } | ||
1165 | |||
1166 | /* Arrow Icon */ | ||
1167 | .qydq8.KKjvXb .Pjbkr:not(:disabled) .VfPpkd-kBDsod { color: var(--GR15) !important } | ||
1168 | |||
1169 | /* Buttons */ | ||
1170 | .NAFvr .UQuaGc { color: var(--GR15) !important } | ||
1171 | |||
1172 | /* "Yes" */ | ||
1173 | .NAFvr .l3F1ye { color: var(--GRSELECTED) !important } | ||
1174 | |||
1175 | /* "Yes" (with virtual meeting options) */ | ||
1176 | .wIfg3e.KKjvXb .dvv0Pc, | ||
1177 | .wIfg3e.KKjvXb .lrZTuc { | ||
1178 | background: var(--GR8) !important; | ||
1179 | border-color: var(--GR10) !important; | ||
1180 | } | ||
1181 | |||
1182 | /* Options Arrow */ | ||
1183 | .wIfg3e.KKjvXb .DqwBN { color: var(--GR15) !important } | ||
1184 | |||
1185 | /* Options Dropdown */ | ||
1186 | |||
1187 | /* Selected Option */ | ||
1188 | .bhtr0e.KKjvXb { background: var(--GR4) !important } | ||
1189 | |||
1190 | /* "Automatically change how I join if my working location changes" */ | ||
1191 | .cWOa9d { color: var(--GR13) !important } | ||
1192 | |||
1193 | /* Selected Option */ | ||
1194 | .j931be.KKjvXb { | ||
1195 | background: var(--GR4) !important; | ||
1196 | color: var(--GRSELECTED) !important; | ||
1197 | } | ||
1198 | |||
1199 | /* Divider */ | ||
1200 | .mKdssd, .mGlsq { background: var(--GR10) !important } | ||
1201 | |||
1202 | /* Divider (Location) */ | ||
1203 | .anMZof.gUZKAc:not(.sMVRZe):not(.dBA1M), .anMZof:not(.gUZKAc).sMVRZe:not(.dBA1M) { | ||
1204 | border-color: var(--GR10) !important | ||
1205 | } | ||
1206 | |||
1207 | /* "Propose a new time" buttons */ | ||
1208 | .ZGVUP { | ||
1209 | background: var(--GR8) !important; | ||
1210 | border: 1px solid var(--GR10) !important; | ||
1211 | } | ||
1212 | |||
1213 | /* Text */ | ||
1214 | .ZGVUP .snByac { color: var(--GR17) !important } | ||
1215 | .ZGVUP:hover .snByac { color: var(--GR19) !important } | ||
1216 | |||
1217 | /* "x" Icon */ | ||
1218 | .pdqVLc .DPvwYc { | ||
1219 | color: var(--GR15) !important; | ||
1220 | fill: var(--GR15) !important; | ||
1221 | } | ||
1222 | |||
1223 | /* "Add Note" dialog */ | ||
1224 | |||
1225 | /* RSVP Select */ | ||
1226 | .HLI7qf { background: var(--GR4) !important } | ||
1227 | |||
1228 | /* Text */ | ||
1229 | .HLI7qf .c7fp5b { color: var(--GR17) !important } | ||
1230 | |||
1231 | /* Email Guests */ | ||
1232 | |||
1233 | /* List of invitees */ | ||
1234 | .J09ahd { background: transparent !important } | ||
1235 | |||
1236 | /* Invitee pill */ | ||
1237 | .cnTo8e { background: var(--GR4) !important } | ||
1238 | |||
1239 | /* GoToMeeting Links */ | ||
1240 | .goktNc { color: var(--GR17) !important } | ||
1241 | |||
1242 | .goktNc:hover { color: var(--GR19) !important } | ||
1243 | |||
1244 | /* "Everyone else declined the event" footer */ | ||
1245 | .McOO2b { | ||
1246 | background: var(--GR4) !important; | ||
1247 | border-color: var(--GR8) !important; | ||
1248 | } | ||
1249 | |||
1250 | /* "Everyone else declined the event" */ | ||
1251 | .qwM8de { color: var(--GR17) !important } | ||
1252 | |||
1253 | /* "Delete" button */ | ||
1254 | .McOO2b .UQuaGc { color: var(--GR12) !important } | ||
1255 | |||
1256 | .McOO2b .UQuaGc.UQuaGc:focus, .McOO2b .UQuaGc.UQuaGc:hover { | ||
1257 | color: var(--GR19) !important; | ||
1258 | } | ||
1259 | |||
1260 | /* "Would you like to send cancellation emails..." confirmation modal */ | ||
1261 | .nf2dS .zHGix { color: var(--GR19) !important } | ||
1262 | |||
1263 | /* "Reschedule" button */ | ||
1264 | .Uu2hsf.auswjd { color: var(--GR17) !important } | ||
1265 | |||
1266 | /* TASK POPOVER */ | ||
1267 | |||
1268 | /* Date Input */ | ||
1269 | .xSJpA { background: var(--GR4) !important } | ||
1270 | |||
1271 | /* "Weekly on weekdays" */ | ||
1272 | .DN1TJ { color: var(--GR14) !important } | ||
1273 | |||
1274 | |||
1275 | /* Footer */ | ||
1276 | .YWILgc { border-color: var(--GR10) !important } | ||
1277 | |||
1278 | /* "Mark Complete" button */ | ||
1279 | .LjDxcd:not(:disabled) { color: var(--GR17) !important } | ||
1280 | |||
1281 | .LjDxcd:hover:not(:disabled) { color: var(--GR19) !important } | ||
1282 | |||
1283 | /* When deleting recurring task > "Delete repeating task" modal */ | ||
1284 | |||
1285 | /* Text */ | ||
1286 | .cC1eCc .VfPpkd-cnG4Wd { color: var(--GR15) !important } | ||
1287 | |||
1288 | /* BOOKABLE APPOINTMENT SCHEDULE POPOVER */ | ||
1289 | |||
1290 | /* "Feedback" button */ | ||
1291 | .jRvFtb:first-child { border-color: var(--GR11) !important } | ||
1292 | |||
1293 | /* "Bookable Appointment Schedule" */ | ||
1294 | .EG7Wgf { color: var(--GR15) !important } | ||
1295 | |||
1296 | /* Title */ | ||
1297 | .Zzucte span { color: var(--GR17) !important } | ||
1298 | |||
1299 | /* Title (when disabled) */ | ||
1300 | .WmnPA.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me .VfPpkd-fmcmS-wGMbrd { | ||
1301 | color: var(--GR12) !important | ||
1302 | } | ||
1303 | |||
1304 | /* "See all your booking pages" */ | ||
1305 | .Su7cHd { color: var(--GR17) !important } | ||
1306 | |||
1307 | .Su7cHd:hover { color: var(--GR19) !important } | ||
1308 | |||
1309 | /* "Add availability to an existing schedule" */ | ||
1310 | .mopaRc { color: var(--GR17) !important } | ||
1311 | |||
1312 | /* Share > Modal */ | ||
1313 | |||
1314 | /* "Learn More" */ | ||
1315 | .t6DHce { color: var(--GR17) !important } | ||
1316 | |||
1317 | .t6DHce:hover { color: var(--GR19) !important } | ||
1318 | |||
1319 | /* Tab Icon */ | ||
1320 | .WbUJNb .VfPpkd-cfyjzb { color: var(--GR15) !important } | ||
1321 | |||
1322 | /* Selected */ | ||
1323 | .WbUJNb.VfPpkd-AznF2e-OWXEXe-auswjd .VfPpkd-cfyjzb { color: var(--GRSELECTED) !important } | ||
1324 | |||
1325 | /* Divider */ | ||
1326 | .wQO6gd { border-top-color: var(--GR12) !important } | ||
1327 | |||
1328 | /* "All appointment schedules" / "A single booking page" */ | ||
1329 | .f7HHcb { color: var(--GR17) !important } | ||
1330 | |||
1331 | /* "Preview" */ | ||
1332 | .tJGdef { color: var(--GR17) !important } | ||
1333 | |||
1334 | .tJGdef:hover { color: var(--GR19) !important } | ||
1335 | |||
1336 | /* "Booking page link" section */ | ||
1337 | .nstCc { background-color: var(--GR3) !important } | ||
1338 | |||
1339 | /* "Booking page link" */ | ||
1340 | .dVkMD { color: var(--GR13) !important } | ||
1341 | |||
1342 | /* "Share this page with others..." */ | ||
1343 | .Abkp5c { color: var(--GR13) !important } | ||
1344 | |||
1345 | /* Info Icon */ | ||
1346 | .Fs5u9c { color: var(--GR14) !important } | ||
1347 | |||
1348 | /* BOOKABLE APPOINTMENT SCHEDULE SIDEBAR (DETAILED CREATE SECTION) */ | ||
1349 | |||
1350 | /* "Bookable Appointment Schedule" */ | ||
1351 | .j1AQEe { color: var(--GR13) !important } | ||
1352 | |||
1353 | /* "Appointment duration" and other section titles */ | ||
1354 | .q8ybv { color: var(--GR17) !important } | ||
1355 | |||
1356 | /* "How long should each appointment last?" and other descriptions */ | ||
1357 | .xCsm3b { color: var(--GR15) !important } | ||
1358 | |||
1359 | /* "Learn more" */ | ||
1360 | .aMUTT { color: var(--GR17) !important } | ||
1361 | |||
1362 | .aMUTT:hover { color: var(--GR19) !important } | ||
1363 | |||
1364 | /* Mon/Tue/Wed... "-" divider */ | ||
1365 | .Qm5tYb { background: var(--GR4) !important } | ||
1366 | |||
1367 | /* "Unavailable" */ | ||
1368 | .Ozodyc { color: var(--GR14) !important } | ||
1369 | |||
1370 | /* Divider */ | ||
1371 | .BJ27Eb { background: var(--GR11) !important } | ||
1372 | |||
1373 | /* Accordion section arrows */ | ||
1374 | .MzaEpe { color: var(--GR15) !important } | ||
1375 | |||
1376 | /* "Scheduling window" */ | ||
1377 | |||
1378 | /* "Available now" and other options */ | ||
1379 | .YDBLM { color: var(--GR17) !important } | ||
1380 | |||
1381 | /* "Limit the date range for all appointments" */ | ||
1382 | .D1luMd { color: var(--GR14) !important } | ||
1383 | |||
1384 | /* "Maximum time in advance that an appointment can be booked" */ | ||
1385 | .MPvktc { color: var(--GR14) !important } | ||
1386 | |||
1387 | /* "Booked appointment settings" */ | ||
1388 | |||
1389 | /* "Buffer time" and other titles */ | ||
1390 | .A9nNhd { color: var(--GR17) !important } | ||
1391 | |||
1392 | /* "Calendars checked for availability" */ | ||
1393 | |||
1394 | /* Primary calendar name */ | ||
1395 | .wa3Mff { color: var(--GR17) !important } | ||
1396 | |||
1397 | /* Checkbox > Checkmark */ | ||
1398 | .Ne8lhe .VfPpkd-muHVFf-bMcfAe:disabled ~ .VfPpkd-YQoJzd .VfPpkd-HUofsb { | ||
1399 | color: var(--GR2) !important; | ||
1400 | } | ||
1401 | |||
1402 | /* More calendars */ | ||
1403 | .S6s5D { color: var(--GR17) !important } | ||
1404 | |||
1405 | /* CREATE POPOVER */ | ||
1406 | |||
1407 | /* Name Input */ | ||
1408 | .shdZ7e .zHQkBf { color: var(--GR17) !important } | ||
1409 | |||
1410 | /* Placeholder Text */ | ||
1411 | .bnPQpd:not(.YkAcPc) { color: var(--GR12) !important } | ||
1412 | |||
1413 | /* Underline */ | ||
1414 | .shdZ7e .mIZh1c { background: var(--GR12) !important } | ||
1415 | |||
1416 | /* Unfocused Name */ | ||
1417 | .C5uTB:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd { color: var(--GR17) !important } | ||
1418 | |||
1419 | /* Type Button */ | ||
1420 | .qmv2fc.kaAt2 { | ||
1421 | background: var(--GR8) !important; | ||
1422 | border: 1px solid var(--GR10) !important; | ||
1423 | color: var(--GR17) !important; | ||
1424 | } | ||
1425 | |||
1426 | .qmv2fc.kaAt2:hover { | ||
1427 | background: var(--GR9) !important; | ||
1428 | border: 1px solid var(--GR11) !important; | ||
1429 | color: var(--GR18) !important; | ||
1430 | } | ||
1431 | |||
1432 | /* Selected */ | ||
1433 | .qmv2fc.KKjvXb { | ||
1434 | background: var(--GR10) !important; | ||
1435 | border: 1px solid var(--GRSELECTED) !important; | ||
1436 | color: var(--GR19) !important; | ||
1437 | } | ||
1438 | |||
1439 | /* Time Select */ | ||
1440 | .BvQsje, /* Row */ | ||
1441 | .Kb2sf /* Start/End Time */ | ||
1442 | { | ||
1443 | background: var(--GR4) !important; | ||
1444 | } | ||
1445 | |||
1446 | /* Start/End Time Text */ | ||
1447 | .WpDZC { color: var(--GR17) !important } | ||
1448 | |||
1449 | /* Hyphen */ | ||
1450 | .NtP29 { color: var(--GR12) !important } | ||
1451 | |||
1452 | /* Active Underline */ | ||
1453 | .DSC0Mc { background: var(--GRSELECTED) !important } | ||
1454 | |||
1455 | /* Add Time Button */ | ||
1456 | .Jpx57d { | ||
1457 | border-color: var(--GR12) !important; | ||
1458 | color: var(--GR17) !important; | ||
1459 | } | ||
1460 | |||
1461 | .Jpx57d:hover { | ||
1462 | color: var(--GR18) !important; | ||
1463 | } | ||
1464 | |||
1465 | /* Dropdowns */ | ||
1466 | .gHQcAb { | ||
1467 | background: var(--GR6) !important; | ||
1468 | color: var(--GR17) !important | ||
1469 | } | ||
1470 | |||
1471 | /* Time Dropdown */ | ||
1472 | |||
1473 | /* Row */ | ||
1474 | .VKy0Ic { | ||
1475 | color: var(--GR17) !important; | ||
1476 | } | ||
1477 | |||
1478 | |||
1479 | /* Selected Row */ | ||
1480 | .VKy0Ic[aria-selected="true"] { | ||
1481 | background: var(--GR8) !important; | ||
1482 | color: var(--GR19) !important; | ||
1483 | } | ||
1484 | |||
1485 | /* "All Day" checkbox */ | ||
1486 | .cAP2G { color: var(--GR17) !important } | ||
1487 | |||
1488 | /* "Suggested times" Button */ | ||
1489 | .tDiQl { border-color: var(--GR12) !important } | ||
1490 | |||
1491 | .tDiQl:hover { border-color: var(--GRSELECTED) !important } | ||
1492 | |||
1493 | .tDiQl .snByac { color: var(--GR17) !important } | ||
1494 | |||
1495 | /* Calendar Select */ | ||
1496 | |||
1497 | /* Text */ | ||
1498 | .jT5e9 { color: var(--GR17) !important } | ||
1499 | |||
1500 | /* Dropdown */ | ||
1501 | .ncFHed { background: var(--GR6) !important } | ||
1502 | |||
1503 | /* Hover Row */ | ||
1504 | .ncFHed .MocG8c.KKjvXb { background: var(--GR8) !important } | ||
1505 | |||
1506 | /* Text */ | ||
1507 | .ncFHed .MocG8c.KKjvXb .jT5e9 { color: var(--GR19) !important } | ||
1508 | |||
1509 | /* "Add a label" Button */ | ||
1510 | |||
1511 | /* + Icon */ | ||
1512 | .Nh4qkc.Enkreb { color: var(--GR17) !important } | ||
1513 | |||
1514 | /* Text */ | ||
1515 | .gcab7e { color: var(--GR17) !important } | ||
1516 | |||
1517 | /* Reminder Repeat Select */ | ||
1518 | .MocG8c { color: var(--GR17) !important } | ||
1519 | |||
1520 | /* Reminder "All Day" */ | ||
1521 | .ETkhPe, /* On Create */ | ||
1522 | .JtukPc /* On Edit */ | ||
1523 | { | ||
1524 | color: var(--GR17) !important | ||
1525 | } | ||
1526 | |||
1527 | /* Placeholders */ | ||
1528 | .ULpymb .snByac, /* "Add guests" */ | ||
1529 | .qx9Fae:not(.YkAcPc), /* "Add guests" (Nov 2023 Update) */ | ||
1530 | .bnPQpd:not(.YkAcPc), /* "Add location" / "Add description or attachments" */ | ||
1531 | .OnrKec .snByac /* "Add attachment" */ | ||
1532 | { | ||
1533 | color: var(--GR15) !important | ||
1534 | } | ||
1535 | |||
1536 | /* Calendar Name */ | ||
1537 | .P4Bbuf { color: var(--GR17) !important } | ||
1538 | |||
1539 | /* "Calendar cannot be shown" */ | ||
1540 | .JmmUXc .GEhdLd { color: var(--GR15) !important } | ||
1541 | |||
1542 | /* "Guest Permissions" */ | ||
1543 | .jfFyNc { color: var(--GR17) !important } | ||
1544 | |||
1545 | /* "Invite others" */ | ||
1546 | .YKMjTd { color: var(--GR15) !important } | ||
1547 | |||
1548 | /* Task "Add Description" */ | ||
1549 | .Qfwgwb { background: var(--GR4) !important } | ||
1550 | |||
1551 | /* Textarea */ | ||
1552 | .LV4Pme { color: var(--GR17) !important } | ||
1553 | .DuZZ2b { color: var(--GR12) !important } | ||
1554 | |||
1555 | /* Active Underline */ | ||
1556 | .FaGtTe { background: var(--GRSELECTED) !important } | ||
1557 | |||
1558 | /* Out of office "Decline message" label */ | ||
1559 | .yWwNAd { color: var(--GR12) !important } | ||
1560 | |||
1561 | /* Out of office Visibility Help Tooltip */ | ||
1562 | .EmURbc { background: var(--GR6) !important } | ||
1563 | |||
1564 | /* Out of office "Availability might be shown in other Google apps" */ | ||
1565 | .bZvvv { color: var(--GR12) !important } | ||
1566 | |||
1567 | /* Appointment slots duration row */ | ||
1568 | .FXZz0b { background: transparent !important } | ||
1569 | |||
1570 | /* "More options" Button */ | ||
1571 | .nYqxP { color: var(--GR17) !important } | ||
1572 | |||
1573 | .nYqxP:hover { color: var(--GR19) !important } | ||
1574 | |||
1575 | /* "Appointment Schedule" */ | ||
1576 | |||
1577 | /* "Create a booking page..." */ | ||
1578 | .u6mZZ { background: var(--GR8) !important } | ||
1579 | |||
1580 | /* Icon */ | ||
1581 | .u6mZZ .HyA7Fb { color: var(--GR17) !important } | ||
1582 | |||
1583 | /* Text */ | ||
1584 | .LmzXcf { color: var(--GR17) !important } | ||
1585 | |||
1586 | /* Underline */ | ||
1587 | .rTZHXe { background: var(--GR10) !important } | ||
1588 | |||
1589 | /* Description Text */ | ||
1590 | .Pf26K { color: var(--GR15) !important } | ||
1591 | |||
1592 | /* "Learn more" */ | ||
1593 | .nP8GJb { color: var(--GRSELECTED) !important } | ||
1594 | |||
1595 | .nP8GJb:focus, .nP8GJb:hover { color: var(--GR15) !important } | ||
1596 | |||
1597 | /* Conference Details */ | ||
1598 | |||
1599 | /* "More phone numbers" */ | ||
1600 | .sxQCwf { color: var(--GR17) !important } | ||
1601 | |||
1602 | .sxQCwf:focus, .sxQCwf:hover { color: var(--GR19) !important } | ||
1603 | |||
1604 | /* "Add live stream" Button */ | ||
1605 | .ifM7td { | ||
1606 | background: var(--GR8) !important; | ||
1607 | color: var(--GR17) !important | ||
1608 | } | ||
1609 | |||
1610 | .ifM7td:focus, .ifM7td:hover { | ||
1611 | background: var(--GR10) !important; | ||
1612 | color: var(--GR19) !important | ||
1613 | } | ||
1614 | |||
1615 | /* "Video Call Options" Dialog */ | ||
1616 | |||
1617 | /* Header */ | ||
1618 | .aAj7T { color: var(--GR17) !important } | ||
1619 | |||
1620 | /* Buttons */ | ||
1621 | .nCP5yc, /* "Save" */ | ||
1622 | .twhhs.s2r4Od .Fxmcue, /* "Add Google Meet video conferencing" */ | ||
1623 | .w1OTme, /* Join with Google Meet - Event Popover */ | ||
1624 | .uqM3cb /* Join with Google Meet - On Event Page */ | ||
1625 | { | ||
1626 | background: var(--GR10) !important; | ||
1627 | color: var(--GR17) !important; | ||
1628 | } | ||
1629 | |||
1630 | .nCP5yc:hover, | ||
1631 | .twhhs.s2r4Od .Fxmcue:hover, | ||
1632 | .w1OTme:hover, | ||
1633 | .uqM3cb:hover { | ||
1634 | color: var(--GR19) !important | ||
1635 | } | ||
1636 | |||
1637 | /* "Add Google Meet video conferencing" text */ | ||
1638 | .twhhs.s2r4Od .Fxmcue .snByac { color: inherit !important } | ||
1639 | |||
1640 | /* EDIT POPOVER */ | ||
1641 | |||
1642 | /* Task Title Input */ | ||
1643 | .cu6vzc .zHQkBf { color: var(--GR19) !important } | ||
1644 | |||
1645 | /* Task Time Row */ | ||
1646 | .AouyCd { background: transparent !important } | ||
1647 | |||
1648 | /* Text */ | ||
1649 | .agOyMd div.DN1TJ, .pdqVLc .DN1TJ { color: var(--GR17) !important } | ||
1650 | |||
1651 | /* CUSTOM RECURRENCE DIALOG */ | ||
1652 | |||
1653 | .I7OXgf { | ||
1654 | background: var(--GR6) !important; | ||
1655 | color: var(--GR17) !important | ||
1656 | } | ||
1657 | |||
1658 | /* "Repeat On" circles */ | ||
1659 | .IuSHYd { | ||
1660 | background: var(--GR4) !important; | ||
1661 | color: var(--GR17) !important; | ||
1662 | } | ||
1663 | |||
1664 | .IuSHYd:hover { background: var(--GR2) !important } | ||
1665 | |||
1666 | /* Selected */ | ||
1667 | .IuSHYd.N2RpBe { | ||
1668 | background: var(--GRSELECTED) !important; | ||
1669 | color: var(--GR4) !important; | ||
1670 | } | ||
1671 | |||
1672 | /* "Ends" radio buttons */ | ||
1673 | /* stylelint-disable-next-line @stylistic/max-line-length */ | ||
1674 | .kDzhGf .VfPpkd-gBXA9-bMcfAe:enabled:not(:checked) + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo { border-color: var(--GR12) !important } | ||
1675 | |||
1676 | /* Selected */ | ||
1677 | .kDzhGf .VfPpkd-gBXA9-bMcfAe:enabled:checked + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo, | ||
1678 | .kDzhGf .VfPpkd-gBXA9-bMcfAe:enabled + .VfPpkd-RsCWK .VfPpkd-Z5TpLc-LkdAo { | ||
1679 | border-color: var(--GRSELECTED) !important | ||
1680 | } | ||
1681 | |||
1682 | /* Occurences Row */ | ||
1683 | .M2lnFe { | ||
1684 | background: transparent !important; | ||
1685 | color: var(--GR17) !important; | ||
1686 | } | ||
1687 | |||
1688 | /* "Cancel" / "Done" Buttons */ | ||
1689 | .I7OXgf .UQuaGc { color: var(--GR17) !important } | ||
1690 | |||
1691 | .I7OXgf .UQuaGc:hover { color: var(--GR19) !important } | ||
1692 | |||
1693 | /* VIDEO CALL DIALOG */ | ||
1694 | |||
1695 | /* "Your event now includes Google Meet" */ | ||
1696 | .aDEC0d { color: var(--GR19) !important } | ||
1697 | |||
1698 | /* Content */ | ||
1699 | .Lr2sbd { color: var(--GR17) !important } | ||
1700 | |||
1701 | /* CREATE EVENT PAGE */ | ||
1702 | |||
1703 | .p9lUpf { background: var(--GR4) !important } | ||
1704 | |||
1705 | /* Checkboxes */ | ||
1706 | |||
1707 | .WefNYe .uVccjd, /* Settings Page */ | ||
1708 | .Lzfnue .uVccjd /* Trash Page */ | ||
1709 | { | ||
1710 | border-color: var(--GRSELECTED) !important | ||
1711 | } | ||
1712 | |||
1713 | |||
1714 | /* Checkmark */ | ||
1715 | .WefNYe .uVccjd .MbUTNc, | ||
1716 | .WefNYe .uVccjd .Ii6cVc, | ||
1717 | .Lzfnue .uVccjd .MbUTNc, | ||
1718 | .Lzfnue .uVccjd .Ii6cVc | ||
1719 | { | ||
1720 | border-color: var(--GR0) !important; | ||
1721 | color: var(--GR0) !important; | ||
1722 | } | ||
1723 | |||
1724 | /* Overrides for GCal themes to fix new checkbox */ | ||
1725 | .EGbRwd .VfPpkd-muHVFf-bMcfAe:enabled:checked ~ .VfPpkd-YQoJzd, | ||
1726 | .EGbRwd .VfPpkd-muHVFf-bMcfAe:enabled:indeterminate ~ .VfPpkd-YQoJzd, | ||
1727 | .EGbRwd .VfPpkd-muHVFf-bMcfAe[data-indeterminate="true"]:enabled ~ .VfPpkd-YQoJzd { | ||
1728 | background-color: var(--checkbox-color, var(--mdc-checkbox-selected-icon-color)); | ||
1729 | border-color: var(--checkbox-color, var(--mdc-checkbox-selected-icon-color)); | ||
1730 | } | ||
1731 | |||
1732 | /* Event Title */ | ||
1733 | |||
1734 | .WmnPA:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd { | ||
1735 | color: var(--GR18) !important; | ||
1736 | } | ||
1737 | |||
1738 | .WmnPA:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd::placeholder { | ||
1739 | color: var(--GR14) !important; | ||
1740 | } | ||
1741 | |||
1742 | /* Reset background */ | ||
1743 | /* stylelint-disable-next-line @stylistic/max-line-length */ | ||
1744 | .P5oTDb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me).P5oTDb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) { background: transparent !important } | ||
1745 | |||
1746 | /* "Save" button */ | ||
1747 | .Y5sE8d { | ||
1748 | background: var(--GRSELECTED) !important; | ||
1749 | color: var(--GR2) !important; | ||
1750 | } | ||
1751 | |||
1752 | .Y5sE8d:hover { background: var(--GR16) !important } | ||
1753 | |||
1754 | /* "More actions" Button */ | ||
1755 | .INBYpd { background: var(--GR3) !important } | ||
1756 | |||
1757 | /* Day/Week Toggle */ | ||
1758 | .uUivFb { | ||
1759 | border-color: var(--GR10) !important; | ||
1760 | color: var(--GR12) !important; | ||
1761 | } | ||
1762 | |||
1763 | /* Selected */ | ||
1764 | .wgAgQc[aria-checked="true"] .uUivFb { | ||
1765 | background: var(--GR8) !important; | ||
1766 | color: var(--GR17) !important; | ||
1767 | } | ||
1768 | |||
1769 | /* "All day" checkbox label */ | ||
1770 | .VfPpkd-I9GLp-yrriRe { color: var(--GR17) !important } | ||
1771 | |||
1772 | /* Little chevron arrows on dropdown toggles */ | ||
1773 | .CQwPTd { color: var(--GR14) !important } | ||
1774 | .e2CuFe.eU809d { border-color: var(--GR14) transparent !important } | ||
1775 | |||
1776 | /* Tabs ("Event Details", "Find a Time", "Guests") */ | ||
1777 | .WbUJNb .VfPpkd-jY41G-V67aGc { color: var(--GR14) !important } | ||
1778 | |||
1779 | /* Active */ | ||
1780 | .WbUJNb.VfPpkd-AznF2e-OWXEXe-auswjd .VfPpkd-jY41G-V67aGc { color: var(--GR17) !important } | ||
1781 | |||
1782 | /* Active Underline */ | ||
1783 | .WbUJNb.VfPpkd-AznF2e-OWXEXe-auswjd .VfPpkd-YVzG2b::before, | ||
1784 | .WbUJNb.VfPpkd-AznF2e-OWXEXe-auswjd .VfPpkd-YVzG2b::after { | ||
1785 | background-color: var(--GRSELECTED) !important | ||
1786 | } | ||
1787 | |||
1788 | .WbUJNb:active .VfPpkd-AznF2e-wEcVzc-OWXEXe-NowJzb, | ||
1789 | .rvBHac .VfPpkd-AznF2e-wEcVzc-OWXEXe-NowJzb { | ||
1790 | border-color: var(--GRSELECTED) !important | ||
1791 | } | ||
1792 | |||
1793 | /* Section Dividers */ | ||
1794 | .FYEgid .ubAIBb::before, | ||
1795 | .kHux5e::before{ | ||
1796 | border-top-color: var(--GR8) !important | ||
1797 | } | ||
1798 | |||
1799 | /* Backgrounds for events you've been invited to */ | ||
1800 | .sGOxme.W1ZWq, | ||
1801 | .DyOaYd, | ||
1802 | .DyOaYd.W1ZWq .lR3h6d { | ||
1803 | background-color: transparent !important; | ||
1804 | } | ||
1805 | |||
1806 | /* Appointments: "This calendar's appointment page" */ | ||
1807 | .cwu4dd { color: var(--GR17) !important } | ||
1808 | |||
1809 | .cwu4dd:focus, .cwu4dd:hover { color: var(--GR19) !important } | ||
1810 | |||
1811 | /* "Time zone" */ | ||
1812 | .nWBDde { color: var(--GR15) !important } | ||
1813 | |||
1814 | /* "Event time zone" modal */ | ||
1815 | .cC1eCc .VfPpkd-P5QLlc { background: var(--GR5) !important } | ||
1816 | |||
1817 | /* "Event time zone" title */ | ||
1818 | .cC1eCc .VfPpkd-k2Wrsb { color: var(--GR15) !important } | ||
1819 | |||
1820 | /* "Add location" */ | ||
1821 | .xlHPle .VfPpkd-fmcmS-yrriRe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) { | ||
1822 | background: var(--GR6) !important; | ||
1823 | } | ||
1824 | |||
1825 | /* Input */ | ||
1826 | .dgjdGd .xZFe0d.xZFe0d:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd { | ||
1827 | color: var(--GR17) !important; | ||
1828 | } | ||
1829 | |||
1830 | /* Input Placeholder */ | ||
1831 | .dgjdGd .xZFe0d.xZFe0d:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd::placeholder { | ||
1832 | color: var(--GR12) !important; | ||
1833 | } | ||
1834 | |||
1835 | /* Location Dropdown */ | ||
1836 | .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS { | ||
1837 | background: var(--GR6) !important; | ||
1838 | color: var(--GR15) !important; | ||
1839 | } | ||
1840 | |||
1841 | /* Pin Icon */ | ||
1842 | .TxnXxc .VfPpkd-StrnGf-rymPhb-f7MjDc { color: var(--GR17) !important } | ||
1843 | |||
1844 | /* Location Title */ | ||
1845 | .TxnXxc { color: var(--GR19) !important } | ||
1846 | |||
1847 | /* "Learn more about event visibility" when you don't own event */ | ||
1848 | .cB5rYc { color: var(--GR15) !important } | ||
1849 | |||
1850 | .cB5rYc:hover { color: var(--GRSELECTED) !important } | ||
1851 | |||
1852 | /* Notification "Before at" text */ | ||
1853 | .j3nyw { color: var(--GR17) !important } | ||
1854 | |||
1855 | /* "Add Notification" Button */ | ||
1856 | .rhtYVe .snByac { color: var(--GR17) !important } | ||
1857 | |||
1858 | /* Calendar Select */ | ||
1859 | .nBhvye { background: var(--GR6) !important } | ||
1860 | |||
1861 | /* Color Select */ | ||
1862 | :not(.DswEsf).nB7Rvb .AHbDKf { background: var(--GR6) !important } | ||
1863 | |||
1864 | /* "Add a label" Button */ | ||
1865 | .V8Yldb { color: var(--GR17) !important } | ||
1866 | |||
1867 | /* "Busy" status selector / "Default visibility" selector */ | ||
1868 | .hqBSCb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-TkwUic, | ||
1869 | /* "Before at" selector */ | ||
1870 | .WmnPA:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) | ||
1871 | { | ||
1872 | background: var(--GR6) !important; | ||
1873 | } | ||
1874 | |||
1875 | .h6n9p:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-uusGie-fmcmS, /* "Busy" label */ | ||
1876 | .hqBSCb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-uusGie-fmcmS /* "Visibility" label */ | ||
1877 | { | ||
1878 | color: var(--GR17) !important | ||
1879 | } | ||
1880 | |||
1881 | /* Little chevron arrows on dropdown toggles */ | ||
1882 | .VfPpkd-t08AT-Bz112c { fill: var(--GR14) !important } | ||
1883 | |||
1884 | /* "Learn more about event visibility" */ | ||
1885 | .HvbOJ { color: var(--GRSELECTED) !important } | ||
1886 | |||
1887 | .HvbOJ:focus, .HvbOJ:hover { color: var(--GR15) !important } | ||
1888 | |||
1889 | /* Description Textbox */ | ||
1890 | .DyOaYd { background: var(--GR6) !important } | ||
1891 | |||
1892 | /* Toolbar Dividers */ | ||
1893 | .PqAscf { border-color: var(--GR10) !important } | ||
1894 | |||
1895 | /* Toolbar Selected Button */ | ||
1896 | .Erb9le:not(.RDPZE) .qmMNRc.y7OZL { background: var(--GR4) !important } | ||
1897 | |||
1898 | /* Placeholder Text */ | ||
1899 | .lR3h6d .snByac { color: var(--GR12) !important } | ||
1900 | |||
1901 | /* File Attachment */ | ||
1902 | .PdReTd { color: var(--GR17) !important } | ||
1903 | |||
1904 | /* Links */ | ||
1905 | .lR3h6d .KRoqRc a { | ||
1906 | color: var(--GRSELECTED) !important; | ||
1907 | cursor: pointer !important; | ||
1908 | } | ||
1909 | |||
1910 | .lR3h6d .KRoqRc a:focus, .lR3h6d .KRoqRc a:hover { | ||
1911 | color: var(--GR15) !important; | ||
1912 | } | ||
1913 | |||
1914 | /* "Create meeting notes" */ | ||
1915 | .ICNC1e { border-color: var(--GR12) !important } | ||
1916 | |||
1917 | .ICNC1e:hover { border-color: var(--GR15) !important } | ||
1918 | |||
1919 | /* Icon */ | ||
1920 | .xgwQ2 { filter: invert(1) brightness(2) } | ||
1921 | |||
1922 | /* Text */ | ||
1923 | .DTJQTb { color: var(--GR15) !important } | ||
1924 | |||
1925 | /* "Document will be created and shared with all guests" */ | ||
1926 | .G8mFee { color: var(--GR15) !important } | ||
1927 | |||
1928 | /* "Calendar cannot be shown" message */ | ||
1929 | .srd2n { color: var(--GR15) !important } | ||
1930 | |||
1931 | /* "RSVP: Yes" selector */ | ||
1932 | .lUmaj { background: var(--GR6) !important } | ||
1933 | |||
1934 | .lUmaj .c7fp5b { color: var(--GR16) !important } | ||
1935 | |||
1936 | /* "Guests Can" */ | ||
1937 | .hGcgEd { color: var(--GR17) !important } | ||
1938 | |||
1939 | /* "Find a time" button */ | ||
1940 | .A9M8Me:not(.Y5sE8d) { color: var(--GR17) !important } | ||
1941 | |||
1942 | .A9M8Me:not(.Y5sE8d):hover { color: var(--GR19) !important } | ||
1943 | |||
1944 | /* "Find a Time" date range */ | ||
1945 | .oPF3Ce { color: var(--GR17) !important } | ||
1946 | |||
1947 | /* Rooms Icon Row */ | ||
1948 | .qTH1m { background: transparent !important } | ||
1949 | |||
1950 | /* Placeholder */ | ||
1951 | .bojM1c { color: var(--GR12) !important } | ||
1952 | |||
1953 | /* Rooms Search Results */ | ||
1954 | .pwzJje { border-color: var(--GR10) !important } | ||
1955 | |||
1956 | /* Event Tooltip on Hover */ | ||
1957 | .VmTz5c { | ||
1958 | background: var(--GR6) !important; | ||
1959 | color: var(--GR17) !important; | ||
1960 | } | ||
1961 | |||
1962 | /* "Calendar cannot be shown" */ | ||
1963 | .GEhdLd, /* Text */ | ||
1964 | .EmURbc /* Help Popup Text */ | ||
1965 | { | ||
1966 | color: var(--GR17) | ||
1967 | } | ||
1968 | |||
1969 | /* "FIND A TIME" AREA */ | ||
1970 | |||
1971 | /* Header */ | ||
1972 | .TxuuLc { | ||
1973 | background: var(--GR4) !important; | ||
1974 | border-color: var(--GR10) !important; | ||
1975 | color: var(--GR17) !important; | ||
1976 | } | ||
1977 | |||
1978 | /* Left Sidebar */ | ||
1979 | .eQHds { border-color: var(--GR4) !important } | ||
1980 | |||
1981 | /* Text */ | ||
1982 | .yP0bV { color: var(--GR17) !important } | ||
1983 | |||
1984 | /* Proposal Time Row */ | ||
1985 | .qrLqp .SmCjzc { background: transparent !important } | ||
1986 | |||
1987 | /* Calendar */ | ||
1988 | |||
1989 | /* Header */ | ||
1990 | .Xo3rO { border-color: var(--GR8) !important } | ||
1991 | |||
1992 | /* Outside of work week area */ | ||
1993 | .SJbruc { background: var(--GR3) !important } | ||
1994 | |||
1995 | /* Find a time block */ | ||
1996 | .BoaG2d { | ||
1997 | background-color: var(--GR19) !important; | ||
1998 | border-color: var(--GR19) !important | ||
1999 | } | ||
2000 | |||
2001 | /* SETTINGS */ | ||
2002 | |||
2003 | /* Sidebar */ | ||
2004 | .xWId8e { background: var(--GR2) !important } | ||
2005 | |||
2006 | /* Current Page Highlight */ | ||
2007 | .cAYGed.KKjvXb .Ioup7e, .cAYGed.KKjvXb .BMQm1d { background: var(--GR6) !important } | ||
2008 | |||
2009 | /* Breadcrumb */ | ||
2010 | .DaQ2rc::before { background: var(--GR6) !important } | ||
2011 | |||
2012 | /* Breadcrumb Active */ | ||
2013 | .DaQ2rc.KKjvXb .Oxnkef { border-color: var(--GRSELECTED) !important } | ||
2014 | |||
2015 | /* Category */ | ||
2016 | .nxPHec { color: var(--GR10) !important } | ||
2017 | |||
2018 | /* Scroll Indicator (Left) */ | ||
2019 | .a0xMze.T8M5bd::after { | ||
2020 | background-image: linear-gradient(to left, rgba(0, 0, 0, 0), var(--GR8)) !important; | ||
2021 | } | ||
2022 | |||
2023 | /* Sections */ | ||
2024 | .MDfQ7 { | ||
2025 | background: transparent !important; | ||
2026 | color: var(--GR17) !important; | ||
2027 | } | ||
2028 | |||
2029 | /* Title */ | ||
2030 | .O1gyfd { color: var(--GR17) !important } | ||
2031 | |||
2032 | /* Select Field Labels */ | ||
2033 | .LGMdbc { color: var(--GR12) !important } | ||
2034 | |||
2035 | /* Browse calendars of interest */ | ||
2036 | |||
2037 | /* Row */ | ||
2038 | .jxUZDd { border-color: var(--GR8) !important } | ||
2039 | |||
2040 | .jxUZDd:hover { background: var(--GR2) !important } | ||
2041 | |||
2042 | /* Row label */ | ||
2043 | .Ccr7Rb { color: var(--GR12) !important } | ||
2044 | |||
2045 | /* Working Hours */ | ||
2046 | |||
2047 | /* "To" block */ | ||
2048 | .VLl48b { background: transparent !important } | ||
2049 | |||
2050 | /* TRASH */ | ||
2051 | |||
2052 | /* Sidebar */ | ||
2053 | .pljXM { background: transparent !important } | ||
2054 | |||
2055 | /* Calendar Header */ | ||
2056 | .aDCdzb { color: var(--GR10) !important } | ||
2057 | |||
2058 | /* Selected Calendar */ | ||
2059 | .LOewLb.KKjvXb { background: var(--GR6) !important } | ||
2060 | |||
2061 | /* Lister */ | ||
2062 | .NekIXe, .Lzfnue { background: transparent !important } | ||
2063 | |||
2064 | /* Table Headers */ | ||
2065 | .M1ZIGd { color: var(--GR17) !important } | ||
2066 | |||
2067 | /* Content */ | ||
2068 | .ETUnje > * { color: var(--GR15) !important } | ||
2069 | |||
2070 | /* Row Hover */ | ||
2071 | .v9Riof:hover, .ETUnje:hover { background: var(--GR4) !important } | ||
2072 | .ETUnje { border-color: var(--GR6) !important } | ||
2073 | |||
2074 | /* EMBEDDED IFRAME SIDEBAR INSIDE GMAIL */ | ||
2075 | |||
2076 | /* Header Titles */ | ||
2077 | .ccLsFc { color: var(--GR17) !important } | ||
2078 | |||
2079 | /* Header Dividers */ | ||
2080 | .cOoA8d, .cBs4Te { border-color: var(--GR10) !important } | ||
2081 | |||
2082 | /* Header "..." Menu Selected Option */ | ||
2083 | .e3odF { background: var(--GR10) !important } | ||
2084 | |||
2085 | /* Create Event Popover */ | ||
2086 | |||
2087 | /* Header */ | ||
2088 | .Bofavf { | ||
2089 | background: var(--GR4) !important; | ||
2090 | box-shadow: inset 0 1px 0 var(--GR12) !important; | ||
2091 | } | ||
2092 | |||
2093 | /* "Add Title" */ | ||
2094 | .XTHi9c .snByac { color: var(--GR15) !important } | ||
2095 | |||
2096 | /* Title */ | ||
2097 | .XTHi9c .zHQkBf { color: var(--GR19) !important } | ||
2098 | |||
2099 | /* Section Dividers */ | ||
2100 | .Od6NEf, .IFQP9d, .iofSlf, .Da8wwf { border-color: var(--GR10) !important } | ||
2101 | |||
2102 | /* "Add Google Meet video conferencing" */ | ||
2103 | .oYdi4d .FAE19b .snByac { color: var(--GR15) !important } | ||
2104 | |||
2105 | /* "Join with Google Meet" */ | ||
2106 | .Q30cfe { color: var(--GR19) !important } | ||