aboutsummaryrefslogtreecommitdiffstats
path: root/recipes
diff options
context:
space:
mode:
Diffstat (limited to 'recipes')
-rw-r--r--recipes/bluesky/icon.svg11
-rw-r--r--recipes/bluesky/package.json2
-rw-r--r--recipes/discord/index.js3
-rw-r--r--recipes/discord/package.json2
-rw-r--r--recipes/github/package.json2
-rw-r--r--recipes/github/webview.js2
-rw-r--r--recipes/google-calendar/darkmode.css2306
-rw-r--r--recipes/google-calendar/package.json2
-rw-r--r--recipes/invoice-ninja/package.json6
9 files changed, 2109 insertions, 227 deletions
diff --git a/recipes/bluesky/icon.svg b/recipes/bluesky/icon.svg
index 7f2f6c5..208ceef 100644
--- a/recipes/bluesky/icon.svg
+++ b/recipes/bluesky/icon.svg
@@ -1,9 +1,4 @@
1<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"> 1<?xml version="1.0" encoding="UTF-8"?>
2 <defs> 2<svg fill="none" version="1.1" viewBox="0 0 568 568" xmlns="http://www.w3.org/2000/svg">
3 <linearGradient id="gradient" x1="0" y1="0" x2="0" y2="1"> 3 <path d="m123.12 63.664c65.12 48.888 135.16 148.02 160.88 201.21 25.719-53.192 95.759-152.32 160.88-201.21 46.987-35.276 123.12-62.57 123.12 24.282 0 17.346-9.945 145.71-15.778 166.55-20.275 72.453-94.155 90.933-159.88 79.748 114.88 19.551 144.1 84.311 80.986 149.07-119.86 122.99-172.27-30.859-185.7-70.281-2.462-7.227-3.614-10.608-3.631-7.733-0.017-2.875-1.169 0.506-3.631 7.733-13.43 39.422-65.842 193.27-185.7 70.281-63.111-64.76-33.889-129.52 80.986-149.07-65.72 11.185-139.6-7.295-159.88-79.748-5.833-20.842-15.778-149.21-15.778-166.55 0-86.852 76.134-59.558 123.12-24.282z" fill="#1185fe"/>
4 <stop offset="0" style="stop-color:#0062fe"/>
5 <stop offset="1" style="stop-color:#008ffe"/>
6 </linearGradient>
7 </defs>
8 <rect x="0" y="0" width="24" height="24" rx="5" ry="5" style="fill:url(#gradient)"/>
9</svg> 4</svg>
diff --git a/recipes/bluesky/package.json b/recipes/bluesky/package.json
index 1680947..679bff6 100644
--- a/recipes/bluesky/package.json
+++ b/recipes/bluesky/package.json
@@ -1,7 +1,7 @@
1{ 1{
2 "id": "bluesky", 2 "id": "bluesky",
3 "name": "Bluesky", 3 "name": "Bluesky",
4 "version": "1.1.3", 4 "version": "1.1.4",
5 "license": "MIT", 5 "license": "MIT",
6 "config": { 6 "config": {
7 "serviceURL": "https://bsky.app/" 7 "serviceURL": "https://bsky.app/"
diff --git a/recipes/discord/index.js b/recipes/discord/index.js
index e47dd76..3a3a810 100644
--- a/recipes/discord/index.js
+++ b/recipes/discord/index.js
@@ -5,6 +5,7 @@ module.exports = Ferdium =>
5 .replace('(KHTML, like Gecko)', '(KHTML, like Gecko) discord/0.0.250') 5 .replace('(KHTML, like Gecko)', '(KHTML, like Gecko) discord/0.0.250')
6 .replace('Electron', 'Discord') 6 .replace('Electron', 'Discord')
7 .replace('Ferdium', 'Discord') 7 .replace('Ferdium', 'Discord')
8 .replace('Apple Mac OS X', 'Intel Mac OS X'); 8 .replace('Apple Mac OS X', 'Intel Mac OS X')
9 .replace('Apple macOS', 'Intel Mac OS X');
9 } 10 }
10 }; 11 };
diff --git a/recipes/discord/package.json b/recipes/discord/package.json
index 90679fa..4c8db24 100644
--- a/recipes/discord/package.json
+++ b/recipes/discord/package.json
@@ -1,7 +1,7 @@
1{ 1{
2 "id": "discord", 2 "id": "discord",
3 "name": "Discord", 3 "name": "Discord",
4 "version": "1.8.4", 4 "version": "1.8.5",
5 "license": "MIT", 5 "license": "MIT",
6 "config": { 6 "config": {
7 "serviceURL": "https://discord.com/app", 7 "serviceURL": "https://discord.com/app",
diff --git a/recipes/github/package.json b/recipes/github/package.json
index 6d843a0..aff7a5e 100644
--- a/recipes/github/package.json
+++ b/recipes/github/package.json
@@ -1,7 +1,7 @@
1{ 1{
2 "id": "github", 2 "id": "github",
3 "name": "GitHub", 3 "name": "GitHub",
4 "version": "2.6.4", 4 "version": "2.6.5",
5 "license": "MIT", 5 "license": "MIT",
6 "config": { 6 "config": {
7 "serviceURL": "https://github.com/notifications", 7 "serviceURL": "https://github.com/notifications",
diff --git a/recipes/github/webview.js b/recipes/github/webview.js
index 269dd90..c070fc0 100644
--- a/recipes/github/webview.js
+++ b/recipes/github/webview.js
@@ -11,7 +11,7 @@ module.exports = Ferdium => {
11 ?.textContent?.match(/\d+/); 11 ?.textContent?.match(/\d+/);
12 Ferdium.setBadge( 12 Ferdium.setBadge(
13 Ferdium.safeParseInt( 13 Ferdium.safeParseInt(
14 document.querySelector('.filter-list.js-notification-inboxes .count') 14 document.querySelector('li[data-item-id="inbox"] .Counter')
15 ?.textContent, 15 ?.textContent,
16 ) + Ferdium.safeParseInt(newCountMatch ? newCountMatch[0] : 0), 16 ) + Ferdium.safeParseInt(newCountMatch ? newCountMatch[0] : 0),
17 document.querySelectorAll( 17 document.querySelectorAll(
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
3html {
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 }
179img, 828
180svg, 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 }
diff --git a/recipes/google-calendar/package.json b/recipes/google-calendar/package.json
index a9c8b35..1911676 100644
--- a/recipes/google-calendar/package.json
+++ b/recipes/google-calendar/package.json
@@ -1,7 +1,7 @@
1{ 1{
2 "id": "google-calendar", 2 "id": "google-calendar",
3 "name": "Google Calendar", 3 "name": "Google Calendar",
4 "version": "2.4.2", 4 "version": "2.4.3",
5 "license": "MIT", 5 "license": "MIT",
6 "aliases": [ 6 "aliases": [
7 "google-calendar", 7 "google-calendar",
diff --git a/recipes/invoice-ninja/package.json b/recipes/invoice-ninja/package.json
index c75d27a..d7f21ac 100644
--- a/recipes/invoice-ninja/package.json
+++ b/recipes/invoice-ninja/package.json
@@ -1,9 +1,11 @@
1{ 1{
2 "id": "invoice-ninja", 2 "id": "invoice-ninja",
3 "name": "Invoice Ninja", 3 "name": "Invoice Ninja",
4 "version": "1.0.1", 4 "version": "1.1.0",
5 "license": "MIT", 5 "license": "MIT",
6 "config": { 6 "config": {
7 "serviceURL": "https://invoicing.co/#/" 7 "serviceURL": "https://invoicing.co/#/",
8 "hasHostedOption": true,
9 "hasCustomUrl": true
8 } 10 }
9} 11}