From f8c065734130957a80dc3abc241f5cac8ff2c4c7 Mon Sep 17 00:00:00 2001 From: Herculino Trotta Date: Wed, 21 Aug 2024 13:08:27 -0300 Subject: [PATCH] Improve google-calendar's darkmode styling (#575) * Update darkmode.css This styling is copied from https://github.com/EvHaus/google-redesigned for Stylus extension Original credits maintained * Update package.json --- recipes/google-calendar/darkmode.css | 2306 +++++++++++++++++++++++--- recipes/google-calendar/package.json | 2 +- 2 files changed, 2096 insertions(+), 212 deletions(-) diff --git a/recipes/google-calendar/darkmode.css b/recipes/google-calendar/darkmode.css index aab4f782b..e6359ab09 100644 --- a/recipes/google-calendar/darkmode.css +++ b/recipes/google-calendar/darkmode.css @@ -1,222 +1,2106 @@ -/* Copied from: https://github.com/ducfilan/Dark-mode-Franz-Ferdi */ +/* +@name Google Calendar Redesigned (Dark Mode) +@namespace Globex Designs, Inc. +@version 20240706.0.1 +@homepageURL https://github.com/EvHaus/google-redesigned +@updateURL https://raw.githubusercontent.com/EvHaus/google-redesigned/master/css/calendar.user.css +@license CC-BY-4.0 +@author Globex Designs, Inc. +*/ -html { - -webkit-filter: invert(90%) hue-rotate(180deg) !important; - filter: invert(90%) hue-rotate(180deg) !important; - background: #191919 !important; -} -.CflnFb { - background-color: #7b96c1 !important; - filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) - contrast(105%) !important; - color: #fff !important; +/* COLOR PALETTE */ + + /* stylelint-disable color-no-hex */ + +:root { + --GRSELECTED: #fb0; + --SCROLLBAR: #2d3236; + --GR0: #0f1112; + --GR1: #1e2224; + --GR2: #1e2224; + --GR3: #252a2d; + --GR4: #2d3236; + --GR5: #343a3f; + --GR6: #3b4348; + --GR7: #434b51; + --GR8: #4a535a; + --GR9: #515b62; + --GR10: #606970; + --GR11: #70787e; + --GR12: #80878c; + --GR13: #90969b; + --GR14: #a0a5a9; + --GR15: #afb4b7; + --GR16: #bfc3c5; + --GR17: #cfd2d4; + --GR18: #dfe1e2; + --GR19: #eff0f0; } +:root { + /* Google Theme Overrides */ + + /* Dropdown Menus */ + --mdc-theme-surface: var(--GR6); + --mdc-theme-on-surface: var(--GR17); + + /* Dropdown/Select Buttons */ + --textfield-surface: var(--GR6); + } + /* stylelint-enable color-no-hex */ + + /* GLOBAL */ + + body { background: var(--GR0) !important } + + /* SCROLL BARS */ -.h5t3Nc .GrK4Mb, -.h5t3Nc .hVDHke, -.h5t3Nc .l7VQxb, -.h5t3Nc .zP0T0b, -.h5t3Nc .qNixLe { - background-color: #c9c9c9; - border-color: #fff; -} + ::-webkit-scrollbar-thumb, /* Common Scroll Bar */ + .mDPmMe::-webkit-scrollbar-thumb, /* Calendar Scroll Bar */ + .WefNYe::-webkit-scrollbar-thumb /* Settings Page Scroll Bar */ + { + background: var(--SCROLLBAR); + border: none; + } -.lq96Td { - background-color: #003e3a !important; - color: #fff !important; - filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) - contrast(105%) !important; -} + /* Scroll Bar Hover */ + ::-webkit-scrollbar-thumb:hover, .mDPmMe::-webkit-scrollbar-thumb:hover, .WefNYe::-webkit-scrollbar-thumb:hover { + background: hsl(from var(--SCROLLBAR) h s l / 0.8); + } + + /* Scroll Bar Clicked */ + ::-webkit-scrollbar-thumb:active, .mDPmMe::-webkit-scrollbar-thumb:active, .WefNYe::-webkit-scrollbar-thumb:active { + background: hsl(from var(--SCROLLBAR) h s l / 0.7); + } + + /* ICONS */ + + #gb svg, /* Header Icons */ + .ec9Aq, /* Header Search Icon */ + .JJyfjc, /* Header Arrow Icons */ + .xmVoP, /* Header "2 weeks" Button Arrow */ + .IOr5M, /* Mini Calendar Arrow Icons */ + .gb_ne.gb_oe button svg, /* Header Search Icons */ + .OkcShb, /* Sidebar > "Search for people" */ + .K2mXPb, /* Sidebar > "+" */ + .xJ65bd, /* Event Popover Header */ + .d29e1c, /* Event Popover Three Dots */ + .cjq2Db, /* Event Popover Close */ + .HfYfLe svg, /* Event Popover Icons */ + .q7aeG svg, /* Event Popover (Close Icon) */ + .pdqVLc .meh4fc, /* Event Popover Icons "Calendar Icon" */ + .pdqVLc .meh4fc svg, /* Event Popover Icons "Take Meeting notes" */ + .qau86b, /* Event Popover Footer Arrow Icon */ + .Mz3isd .EaVNbc, /* Task Popover Icons */ + .hUFQnd, /* Task Popover Edit Icons */ + .ElLe3, /* Task Popover Popover Edit (Delete) */ + .CLcwNd, /* Task Popover Popover Edit (Close) */ + .Lc04pd, /* Event Popover - Guests Camera Icon */ + .urWhWe .Ce1Y1c, /* Working Location Popover */ + .kMp0We .DPvwYc, /* Event Popover Rows */ + .ydqcTb, /* Create Event Popover Icons */ + .aStPEd, /* Create Event Popover Out of Office Visibility Help Icon */ + .BA2P7d, /* Create Event Popover Appointment Schedule */ + .GjP4J, /* Create Event Page Location/Conferencing */ + .uSx8Od, /* Create Event Page Calendar */ + .COICyc, /* Create Page RTE Toolbar "Add Attachment" Icon */ + .fKz7Od, /* Create Page RTE Toolbar Icons */ + .jZasib, /* Create Page RTE Toolbar Attachment Icon */ + .SlHBnb, /* Create Page Rooms Search */ + .HHHDef, /* Create Page > Guests > Optional Attendee */ + .nFP92b, /* Confirmation Modal > Question Icon */ + .rF3YF svg /* Trash Row Hover */ + { + color: var(--GR17) !important; + fill: var(--GR17) !important; + } + + .OQPTvb /* Header "Help" Icon */ + { + filter: invert(1) !important; + } + + /* CHECKBOXES */ + +/* // popover + VfPpkd-MPu53c VfPpkd-MPu53c-OWXEXe-dgl2Hf Ne8lhe swXlm az2ine Skhfgc jYH2Te VfPpkd-MPu53c-OWXEXe-mWPk3d + + // edit + VfPpkd-MPu53c VfPpkd-MPu53c-OWXEXe-dgl2Hf Ne8lhe swXlm az2ine wimXt VfPpkd-MPu53c-OWXEXe-mWPk3d + + // calendars + VfPpkd-MPu53c VfPpkd-MPu53c-OWXEXe-gk6SMd Ne8lhe swXlm az2ine iIJNvc d7WT8c VfPpkd-MPu53c-OWXEXe-mWPk3d */ + + /* The ":not" clause ensures calendar sidebar options aren't targetted */ + .VfPpkd-MPu53c-OWXEXe-dgl2Hf > .VfPpkd-YQoJzd { + --mdc-checkbox-unselected-icon-color: var(--GR12); + --mdc-checkbox-unselected-focus-icon-color: var(--GR15); + --mdc-checkbox-unselected-hover-icon-color: var(--GR15); + --mdc-checkbox-unselected-pressed-icon-color: var(--GR16); + --mdc-checkbox-selected-icon-color: var(--GRSELECTED); + --mdc-checkbox-selected-focus-icon-color: var(--GR15); + --mdc-checkbox-selected-hover-icon-color: var(--GR17); + --mdc-checkbox-selected-checkmark-color: var(--GR0); + + /* Popover checkboxes */ + --mdc-checkbox-selected-hover-state-layer-color: var(--GRSELECTED); + } + + /* HEADER */ + + /* Google keeps changing the class name for the header, so + * to prevent it from breaking. This specific descended + * selector is used */ + header > div { + background: var(--GR4) !important; + color: var(--GR17) !important; + } + + /* "Calendar" */ + .gb_4d { color: var(--GR17) !important } + + /* Square Buttons ("Today", "Week"/"Agenda"/etc..., "More Insights") */ + .Rj2Mlf:not(:disabled) { + border-color: var(--GR8) !important; + color: var(--GR17) !important; + } + + /* Circle Button Hover */ + .rF3YF:hover { background-color: var(--GR7) !important } + + /* "Calendar" title */ + .gb_1c .gb_ge { color: var(--GR17) !important } + + /* Calendar Range */ + .UyW9db { color: var(--GR17) !important } + + /* Calendar/Task Toggle */ + .KSkz4b.KSkz4b, + .xg1yEb.xg1yEb { + border-color: var(--GR8) !important; + } + + body[data-viewfamily="TASKS"] .xg1yEb, + .KSkz4b.KSkz4b { + --gm3-icon-button-filled-focus-icon-color: var(--GR14); + --gm3-icon-button-filled-hover-icon-color: var(--GR14); + --gm3-icon-button-filled-hover-state-layer-color: var(--GR14); + --gm3-icon-button-filled-icon-color: var(--GR14); + --gm3-icon-button-filled-pressed-icon-color: var(--GR14); + } + + /* Selected */ + .xg1yEb.xg1yEb, + body[data-viewfamily="TASKS"] .KSkz4b { + --gm3-icon-button-filled-container-color: var(--GR7); + --gm3-icon-button-filled-focus-icon-color: var(--GRSELECTED); + --gm3-icon-button-filled-hover-icon-color: var(--GRSELECTED); + --gm3-icon-button-filled-hover-state-layer-color: var(--GRSELECTED); + --gm3-icon-button-filled-icon-color: var(--GRSELECTED); + --gm3-icon-button-filled-pressed-icon-color: var(--GRSELECTED); + } + + /* GENERIC DROPDOWNS */ + + /* Body */ + .JPdR6b, .YgKUfd { background: var(--GR6) !important } + + /* Row Text */ + .OwNvm, + .r6B9Fd .VfPpkd-rymPhb-L8ivfd-fmcmS, /* Create Page > "Going?" Dropdown */ + .r6B9Fd .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c .VfPpkd-rymPhb-KkROqb, /* Going? > Yes Dropdown > Icons */ + .VfPpkd-rymPhb-fpDzbe-fmcmS /* Create Event > "Busy" */ + { + color: var(--GR17) !important + } + + /* Separator */ + .Iz6QOc { background: var(--GR10) !important } + + /* Keyboard Shortcut Key */ + .q6oraf .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-IhFlZd { + color: var(--GR12) !important + } + + /* Selected Row */ + .s8kOBc .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd, + .OfXTCc.KKjvXb { + background: var(--GR8) !important + } + + /* Row Hover */ + .OwNvm:hover, + .z80M1:hover /* Create Page > "Going?" Dropdown */ + { + background: var(--GR8) !important; + color: var(--GR19) !important; + } + + /* Checkmark Icon */ + .OwNvm .VfPpkd-StrnGf-rymPhb-f7MjDc { color: var(--GR17) !important } + + /* SEARCH HEADER */ + + /* "Search" header title */ + .NkK3Fc span[role="heading"] { + color: var(--GR17) !important; + } + + /* Input Wrapper Focused */ + .gb_Zd { background: var(--GR6) !important } + + /* Input */ + .gb_Zd input { color: var(--GR16) !important } + .gb_Zd input::placeholder { color: var(--GR12) !important } + + /* "No recent items match your search" */ + .gsan_a { color: var(--GR16) !important } + + /* Search Options Dropdown */ + .BYXlo { + background: var(--GR6) !important; + color: var(--GR17) !important; + } + + /* SEARCH DROPDOWN */ + + .gssb_e { + background: var(--GR6) !important; + border-color: var(--GR8) !important; + } + + /* Row */ + .gssb_m { + background: transparent !important; + color: var(--GR17) !important; + } + + /* Row Color */ + .asor_x { color: var(--GR17) !important } + + /* Row Hover */ + .gssb_i { + background: var(--GR8) !important; + cursor: pointer; + } + + /* Group Separator */ + .gssb_l { background: var(--GR8) !important } + + /* Row Details */ + .gstq_c, .asor_e { color: var(--GR15) !important } + + /* SEARCH RESULTS PAGE */ + + /* Left-side border */ + .Gxjp0b { border-color: var(--GR8) !important } + + /* Row */ + .OVSqWe { border-bottom-color: var(--GR8) !important } + + /* Row Text */ + .ryakYc { color: var(--GR17) !important } + + /* Past Event */ + .ryakYc.UflSff { color: var(--GR14) !important } -.GooADb { - color: #9dceff !important; - text-shadow: 0 0 #404040 !important; -} + /* Day number */ + .H3yh2e { color: var(--GR17) !important } -.bJZIjf.qs41qe { - opacity: 0.3; -} + /* Month & Year */ + .bf2t7b { color: var(--GR13) !important } + + /* MAIN CONTENT */ + + .SGWAac { border-color: var(--GR6) !important } + + /* LEFT SIDEBAR */ -#gb a.gb_ja, -#gb a.gb_ja:visited, -#gb a.gb_ja:active, -#gb a.gb_ka, -#gb a.gb_ka:visited { - color: rgba(255, 255, 255, 0.87) !important; - text-decoration: none !important; - background-color: #000 !important; -} + .QQYuzf { background: var(--GR2) !important } + + /* Weird line */ + .hEtGGf::after { display: none !important } + + /* Create Button */ + .buGMKc { background: var(--GR6) !important } + + /* Text */ + .mr0WL { color: var(--GR17) !important } + + /* Dropdown Text */ + .z80M1 { color: var(--GR17) !important } + + /* MINI CALENDAR */ + + /* Month */ + .mkaajd { color: var(--GR17) !important } + + /* Day of the Week */ + .k50Dh, .f1QMue, .IOneve { color: var(--GR14) !important } + + /* Day Circle */ + .p6vobf .sOjuj { background: var(--GR1) !important } + + .p6vobf .sOjuj:hover { background: var(--GR7) !important } + + /* Day (out of month) */ + .q2d9Ze .sOjuj { color: var(--GR10) !important } + + /* Day (in month) */ + .sOjuj, /* In Sidebar */ + .pWJCO .r4nke /* In Create Event Popover */ + { + color: var(--GR15) !important + } + + /* Day (selected) */ + .pWJCO .sOjuj { + background-color: var(--GR6) !important; + color: var(--GRSELECTED) !important + } + + /* Day (today) */ + .TUH0Sd.TUH0Sd .r4nke { + background: var(--GRSELECTED) !important; + color: var(--GR1) !important + } + + /* Week Numbers (if enabled via settings) */ + .f1QMue.m1fiJb { + background-color: var(--GR4) !important; + border-color: var(--GR5) !important; + color: var(--GR12) !important; + } + + /* Mini Calendar in Create Event Popover that appears when you select a date */ + + /* Rows */ + .IOneve::before { background: transparent !important } + + /* WORLD CLOCK */ + + /* Text */ + .IAQE3d { color: var(--GR15) !important } + + /* Background (when event is selected) */ + .Az5uJd.RLj2u { background: var(--GR4) !important } + + + /* MEET WITH */ + + /* "Meet with" */ + .fWMZdd { color: var(--GR12) !important } + + /* Selected Person Pill */ + .cnTo8e.FYQzvb::before { background: var(--GR4) !important } + + /* Avatar */ + + /* Circle */ + .EzBbpc path[fill="#E0E0E0"] { fill: var(--GR0) !important } + + /* Person Icon */ + .EzBbpc path[fill="#BDBDBD"] { fill: var(--GR12) !important } + + /* Remove Icon */ + .RpN9Ve { color: var(--GR17) !important } + + .RpN9Ve:hover { background: var(--GR10) !important } + + /* SEARCH FOR PEOPLE */ + + /* Input Wrapper */ + .ULpymb { background: var(--GR6) !important } + + /* Input */ + .ULpymb .zHQkBf { color: var(--GR17) !important } + + /* Input Placeholder */ + .g1NEYe { color: var(--GR12) !important } + + /* Input Focus Animated Underline */ + .OabDMe { background: var(--GRSELECTED) !important } + + /* Search Results Dropdown */ + .OFaVze { + background: var(--GR6) !important; + color: var(--GR17) !important; + } + + /* Rows / Row */ + .pIQtMd, .AZW99 { background: transparent !important } + + /* Row Name Text */ + .PNwDub { color: var(--GR19) !important } + + /* Row Email Text */ + .G1zVib { color: var(--GR17) !important } + + /* Row Hover */ + .AZW99:hover { + background: var(--GR8) !important; + cursor: pointer; + } + + /* INSIGHTS */ + + /* "Time Insights" Header */ + .ukir3 .snByac { color: var(--GR12) !important } + + /* Collapsed > Icon */ + .pjK1ke .bLefdf { background: var(--GR6) !important } + + /* Week Date */ + .NCyou { color: var(--GR15) !important } + + /* "x hr in meetings (avg: x hr) */ + .WPEztb { color: var(--GR17) !important } + + /* Popover */ + .VIpVYd { color: var(--GR17) !important } + + /* Titles */ + .zluh2c { color: var(--GR19) !important } + + /* "More insights" Button */ + .b3e6Tb { + background: var(--GR4) !important; + border-color: var(--GR8) !important; + } + + .b3e6Tb:hover { background: var(--GR6) !important } + + /* Label */ + .l3F1ye { color: var(--GR17) !important } + + /* CALENDARS */ + + /* "Time Insights" */ + .qADfd { color: var(--GR12) !important } + + /* Calendars Group Title ("My calendars") */ + .o8t45d { color: var(--GR12) !important } + + /* Calendar Name */ + .toUqff { color: var(--GR17) !important } + + /* Color Box Center */ + .uHMk6b { border-color: var(--GR2) !important } + + /* DAY VIEW */ + + /* Body */ + .OCQPo { background: transparent !important } + + /* Day Abbr. */ + .qAeuG.F262Ye { color: var(--GRSELECTED) !important } + + /* Day Number Circle */ + .KSxb4d.F262Ye { + background: var(--GR7) !important; + color: var(--GR19) !important; + } + + /* Calendar Author */ + .mdzkGf { color: var(--GR15) !important } + + /* Scroll Indicator (Left) */ + .T8M5bd .sx5BGe::before, + .SGFqbe.T8M5bd .lqYlwe::before, /* 2024-02 Update */ + .oXZ1yb.T8M5bd .lqYlwe::before /* 2024-05 Update */ + { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0), var(--GR5)) !important; + } + + /* Scroll Indicator (Right) */ + .T8M5bd .qmFsL::after, + .SGFqbe.T8M5bd .uEzZIb::after, /* 2024-02 Update */ + .oXZ1yb.T8M5bd .uEzZIb::after /* 2024-05 Update */ + { + background-image: linear-gradient(to left, var(--GR5), rgba(0, 0, 0, 0)) !important; + } + + /* Time Column */ + .GENA3c, + .R6TFwe /* 2024-02 Update */ + { + background: transparent !important + } + + /* Text */ + .pCoqfc, .MANBAf { color: var(--GR12) !important } + + /* Timezone Label ("GMT-08") */ + .Gk2izd, + .sS0sZd /* 2024-02 Update */ + { + background: transparent !important + } + + /* Text */ + .ouBNcf { color: var(--GR14) !important } + + /* Grid Borders */ + .MVMVEe, /* Day Events (Left-side edge) */ + .yEkOpe, /* Day Events (Vertical) */ + .EDDeke, /* Timed Events (Left-side edge) */ + .YvjgZe, /* Timed Events (Vertical) */ + .BiKU4b, /* Timed Events (Vertical) (2024-02 Update) */ + .mmsF1c::after, /* Timed Events (Horizontal) */ + .sJ9Raf::after /* Timed Events (Horizontal) (2024-02 Update) */ + { + border-color: var(--GR3) !important + } + + /* Insights Event Highlight (on hover) */ + .EfQccc.KKjvXb { + box-shadow: var(--GR0) 0 0 8px !important; + } + + /* Working Location Event (Unspecified working location) */ + .CNb8Af { + background: var(--GR6) !important; + border-color: var(--GR12) !important; + } + + /* Dropdown Menu */ + + /* "Working Location" */ + .xtG4wc { color: var(--GR17) !important } + + /* Date */ + .FZbFkc { color: var(--GR15) !important } + + /* WEEK VIEW */ -.M6tHv { - background-color: #444 !important; -} + /* Current Day "Mon"/"Tue"/etc... */ + .tWjOu.F262Ye { color: var(--GRSELECTED) !important } + + /* Current Day (Day Number) Circle */ + .nSCxEf.F262Ye { + background-color: var(--GR7) !important; + color: var(--GRSELECTED) !important; + } + + /* Future Day (Day Number) Circle */ + .sVASAd.N4XV7d { color: var(--GR12) !important } + + /* Hover */ + .nSCxEf.RKLVef:hover { + background-color: var(--GR7) !important; + color: var(--GR16) !important; + } + + /* Body */ + .pbeTDb { background: transparent !important } + + /* Non-current Day */ + .KSxb4d, .KSxb4d.N4XV7d { color: var(--GR12) !important } + + .KSxb4d.RKLVef:hover { + background: var(--GR4) !important; + color: var(--GR15) !important; + } + + /* Divider between columns */ + .qLWd9c, .gZ8fdb, .ZDEHt { border-color: var(--GR3) !important } + + /* Current Day Highlight */ + .gZ8fdb.F262Ye { background: var(--GR3) !important } + + /* Crossed-out area when using "Meet with" feature */ + .eh9LUb .PKtsjf, .sphSn .PKtsjf, .mjwRo .PKtsjf, .s4ZaLd.GIIru { + filter: invert(1) brightness(3) grayscale(1) !important; + } + + /* Selected Time when using "Meet With" feature */ + .EfQccc.pZRd0d { + background: var(--GR12) !important; + border: 1px solid var(--GR19) !important; + } + + /* MONTH VIEW */ + + /* Body */ + + /* Cannot be transparent due to animation */ + .RAaXne { background: var(--GR0) !important } + + /* Grid Lines */ + .RAaXne:not(.Wyo4Qe), /* Left-most (in Business) */ + .CIFHgc, /* Left-most in Week view (in Business) */ + .w6FdBf, /* Header */ + .MGaLHf, /* Vertical */ + .FLFkR /* Horizontal */ + { + border-color: var(--GR3) !important + } + + /* Week Numbers (if enabled in settings) */ + + /* Cap thing on top */ + .wuX2hf.Wyo4Qe .l4SGD { background: var(--GR3) !important } -.gb_ea.gb_6f { - background-color: #e8e8e8 !important; -} + /* Week number sections */ + .ok6kbe { + background: var(--GR3) !important; + color: var(--GR14) !important; + } + + /* Day Name (Mon, Tue, Wed...) */ + .EeuFAf { color: var(--GR12) !important } + + /* Day Number */ + .o5s4T .w48V4c { color: var(--GR12) !important } + + /* Hover */ + .w48V4c:hover { background: var(--GR4) !important } + + /* Current Day Circle */ + .w48V4c.F262Ye { + background: var(--GR7) !important; + color: var(--GRSELECTED) !important; + } + + /* Current Day Highlight */ + .ef2wWc { background: var(--GR1) !important } + + /* "Home" / "Office" Bar */ + + /* Pill */ + .artKme { background: var(--GR8) !important } + + /* Icon */ + .ZToyZc { color: var(--GR17) !important } + + /* "Home" / "Office" Text */ + .dy6Mec { color: var(--GR17) !important } + + /* Line */ + .gZzpO { background: var(--GR8) !important } + + /* Time Event */ + .KF4T6b.smECzc .nHqeVd { + color: var(--GR17) !important + } + + .KF4T6b.smECzc:hover { + background: var(--GR6) !important; + color: var(--GR19) !important; + } + + /* Time Event (Past) */ + .KF4T6b.UflSff { + color: var(--GR12) !important; + } + + /* Time Event (Past) Full Day */ + .KF4T6b.UflSff:not(.smECzc) { + color: var(--GR8) !important; + filter: brightness(0.6) contrast(1.25) !important; + } + + /* Time Event (Past) Full Day With Overflow */ + .KF4T6b.UflSff:is(.JRw8kf, .XFPdgf) { + overflow: visible !important; + } -.gb_yc svg, -.gb_kc svg { - color: #000 !important; - opacity: 0.54 !important; -} - -.HkPXyb { - background-color: #f9f9f9; -} - -.EfQccc.F262Ye.EiZ8Dd::after { - border-color: #000; -} - -.uHMk6b.fsHoPb { - border: 7px solid #000 !important; -} - -.g3VIld.GFhhge.Up8vH.hFEqNb.J9Nfi.iWO5td { - filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) - contrast(105%) !important; - background: #191919 !important; - color: #fff !important; -} - -.g3dbUc .jKgTF, -.QGRmIf, -.lcPUt { - filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) - contrast(105%) !important; - font-weight: 700 !important; - mix-blend-mode: darken; -} - -.g3dbUc.UflSff { - filter: invert(100%) hue-rotate(180deg) saturate(140%) contrast(105%) - opacity(40%) !important; - color: #404040 !important; -} - -.NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.UflSff.jKgTF { - filter: invert(100%) hue-rotate(180deg) saturate(140%) contrast(50%) - brightness(140%) opacity(90%) !important; -} - -.NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.UflSff { - filter: opacity(80%) !important; -} - -.NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd.jKgTF { - filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) - contrast(105%) !important; - font-weight: 700 !important; -} - -.W0m3G { - font-weight: 500 !important; -} - -.g3dbUc { - font-weight: 900 !important; - color: #000 !important; -} - -.g3dbUc.smECzc { - color: #666 !important; -} - -.FAxxKc { - font-weight: 600 !important; - color: #000 !important; -} - -.rq8Mwb { - filter: invert(100%) !important; -} - -.WpDZC, -.zHQkBf { - color: #c1c1c1 !important; -} - -.XHsn7e, -.YqtBEc, -.xuBVOe, -.Mh0NNb, -.ck4bY, -.asor.asor_i0, -.gsoi.gsoi_w, -.gsoi.gsoi_c.asor_v, -.gsoi.gsoi_9.asor_v, -.gsoi.gsoi_7.asor_v, -#vqd3vxfo4jpl, -#pnsketfj08m, -.st-wc, -.NlL62b.EfQccc.elYzab-cXXICe-Hjleke.EiZ8Dd, -.a63c9c.ztKZ3d, -.a63c9c, -.Oxm52e, -.kImhzd, -.hsrazb, -.Tnsqdc, -.kw5sif, -.kXIDId, -.sIyjR, -.ghXZpb, -.whsOnd.zHQkBf { - filter: invert(100%) hue-rotate(180deg) brightness(1.1) saturate(140%) - contrast(105%) !important; -} - -.gb_3, -#rAECCd, -.jPtXgd { - font-weight: 600 !important; -} - -#I0_1513527137275, -.gb_W, -:not([data-date]):before, -img, -svg, -.jPtXgd, -.gb_Wa.gb_Fe, -.fFW7wc-OEVmcd { - filter: invert(100%) hue-rotate(180deg) brightness(1.1) contrast(105%) !important; -} - -.Wbs5sd, -.rF3YF.wmyjXb, -.A6wOnd, -.VgueE, -.Jmftzc.gVNoLb.EiZ8Dd, -.Jmftzc.K9QN7e.EiZ8Dd.UflSff, -.Jmftzc.K9QN7e.EiZ8Dd, -.i5a7ie, -.gb_Eb { - color: #000 !important; -} - -.EfQccc.Hrn1mc.EiZ8Dd::after, -.EfQccc.MmaWIb.KKjvXb.EiZ8Dd::after { - border: 1px solid #000; -} - -.XBkKC.WSvIUd, -.logo-plus-button-lockup-text { - color: #fff; -} - -.IP9Hyd .O0WRkf:first-child, -.gb_je.gb_ee { - color: #fff; -} - -.Jmftzc.gVNoLb.LKeQwe, -.Jmftzc.EiZ8Dd { - color: #000; -} - -.gb_fa.gb_ng, -.gb_Z { - font-weight: bolder !important; -} + /* Arrow (Left) */ + .PxbABe.hyd2Ge { + /* stylelint-disable-next-line function-disallowed-list */ + translate: calc(-22px + 100%) -1px !important; + } + + /* Arrow (Right) */ + .PxbABe.BvHyo { + /* stylelint-disable-next-line function-disallowed-list */ + translate: calc(1px + 100%) -1px !important; + } + + /* Time Event (Selected) */ + .g3dbUc.smECzc.KKjvXb { background: var(--GR10) !important } + + /* "x more" row */ + .KF4T6b.KCIIIb { color: var(--GR12) !important } + + .KF4T6b.KCIIIb:hover { + background: var(--GR6) !important; + color: var(--GR17) !important + } + + /* "x more" Popover */ + + /* Day of the Week */ + .QJLQUd { color: var(--GR15) !important } + + /* Day Number */ + .ebs3Ne { color: var(--GR17) !important } + + .ebs3Ne:hover { background: var(--GR2) !important } + + /* YEAR VIEW */ + + /* Row */ + .W0m3G::before { background: transparent !important } + + /* SCHEDULE VIEW */ + + /* Grid Lines */ + .d3Ig7c, /* Left-most */ + .L1Ysrb /* Day Separator */ + { + border-color: var(--GR3) !important + } + + /* Day Circle */ + .O3EOA { + background: var(--GR1) !important; + color: var(--GR19) !important; + } + + .O3EOA:hover { background: var(--GR7) !important } + + /* Today */ + .OmwDud.F262Ye .O3EOA { + background: var(--GR7) !important; + color: var(--GRSELECTED) !important; + } + + /* Month, Day of the Week */ + .OmwDud { color: var(--GR12) !important } + + /* Today */ + .OmwDud.F262Ye { color: var(--GRSELECTED) !important } + + /* Event */ + .dtaVuc { color: var(--GR17) !important } + + .dtaVuc:hover { background: var(--GR6) !important } + + /* INSIGHTS RIGHT SIDEBAR */ + + /* Header */ + + /* Week Range */ + .aiNrUc { color: var(--GR12) !important } + + /* "Time Insight */ + .BF7cNd { color: var(--GR17) !important } + + /* Visibility Icon */ + .ZVWSZd { background: var(--GR8) !important } + + .ZVWSZd .Ce1Y1c svg { + color: var(--GR17) !important; + fill: var(--GR17) !important; + } + + /* Section Dividers */ + .nlPDxd, .zFV1Jf { border-color: var(--GR8) !important } + + /* Section Titles */ + .msLrsf { color: var(--GR15) !important } + + /* "Time Breakdown" Section */ + + /* Chart Labels */ + .IJDILb { color: var(--GR15) !important } + + /* "Remaining time" chart section */ + .Ul8W4d.rKwhEe { fill: var(--GR10) !important } + .n4G76.CO2K4e { background-color: var(--GR10) !important } + + /* "Based on your working hours" */ + .PlHTad { color: var(--GR12) !important } + + /* "Adjust working hours" button */ + .pKUk7 { + background: var(--GR4) !important; + border-color: var(--GR8) !important + } + + .pKUk7:hover { background: var(--GR6) !important } + + /* "Time in meetings" Section */ + + /* "Most meetings" / "Daily average" */ + .SDiQL { color: var(--GR12) !important } + + /* "Most meetings" / "Daily average" Value */ + .hPfWQd { color: var(--GR15) !important } + + /* Table Cell Label */ + .Tz47sb { + border-color: var(--GR8) !important; + color: var(--GR15) !important + } + + /* Table Cell Value */ + .hRlabf { color: var(--GR15) !important } + + /* Legend Label */ + .eWT7sb { color: var(--GR12) !important } + + /* "People you meet with" Section */ + + /* Person's Name */ + .yVvvMc { color: var(--GR15) !important } + + /* Date */ + .u0Pitc { color: var(--GR12) !important } + + /* RIGHT SIDEBAR */ + + /* Body */ + .Kk7lMc-DWWcKd-OomVLb-haAclf { + background: var(--GR2) !important; + border-color: var(--GR6) !important; + } + + /* Divider */ + .Kk7lMc-DWWcKd-OomVLb-hgDUwe { border-color: var(--GR6) !important } + + /* Buttons */ + .DWWcKd-OomVLb-LgbsSe-Bz112c-haAclf:hover { + background-color: var(--GR7) !important; + } + + /* "Get Addons" icon */ + .DWWcKd-OomVLb-LgbsSe-Bz112c-haAclf[style*="add_black_24dp"] { + background-image: url("https://www.gstatic.com/images/icons/material/system/1x/add_white_24dp.png") !important + } + + /* EVENT POPOVER */ + + /* Header */ + .wmCMbe { + background: var(--GR4) !important; + box-shadow: inset 0 1px 0 var(--GR12) !important; + } + + /* Header ... Menu */ + + .WjVFVc .VfPpkd-StrnGf-rymPhb-ibnC6b { + color: var(--GR17) !important + } + + /* Body */ + .kma42e { + background: var(--GR6) !important; + color: var(--GR19) !important + } + + /* Title & Labels */ + .agOyMd .UfeRlc, /* Task Titles */ + .JEx5le .UfeRlc, /* Title */ + .agOyMd div.AzuXid, /* Dec 2022 Update (Date) */ + .Z5RD1e /* Nov 2023 Update (Select Fields) */ + { + color: var(--GR19) !important + } + + /* Title */ + .WmnPA .VfPpkd-fmcmS-wGMbrd { + caret-color: var(--GRSELECTED) !important; + } + + /* Title Underline */ + .tMfWZc:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-RWgCYc-ksKsZd::before { + border-bottom-color: var(--GR13) !important; + } + + /* Highlighted */ + .WmnPA:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-RWgCYc-ksKsZd::after { + border-bottom-color: var(--GRSELECTED) !important; + } + + .pdqVLc .AzuXid, /* "Created by ...." */ + .AzuXid /* Task "Weekly on Friday" */ + { + color: var(--GR15) !important + } + + /* Dividers (appear when setting description) */ + .kxh2c:not(.gUZKAc).sMVRZe:not(.dBA1M) { border-bottom-color: var(--GR12) !important } + .kxh2c:not(.gUZKAc).sMVRZe:not(.AHjck) { border-top-color: var(--GR12) !important } + /* stylelint-disable-next-line selector-max-pseudo-class, @stylistic/max-line-length */ + .kxh2c:not(.gUZKAc).sMVRZe:not(.dBA1M) + .kxh2c:not(.gUZKAc).sMVRZe:not(.AHjck) { border-top-color: transparent !important } + + /* Buttons ("Event", "Task", "Reminder") */ + .zmrbhe { + color: var(--GR15) !important; + } + + /* Selected */ + .zmrbhe.qs41qe { + background: var(--GR9) !important; + color: var(--GRSELECTED) !important; + } + + /* "Focus Time" > "Do not disturb" */ + .kiifqc { color: var(--GR17) !important } + + /* Links in the Description */ + .vfzv a:link, + .vfzv a:visited + { + color: var(--GR17) !important + } + + .vfzv a:link:hover, + .vfzv a:link:focus, + .vfzv a:visited:hover, + .vfzv a:visited:focus { + color: var(--GR19) !important + } + + /* "Outside working hours" */ + .bjNu9b { background: var(--GR2) !important } + + /* Icon */ + .bjNu9b .Kww6bc { fill: var(--GRSELECTED) !important } + + /* Date & Time Inputs */ + .e0yuIb { color: var(--GR17) !important } + + /* Hover / Active */ + .VZxuS .nXeosb:not(.IYewr):hover, + .VZxuS .nXeosb:not(.IYewr).u3bW4e { + background: var(--GR4) !important; + } + + /* Underline */ + .iMnlEf { background: var(--GRSELECTED) !important } + + /* "Time zone" */ + .nxbvLd .snByac { color: var(--GR17) !important } + + /* Inputs */ + .jZ0DTb { background: var(--GR4) !important } + + /* Guests */ + + /* Home - "Edit" button */ + .s3dr1 { color: var(--GR17) !important } + + .s3dr1:hover { color: var(--GR19) !important } + + /* Little response circle for "Out of office" */ + .o4NNyc { background: var(--GR4) !important } + + /* "Out of Office" > "Message" for description */ + .WmnPA:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc { + color: var(--GR15) !important + } + + /* "Upgrade to host longer group calls" Section */ + .NoJAOd.NoJAOd { background: var(--GR8) !important } + + /* Icon */ + .uTTlac { fill: var(--GR22) !important } + + /* "Upgrade to host longer group calls" */ + .FKvbye { color: var(--GR17) !important } + + /* "This group call is limited to 1 hour" Section */ + .iKm75d.iKm75d { background: var(--GR8) !important } + + /* Icon */ + .YQoFab { fill: var(--GR17) !important } + + /* "This group call is limited to 1 hour" */ + .aVw7oe { color: var(--GR18) !important } + + /* "Get longer group calls..." */ + .qf81Ud { color: var(--GR16) !important } + + /* "Explore plan" */ + .PU9nHf { color: var(--GR17) !important } + + .PU9nHf:hover { color: var(--GR18) !important } + + /* "No thanks" */ + .lt59Jb { color: var(--GR14) !important } + + .lt59Jb:hover { color: var(--GR16) !important } + + /* "Calendar set your join method to ..." */ + + .yiLrzf { background: var(--GR8) !important } + + /* Text */ + .SFGZyc { color: var(--GR17) !important } + + /* "Got It" */ + .CGWPk { color: var(--GR17) !important } + + .CGWPk:hover { color: var(--GR19) !important } + + /* "Take meeting notes" */ + .UCosIb { color: var(--GR17) !important } + + .UCosIb:hover { color: var(--GR19) !important } + + /* "Find a time" */ + .ksBjEc:not(:disabled) { color: var(--GR17) !important } + + .ksBjEc:not(:disabled):hover { color: var(--GR19) !important } + + /* OOO event */ + + /* "Automatically decline meeting" */ + .BfY7Sb { color: var(--GR17) !important } + + /* "Only new meeting invitations" / "New and existing meetings" */ + .AtaYwe { color: var(--GR17) !important } + + /* Divider */ + .HaZkhe { background: var(--GR10) !important } + + /* Default Visibility (?) Icon */ + .ydTCC { color: var(--GR17) !important } + + /* "Availability might be shown in other Google apps" */ + .CbBAab { color: var(--GR15) !important } + + /* (?) Icon */ + .A1aem { color: var(--GR15) !important } + + /* Popover */ + .CVM8jc { color: var(--GR15) !important } + + /* Link */ + .hT1Fub { color: var(--GR17) !important } + + .hT1Fub:focus, .hT1Fub:hover { color: var(--GR19) !important } + + /* Working Location Popover */ + + /* "Working Location" title */ + .B4kd9e { color: var(--GR17) !important } + + /* "Set repeating locations in settings" */ + .nD0WUd { color: var(--GR15) !important } + + /* "Choose a location" */ + .FAaxPe { color: var(--GR17) !important } + + /* "Home" / "Office" buttons */ + .Pn4AJ { + background: var(--GR8) !important; + border-color: var(--GR10) !important; + color: var(--GR18) !important; + } + + .Pn4AJ:hover { + background: var(--GR9) !important; + border-color: var(--GR12) !important; + color: var(--GR19) !important; + } + + /* Active */ + .Pn4AJ.KKjvXb:not(:disabled) { + color: var(--GRSELECTED) !important; + } + + /* Internal background */ + .Pn4AJ .VfPpkd-Jh9lGc::before { + background: transparent !important; + } + + /* Calendar Title */ + .h7kDxc.RDPZE { color: var(--GR17) !important } + + /* "Does not repeat", "Free / Default visibility / Do not notify" */ + .NAgJzc, + .wTj3Dc /* Nov 2023 Update */ + { + color: var(--GR15) !important + } + + /* RTE for Description */ + .T4SBCf { background: var(--GR4) !important } + + /* Toolbar Dividers */ + .T4SBCf .Bx5aBb { border-color: var(--GR8) !important } + + /* Toolbar Button Hover */ + /* stylelint-disable-next-line selector-max-pseudo-class */ + .T4SBCf .r7kft .CIy9F:not(.Hcv3ye) .Aworge:hover { + background: transparent !important; + color: var(--GR19) !important; + } + + /* "Add description" */ + .iSSROb { color: var(--GR12) !important } + + /* Links in the description */ + .KmD23d a:link { color: var(--GR17) !important } + + .KmD23d a:link:hover { color: var(--GRSELECTED) !important } + + /* Calendar Name */ + .s6I1Kd { color: var(--GR18) !important } + + /* Close Icon Circle */ + .XsU8xf { background-color: var(--GR3) !important } + + /* Action Footer */ + .ldpAcc { background: var(--GR5) !important } + + /* "Going?" */ + .sgEL6b { color: var(--GR15) !important } + + /* "Yes" button */ + .qydq8.KKjvXb [data-button-type=actionButton], + .qydq8.KKjvXb [data-button-type=menuButton] { + background: var(--GR6) !important; + border-color: var(--GR10) !important + } + + .qydq8.KKjvXb [data-button-type=actionButton]:hover, + .qydq8.KKjvXb [data-button-type=menuButton]:hover { + background: var(--GR8) !important; + } + + /* Arrow Icon */ + .qydq8.KKjvXb .Pjbkr:not(:disabled) .VfPpkd-kBDsod { color: var(--GR15) !important } + + /* Buttons */ + .NAFvr .UQuaGc { color: var(--GR15) !important } + + /* "Yes" */ + .NAFvr .l3F1ye { color: var(--GRSELECTED) !important } + + /* "Yes" (with virtual meeting options) */ + .wIfg3e.KKjvXb .dvv0Pc, + .wIfg3e.KKjvXb .lrZTuc { + background: var(--GR8) !important; + border-color: var(--GR10) !important; + } + + /* Options Arrow */ + .wIfg3e.KKjvXb .DqwBN { color: var(--GR15) !important } + + /* Options Dropdown */ + + /* Selected Option */ + .bhtr0e.KKjvXb { background: var(--GR4) !important } + + /* "Automatically change how I join if my working location changes" */ + .cWOa9d { color: var(--GR13) !important } + + /* Selected Option */ + .j931be.KKjvXb { + background: var(--GR4) !important; + color: var(--GRSELECTED) !important; + } + + /* Divider */ + .mKdssd, .mGlsq { background: var(--GR10) !important } + + /* Divider (Location) */ + .anMZof.gUZKAc:not(.sMVRZe):not(.dBA1M), .anMZof:not(.gUZKAc).sMVRZe:not(.dBA1M) { + border-color: var(--GR10) !important + } + + /* "Propose a new time" buttons */ + .ZGVUP { + background: var(--GR8) !important; + border: 1px solid var(--GR10) !important; + } + + /* Text */ + .ZGVUP .snByac { color: var(--GR17) !important } + .ZGVUP:hover .snByac { color: var(--GR19) !important } + + /* "x" Icon */ + .pdqVLc .DPvwYc { + color: var(--GR15) !important; + fill: var(--GR15) !important; + } + + /* "Add Note" dialog */ + + /* RSVP Select */ + .HLI7qf { background: var(--GR4) !important } + + /* Text */ + .HLI7qf .c7fp5b { color: var(--GR17) !important } + + /* Email Guests */ + + /* List of invitees */ + .J09ahd { background: transparent !important } + + /* Invitee pill */ + .cnTo8e { background: var(--GR4) !important } + + /* GoToMeeting Links */ + .goktNc { color: var(--GR17) !important } + + .goktNc:hover { color: var(--GR19) !important } + + /* "Everyone else declined the event" footer */ + .McOO2b { + background: var(--GR4) !important; + border-color: var(--GR8) !important; + } + + /* "Everyone else declined the event" */ + .qwM8de { color: var(--GR17) !important } + + /* "Delete" button */ + .McOO2b .UQuaGc { color: var(--GR12) !important } + + .McOO2b .UQuaGc.UQuaGc:focus, .McOO2b .UQuaGc.UQuaGc:hover { + color: var(--GR19) !important; + } + + /* "Would you like to send cancellation emails..." confirmation modal */ + .nf2dS .zHGix { color: var(--GR19) !important } + + /* "Reschedule" button */ + .Uu2hsf.auswjd { color: var(--GR17) !important } + + /* TASK POPOVER */ + + /* Date Input */ + .xSJpA { background: var(--GR4) !important } + + /* "Weekly on weekdays" */ + .DN1TJ { color: var(--GR14) !important } + + + /* Footer */ + .YWILgc { border-color: var(--GR10) !important } + + /* "Mark Complete" button */ + .LjDxcd:not(:disabled) { color: var(--GR17) !important } + + .LjDxcd:hover:not(:disabled) { color: var(--GR19) !important } + + /* When deleting recurring task > "Delete repeating task" modal */ + + /* Text */ + .cC1eCc .VfPpkd-cnG4Wd { color: var(--GR15) !important } + + /* BOOKABLE APPOINTMENT SCHEDULE POPOVER */ + + /* "Feedback" button */ + .jRvFtb:first-child { border-color: var(--GR11) !important } + + /* "Bookable Appointment Schedule" */ + .EG7Wgf { color: var(--GR15) !important } + + /* Title */ + .Zzucte span { color: var(--GR17) !important } + + /* Title (when disabled) */ + .WmnPA.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me .VfPpkd-fmcmS-wGMbrd { + color: var(--GR12) !important + } + + /* "See all your booking pages" */ + .Su7cHd { color: var(--GR17) !important } + + .Su7cHd:hover { color: var(--GR19) !important } + + /* "Add availability to an existing schedule" */ + .mopaRc { color: var(--GR17) !important } + + /* Share > Modal */ + + /* "Learn More" */ + .t6DHce { color: var(--GR17) !important } + + .t6DHce:hover { color: var(--GR19) !important } + + /* Tab Icon */ + .WbUJNb .VfPpkd-cfyjzb { color: var(--GR15) !important } + + /* Selected */ + .WbUJNb.VfPpkd-AznF2e-OWXEXe-auswjd .VfPpkd-cfyjzb { color: var(--GRSELECTED) !important } + + /* Divider */ + .wQO6gd { border-top-color: var(--GR12) !important } + + /* "All appointment schedules" / "A single booking page" */ + .f7HHcb { color: var(--GR17) !important } + + /* "Preview" */ + .tJGdef { color: var(--GR17) !important } + + .tJGdef:hover { color: var(--GR19) !important } + + /* "Booking page link" section */ + .nstCc { background-color: var(--GR3) !important } + + /* "Booking page link" */ + .dVkMD { color: var(--GR13) !important } + + /* "Share this page with others..." */ + .Abkp5c { color: var(--GR13) !important } + + /* Info Icon */ + .Fs5u9c { color: var(--GR14) !important } + + /* BOOKABLE APPOINTMENT SCHEDULE SIDEBAR (DETAILED CREATE SECTION) */ + + /* "Bookable Appointment Schedule" */ + .j1AQEe { color: var(--GR13) !important } + + /* "Appointment duration" and other section titles */ + .q8ybv { color: var(--GR17) !important } + + /* "How long should each appointment last?" and other descriptions */ + .xCsm3b { color: var(--GR15) !important } + + /* "Learn more" */ + .aMUTT { color: var(--GR17) !important } + + .aMUTT:hover { color: var(--GR19) !important } + + /* Mon/Tue/Wed... "-" divider */ + .Qm5tYb { background: var(--GR4) !important } + + /* "Unavailable" */ + .Ozodyc { color: var(--GR14) !important } + + /* Divider */ + .BJ27Eb { background: var(--GR11) !important } + + /* Accordion section arrows */ + .MzaEpe { color: var(--GR15) !important } + + /* "Scheduling window" */ + + /* "Available now" and other options */ + .YDBLM { color: var(--GR17) !important } + + /* "Limit the date range for all appointments" */ + .D1luMd { color: var(--GR14) !important } + + /* "Maximum time in advance that an appointment can be booked" */ + .MPvktc { color: var(--GR14) !important } + + /* "Booked appointment settings" */ + + /* "Buffer time" and other titles */ + .A9nNhd { color: var(--GR17) !important } + + /* "Calendars checked for availability" */ + + /* Primary calendar name */ + .wa3Mff { color: var(--GR17) !important } + + /* Checkbox > Checkmark */ + .Ne8lhe .VfPpkd-muHVFf-bMcfAe:disabled ~ .VfPpkd-YQoJzd .VfPpkd-HUofsb { + color: var(--GR2) !important; + } + + /* More calendars */ + .S6s5D { color: var(--GR17) !important } + + /* CREATE POPOVER */ + + /* Name Input */ + .shdZ7e .zHQkBf { color: var(--GR17) !important } + + /* Placeholder Text */ + .bnPQpd:not(.YkAcPc) { color: var(--GR12) !important } + + /* Underline */ + .shdZ7e .mIZh1c { background: var(--GR12) !important } + + /* Unfocused Name */ + .C5uTB:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd { color: var(--GR17) !important } + + /* Type Button */ + .qmv2fc.kaAt2 { + background: var(--GR8) !important; + border: 1px solid var(--GR10) !important; + color: var(--GR17) !important; + } + + .qmv2fc.kaAt2:hover { + background: var(--GR9) !important; + border: 1px solid var(--GR11) !important; + color: var(--GR18) !important; + } + + /* Selected */ + .qmv2fc.KKjvXb { + background: var(--GR10) !important; + border: 1px solid var(--GRSELECTED) !important; + color: var(--GR19) !important; + } + + /* Time Select */ + .BvQsje, /* Row */ + .Kb2sf /* Start/End Time */ + { + background: var(--GR4) !important; + } + + /* Start/End Time Text */ + .WpDZC { color: var(--GR17) !important } + + /* Hyphen */ + .NtP29 { color: var(--GR12) !important } + + /* Active Underline */ + .DSC0Mc { background: var(--GRSELECTED) !important } + + /* Add Time Button */ + .Jpx57d { + border-color: var(--GR12) !important; + color: var(--GR17) !important; + } + + .Jpx57d:hover { + color: var(--GR18) !important; + } + + /* Dropdowns */ + .gHQcAb { + background: var(--GR6) !important; + color: var(--GR17) !important + } + + /* Time Dropdown */ + + /* Row */ + .VKy0Ic { + color: var(--GR17) !important; + } + + + /* Selected Row */ + .VKy0Ic[aria-selected="true"] { + background: var(--GR8) !important; + color: var(--GR19) !important; + } + + /* "All Day" checkbox */ + .cAP2G { color: var(--GR17) !important } + + /* "Suggested times" Button */ + .tDiQl { border-color: var(--GR12) !important } + + .tDiQl:hover { border-color: var(--GRSELECTED) !important } + + .tDiQl .snByac { color: var(--GR17) !important } + + /* Calendar Select */ + + /* Text */ + .jT5e9 { color: var(--GR17) !important } + + /* Dropdown */ + .ncFHed { background: var(--GR6) !important } + + /* Hover Row */ + .ncFHed .MocG8c.KKjvXb { background: var(--GR8) !important } + + /* Text */ + .ncFHed .MocG8c.KKjvXb .jT5e9 { color: var(--GR19) !important } + + /* "Add a label" Button */ + + /* + Icon */ + .Nh4qkc.Enkreb { color: var(--GR17) !important } + + /* Text */ + .gcab7e { color: var(--GR17) !important } + + /* Reminder Repeat Select */ + .MocG8c { color: var(--GR17) !important } + + /* Reminder "All Day" */ + .ETkhPe, /* On Create */ + .JtukPc /* On Edit */ + { + color: var(--GR17) !important + } + + /* Placeholders */ + .ULpymb .snByac, /* "Add guests" */ + .qx9Fae:not(.YkAcPc), /* "Add guests" (Nov 2023 Update) */ + .bnPQpd:not(.YkAcPc), /* "Add location" / "Add description or attachments" */ + .OnrKec .snByac /* "Add attachment" */ + { + color: var(--GR15) !important + } + + /* Calendar Name */ + .P4Bbuf { color: var(--GR17) !important } + + /* "Calendar cannot be shown" */ + .JmmUXc .GEhdLd { color: var(--GR15) !important } + + /* "Guest Permissions" */ + .jfFyNc { color: var(--GR17) !important } + + /* "Invite others" */ + .YKMjTd { color: var(--GR15) !important } + + /* Task "Add Description" */ + .Qfwgwb { background: var(--GR4) !important } + + /* Textarea */ + .LV4Pme { color: var(--GR17) !important } + .DuZZ2b { color: var(--GR12) !important } + + /* Active Underline */ + .FaGtTe { background: var(--GRSELECTED) !important } + + /* Out of office "Decline message" label */ + .yWwNAd { color: var(--GR12) !important } + + /* Out of office Visibility Help Tooltip */ + .EmURbc { background: var(--GR6) !important } + + /* Out of office "Availability might be shown in other Google apps" */ + .bZvvv { color: var(--GR12) !important } + + /* Appointment slots duration row */ + .FXZz0b { background: transparent !important } + + /* "More options" Button */ + .nYqxP { color: var(--GR17) !important } + + .nYqxP:hover { color: var(--GR19) !important } + + /* "Appointment Schedule" */ + + /* "Create a booking page..." */ + .u6mZZ { background: var(--GR8) !important } + + /* Icon */ + .u6mZZ .HyA7Fb { color: var(--GR17) !important } + + /* Text */ + .LmzXcf { color: var(--GR17) !important } + + /* Underline */ + .rTZHXe { background: var(--GR10) !important } + + /* Description Text */ + .Pf26K { color: var(--GR15) !important } + + /* "Learn more" */ + .nP8GJb { color: var(--GRSELECTED) !important } + + .nP8GJb:focus, .nP8GJb:hover { color: var(--GR15) !important } + + /* Conference Details */ + + /* "More phone numbers" */ + .sxQCwf { color: var(--GR17) !important } + + .sxQCwf:focus, .sxQCwf:hover { color: var(--GR19) !important } + + /* "Add live stream" Button */ + .ifM7td { + background: var(--GR8) !important; + color: var(--GR17) !important + } + + .ifM7td:focus, .ifM7td:hover { + background: var(--GR10) !important; + color: var(--GR19) !important + } + + /* "Video Call Options" Dialog */ + + /* Header */ + .aAj7T { color: var(--GR17) !important } + + /* Buttons */ + .nCP5yc, /* "Save" */ + .twhhs.s2r4Od .Fxmcue, /* "Add Google Meet video conferencing" */ + .w1OTme, /* Join with Google Meet - Event Popover */ + .uqM3cb /* Join with Google Meet - On Event Page */ + { + background: var(--GR10) !important; + color: var(--GR17) !important; + } + + .nCP5yc:hover, + .twhhs.s2r4Od .Fxmcue:hover, + .w1OTme:hover, + .uqM3cb:hover { + color: var(--GR19) !important + } + + /* "Add Google Meet video conferencing" text */ + .twhhs.s2r4Od .Fxmcue .snByac { color: inherit !important } + + /* EDIT POPOVER */ + + /* Task Title Input */ + .cu6vzc .zHQkBf { color: var(--GR19) !important } + + /* Task Time Row */ + .AouyCd { background: transparent !important } + + /* Text */ + .agOyMd div.DN1TJ, .pdqVLc .DN1TJ { color: var(--GR17) !important } + + /* CUSTOM RECURRENCE DIALOG */ + + .I7OXgf { + background: var(--GR6) !important; + color: var(--GR17) !important + } + + /* "Repeat On" circles */ + .IuSHYd { + background: var(--GR4) !important; + color: var(--GR17) !important; + } + + .IuSHYd:hover { background: var(--GR2) !important } + + /* Selected */ + .IuSHYd.N2RpBe { + background: var(--GRSELECTED) !important; + color: var(--GR4) !important; + } + + /* "Ends" radio buttons */ + /* stylelint-disable-next-line @stylistic/max-line-length */ + .kDzhGf .VfPpkd-gBXA9-bMcfAe:enabled:not(:checked) + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo { border-color: var(--GR12) !important } + + /* Selected */ + .kDzhGf .VfPpkd-gBXA9-bMcfAe:enabled:checked + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo, + .kDzhGf .VfPpkd-gBXA9-bMcfAe:enabled + .VfPpkd-RsCWK .VfPpkd-Z5TpLc-LkdAo { + border-color: var(--GRSELECTED) !important + } + + /* Occurences Row */ + .M2lnFe { + background: transparent !important; + color: var(--GR17) !important; + } + + /* "Cancel" / "Done" Buttons */ + .I7OXgf .UQuaGc { color: var(--GR17) !important } + + .I7OXgf .UQuaGc:hover { color: var(--GR19) !important } + + /* VIDEO CALL DIALOG */ + + /* "Your event now includes Google Meet" */ + .aDEC0d { color: var(--GR19) !important } + + /* Content */ + .Lr2sbd { color: var(--GR17) !important } + + /* CREATE EVENT PAGE */ + + .p9lUpf { background: var(--GR4) !important } + + /* Checkboxes */ + + .WefNYe .uVccjd, /* Settings Page */ + .Lzfnue .uVccjd /* Trash Page */ + { + border-color: var(--GRSELECTED) !important + } + + + /* Checkmark */ + .WefNYe .uVccjd .MbUTNc, + .WefNYe .uVccjd .Ii6cVc, + .Lzfnue .uVccjd .MbUTNc, + .Lzfnue .uVccjd .Ii6cVc + { + border-color: var(--GR0) !important; + color: var(--GR0) !important; + } + + /* Overrides for GCal themes to fix new checkbox */ + .EGbRwd .VfPpkd-muHVFf-bMcfAe:enabled:checked ~ .VfPpkd-YQoJzd, + .EGbRwd .VfPpkd-muHVFf-bMcfAe:enabled:indeterminate ~ .VfPpkd-YQoJzd, + .EGbRwd .VfPpkd-muHVFf-bMcfAe[data-indeterminate="true"]:enabled ~ .VfPpkd-YQoJzd { + background-color: var(--checkbox-color, var(--mdc-checkbox-selected-icon-color)); + border-color: var(--checkbox-color, var(--mdc-checkbox-selected-icon-color)); + } + + /* Event Title */ + + .WmnPA:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd { + color: var(--GR18) !important; + } + + .WmnPA:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd::placeholder { + color: var(--GR14) !important; + } + + /* Reset background */ + /* stylelint-disable-next-line @stylistic/max-line-length */ + .P5oTDb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me).P5oTDb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) { background: transparent !important } + + /* "Save" button */ + .Y5sE8d { + background: var(--GRSELECTED) !important; + color: var(--GR2) !important; + } + + .Y5sE8d:hover { background: var(--GR16) !important } + + /* "More actions" Button */ + .INBYpd { background: var(--GR3) !important } + + /* Day/Week Toggle */ + .uUivFb { + border-color: var(--GR10) !important; + color: var(--GR12) !important; + } + + /* Selected */ + .wgAgQc[aria-checked="true"] .uUivFb { + background: var(--GR8) !important; + color: var(--GR17) !important; + } + + /* "All day" checkbox label */ + .VfPpkd-I9GLp-yrriRe { color: var(--GR17) !important } + + /* Little chevron arrows on dropdown toggles */ + .CQwPTd { color: var(--GR14) !important } + .e2CuFe.eU809d { border-color: var(--GR14) transparent !important } + + /* Tabs ("Event Details", "Find a Time", "Guests") */ + .WbUJNb .VfPpkd-jY41G-V67aGc { color: var(--GR14) !important } + + /* Active */ + .WbUJNb.VfPpkd-AznF2e-OWXEXe-auswjd .VfPpkd-jY41G-V67aGc { color: var(--GR17) !important } + + /* Active Underline */ + .WbUJNb.VfPpkd-AznF2e-OWXEXe-auswjd .VfPpkd-YVzG2b::before, + .WbUJNb.VfPpkd-AznF2e-OWXEXe-auswjd .VfPpkd-YVzG2b::after { + background-color: var(--GRSELECTED) !important + } + + .WbUJNb:active .VfPpkd-AznF2e-wEcVzc-OWXEXe-NowJzb, + .rvBHac .VfPpkd-AznF2e-wEcVzc-OWXEXe-NowJzb { + border-color: var(--GRSELECTED) !important + } + + /* Section Dividers */ + .FYEgid .ubAIBb::before, + .kHux5e::before{ + border-top-color: var(--GR8) !important + } + + /* Backgrounds for events you've been invited to */ + .sGOxme.W1ZWq, + .DyOaYd, + .DyOaYd.W1ZWq .lR3h6d { + background-color: transparent !important; + } + + /* Appointments: "This calendar's appointment page" */ + .cwu4dd { color: var(--GR17) !important } + + .cwu4dd:focus, .cwu4dd:hover { color: var(--GR19) !important } + + /* "Time zone" */ + .nWBDde { color: var(--GR15) !important } + + /* "Event time zone" modal */ + .cC1eCc .VfPpkd-P5QLlc { background: var(--GR5) !important } + + /* "Event time zone" title */ + .cC1eCc .VfPpkd-k2Wrsb { color: var(--GR15) !important } + + /* "Add location" */ + .xlHPle .VfPpkd-fmcmS-yrriRe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) { + background: var(--GR6) !important; + } + + /* Input */ + .dgjdGd .xZFe0d.xZFe0d:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd { + color: var(--GR17) !important; + } + + /* Input Placeholder */ + .dgjdGd .xZFe0d.xZFe0d:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd::placeholder { + color: var(--GR12) !important; + } + + /* Location Dropdown */ + .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS { + background: var(--GR6) !important; + color: var(--GR15) !important; + } + + /* Pin Icon */ + .TxnXxc .VfPpkd-StrnGf-rymPhb-f7MjDc { color: var(--GR17) !important } + + /* Location Title */ + .TxnXxc { color: var(--GR19) !important } + + /* "Learn more about event visibility" when you don't own event */ + .cB5rYc { color: var(--GR15) !important } + + .cB5rYc:hover { color: var(--GRSELECTED) !important } + + /* Notification "Before at" text */ + .j3nyw { color: var(--GR17) !important } + + /* "Add Notification" Button */ + .rhtYVe .snByac { color: var(--GR17) !important } + + /* Calendar Select */ + .nBhvye { background: var(--GR6) !important } + + /* Color Select */ + :not(.DswEsf).nB7Rvb .AHbDKf { background: var(--GR6) !important } + + /* "Add a label" Button */ + .V8Yldb { color: var(--GR17) !important } + + /* "Busy" status selector / "Default visibility" selector */ + .hqBSCb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-TkwUic, + /* "Before at" selector */ + .WmnPA:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) + { + background: var(--GR6) !important; + } + + .h6n9p:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-uusGie-fmcmS, /* "Busy" label */ + .hqBSCb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-uusGie-fmcmS /* "Visibility" label */ + { + color: var(--GR17) !important + } + + /* Little chevron arrows on dropdown toggles */ + .VfPpkd-t08AT-Bz112c { fill: var(--GR14) !important } + + /* "Learn more about event visibility" */ + .HvbOJ { color: var(--GRSELECTED) !important } + + .HvbOJ:focus, .HvbOJ:hover { color: var(--GR15) !important } + + /* Description Textbox */ + .DyOaYd { background: var(--GR6) !important } + + /* Toolbar Dividers */ + .PqAscf { border-color: var(--GR10) !important } + + /* Toolbar Selected Button */ + .Erb9le:not(.RDPZE) .qmMNRc.y7OZL { background: var(--GR4) !important } + + /* Placeholder Text */ + .lR3h6d .snByac { color: var(--GR12) !important } + + /* File Attachment */ + .PdReTd { color: var(--GR17) !important } + + /* Links */ + .lR3h6d .KRoqRc a { + color: var(--GRSELECTED) !important; + cursor: pointer !important; + } + + .lR3h6d .KRoqRc a:focus, .lR3h6d .KRoqRc a:hover { + color: var(--GR15) !important; + } + + /* "Create meeting notes" */ + .ICNC1e { border-color: var(--GR12) !important } + + .ICNC1e:hover { border-color: var(--GR15) !important } + + /* Icon */ + .xgwQ2 { filter: invert(1) brightness(2) } + + /* Text */ + .DTJQTb { color: var(--GR15) !important } + + /* "Document will be created and shared with all guests" */ + .G8mFee { color: var(--GR15) !important } + + /* "Calendar cannot be shown" message */ + .srd2n { color: var(--GR15) !important } + + /* "RSVP: Yes" selector */ + .lUmaj { background: var(--GR6) !important } + + .lUmaj .c7fp5b { color: var(--GR16) !important } + + /* "Guests Can" */ + .hGcgEd { color: var(--GR17) !important } + + /* "Find a time" button */ + .A9M8Me:not(.Y5sE8d) { color: var(--GR17) !important } + + .A9M8Me:not(.Y5sE8d):hover { color: var(--GR19) !important } + + /* "Find a Time" date range */ + .oPF3Ce { color: var(--GR17) !important } + + /* Rooms Icon Row */ + .qTH1m { background: transparent !important } + + /* Placeholder */ + .bojM1c { color: var(--GR12) !important } + + /* Rooms Search Results */ + .pwzJje { border-color: var(--GR10) !important } + + /* Event Tooltip on Hover */ + .VmTz5c { + background: var(--GR6) !important; + color: var(--GR17) !important; + } + + /* "Calendar cannot be shown" */ + .GEhdLd, /* Text */ + .EmURbc /* Help Popup Text */ + { + color: var(--GR17) + } + + /* "FIND A TIME" AREA */ + + /* Header */ + .TxuuLc { + background: var(--GR4) !important; + border-color: var(--GR10) !important; + color: var(--GR17) !important; + } + + /* Left Sidebar */ + .eQHds { border-color: var(--GR4) !important } + + /* Text */ + .yP0bV { color: var(--GR17) !important } + + /* Proposal Time Row */ + .qrLqp .SmCjzc { background: transparent !important } + + /* Calendar */ + + /* Header */ + .Xo3rO { border-color: var(--GR8) !important } + + /* Outside of work week area */ + .SJbruc { background: var(--GR3) !important } + + /* Find a time block */ + .BoaG2d { + background-color: var(--GR19) !important; + border-color: var(--GR19) !important + } + + /* SETTINGS */ + + /* Sidebar */ + .xWId8e { background: var(--GR2) !important } + + /* Current Page Highlight */ + .cAYGed.KKjvXb .Ioup7e, .cAYGed.KKjvXb .BMQm1d { background: var(--GR6) !important } + + /* Breadcrumb */ + .DaQ2rc::before { background: var(--GR6) !important } + + /* Breadcrumb Active */ + .DaQ2rc.KKjvXb .Oxnkef { border-color: var(--GRSELECTED) !important } + + /* Category */ + .nxPHec { color: var(--GR10) !important } + + /* Scroll Indicator (Left) */ + .a0xMze.T8M5bd::after { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0), var(--GR8)) !important; + } + + /* Sections */ + .MDfQ7 { + background: transparent !important; + color: var(--GR17) !important; + } + + /* Title */ + .O1gyfd { color: var(--GR17) !important } + + /* Select Field Labels */ + .LGMdbc { color: var(--GR12) !important } + + /* Browse calendars of interest */ + + /* Row */ + .jxUZDd { border-color: var(--GR8) !important } + + .jxUZDd:hover { background: var(--GR2) !important } + + /* Row label */ + .Ccr7Rb { color: var(--GR12) !important } + + /* Working Hours */ + + /* "To" block */ + .VLl48b { background: transparent !important } + + /* TRASH */ + + /* Sidebar */ + .pljXM { background: transparent !important } + + /* Calendar Header */ + .aDCdzb { color: var(--GR10) !important } + + /* Selected Calendar */ + .LOewLb.KKjvXb { background: var(--GR6) !important } + + /* Lister */ + .NekIXe, .Lzfnue { background: transparent !important } + + /* Table Headers */ + .M1ZIGd { color: var(--GR17) !important } + + /* Content */ + .ETUnje > * { color: var(--GR15) !important } + + /* Row Hover */ + .v9Riof:hover, .ETUnje:hover { background: var(--GR4) !important } + .ETUnje { border-color: var(--GR6) !important } + + /* EMBEDDED IFRAME SIDEBAR INSIDE GMAIL */ + + /* Header Titles */ + .ccLsFc { color: var(--GR17) !important } + + /* Header Dividers */ + .cOoA8d, .cBs4Te { border-color: var(--GR10) !important } + + /* Header "..." Menu Selected Option */ + .e3odF { background: var(--GR10) !important } + + /* Create Event Popover */ + + /* Header */ + .Bofavf { + background: var(--GR4) !important; + box-shadow: inset 0 1px 0 var(--GR12) !important; + } + + /* "Add Title" */ + .XTHi9c .snByac { color: var(--GR15) !important } + + /* Title */ + .XTHi9c .zHQkBf { color: var(--GR19) !important } + + /* Section Dividers */ + .Od6NEf, .IFQP9d, .iofSlf, .Da8wwf { border-color: var(--GR10) !important } + + /* "Add Google Meet video conferencing" */ + .oYdi4d .FAE19b .snByac { color: var(--GR15) !important } + + /* "Join with Google Meet" */ + .Q30cfe { color: var(--GR19) !important } diff --git a/recipes/google-calendar/package.json b/recipes/google-calendar/package.json index a9c8b3503..1911676da 100644 --- a/recipes/google-calendar/package.json +++ b/recipes/google-calendar/package.json @@ -1,7 +1,7 @@ { "id": "google-calendar", "name": "Google Calendar", - "version": "2.4.2", + "version": "2.4.3", "license": "MIT", "aliases": [ "google-calendar",