/* ==UserStyle== @name Google Meet Dark @namespace github.com/mxdanger/GoogleMeet-Dark @version 1.1.0 @description Dark theme for Google Meet @author mxdanger @homepageURL https://github.com/mxdanger/GoogleMeet-Dark @supportURL https://github.com/mxdanger/GoogleMeet-Dark/issues @updateURL https://raw.githubusercontent.com/mxdanger/GoogleMeet-Dark/main/googlemeet-dark.user.css @license MIT @preprocessor uso @var select prefers-color-scheme "Follow System Preference" { "Enabled*": "(prefers-color-scheme: dark)", "Disabled": "" } @var select backdrop-blur "Backdrop Blur" { "Enabled*": "@supports (backdrop-filter: blur()) or (-webkit-backdrop-filter: blur()){.kPfa,.XrLeg,.SKeFg,.JKr5wd,.X1OLdb.qqMC3e .SKeFg,.X1OLdb.qqMC3e .JKr5wd,.eje4af,.btrcPe {-webkit-backdrop-filter: saturate(180%) blur(10px);backdrop-filter: saturate(180%) blur(10px);}.JPdR6b,.MslXUd,.TZFSLb,.g3VIld:not(.MslXUd)::before {background-color: var(--background-color-transparent,var(--gm-background-color));-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}.g3VIld:not(.MslXUd) {background-color: transparent;}.g3VIld:not(.MslXUd)::before {content: '';position: absolute;width: 100%;height: 100%;z-index: -1;}.Ssc6Id{border-color: var(--background-color-transparent,var(--gm-background-color));-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}}", "Disabled": "" } ==/UserStyle== */ @-moz-document domain("meet.google.com") { @media /* [[prefers-color-scheme]] */ { /* Custom variables */ :root { --gm-background-color-elevated: #28292c; --background-color-transparent: #202124bf; --link-color: #8ab4f8; } /* Main variables */ :root { --gm-background-color: #202124; /*#fff*/ --gm-body-text-color: #e8eaed; /*#3c4043*/ --gm-caption-color: #9aa0a6; /*#5f6368*/ --gm-color-caption: var(--gm-caption-color); --gm-error-color-highlight: #a50e0e; /*red-900*/ --gm-error-color: #d93025; /*red-600*/ --gm-hairline-color: #5f6368; /*#dadce0*/ --gm-hint-color: #80868b; /*#80868b*/ --gm-label-color: #9aa0a6; /*#5f6368*/ --gm-navigation-icon-color: #e8eaed; --gm-neutral-highlight-color: #5f6368; --gm-neutral-outline-color: #5f6168; --gm-overlay-color--on-theme-background: #202124; --gm-secondary-icon-color: var(--gm-label-color); --gm-text-color--on-dark-background: var(--gm-text-color--on-theme-background); --gm-text-color--on-theme-background: #202124; --gm-theme-color--base: #8ab4f8; /*blue-300*/ --gm-theme-color--elevation-shadow-1: rgba(138, 180, 248, 0.149); --gm-theme-color--elevation-shadow-2: rgba(138, 180, 248, 0.302); --gm-theme-color--stateful: #669df6; /*blue-400*/ --gm-theme-color-highlight: #262b35; --gm-theme-color: #8ab4f8; /*blue-300*/ --gm-tooltip-background-color: #3c4043; --mdc-theme-primary: var(--gm-theme-color); --gm-fillbutton-container-color: var(--gm-theme-color); --gm-fillbutton-ink-color: var(--gm-text-color--on-theme-background); --gm-fillbutton-state-color: var(--gm-overlay-color--on-theme-background); --gm-fillbutton-ambient-color: var(--gm-theme-color--elevation-shadow-1); --gm-fillbutton-keyshadow-color: var(--gm-theme-color--elevation-shadow-2); --gm-hairlinebutton-outline-color: var(--gm-neutral-outline-color); --gm-hairlinebutton-outline-color--stateful: var(--gm-theme-color--stateful); --gm-hairlinebutton-ink-color: var(--gm-theme-color); --gm-hairlinebutton-ink-color--stateful: var(--gm-theme-color--stateful); --gm-hairlinebutton-state-color: var(--gm-theme-color); --gm-colortextbutton-ink-color: var(--gm-theme-color); --gm-colortextbutton-ink-color--stateful: var(--gm-theme-color--stateful); --gm-colortextbutton-disabled-ink-color: var(--gm-hint-color); --gm-colortextbutton-state-color: var(--gm-theme-color); --gm-neutraltextbutton-ink-color: var(--gm-label-color); --gm-neutraltextbutton-ink-color--stateful: var(--gm-body-text-color); --gm-neutraltextbutton-state-color: var(--gm-label-color); --gm-switch-track-color--on: var(--gm-theme-color--base); --gm-switch-track-color--off: var(--mdc-theme-on-surface); --gm-switch-thumb-color--on: var(--gm-theme-color); --gm-switch-thumb-color--off: var(--gm-body-text-color); --gm-switch-ripple-color--on: var(--gm-theme-color--base); --gm-outlinedtextfield-outline-color: var(--gm-neutral-outline-color); --gm-outlinedtextfield-outline-color--stateful: var(--gm-theme-color); --gm-outlinedtextfield-outline-color--error: var(--gm-error-color); --gm-outlinedtextfield-outline-color--error-hover: var(--gm-error-color-highlight); --gm-outlinedtextfield-outline-color--error-stateful: var(--gm-error-color); --gm-outlinedtextfield-ink-color: var(--gm-theme-color); --gm-outlinedtextfield-ink-color--stateful: var(--gm-theme-color--stateful); --gm-outlinedtextfield-label-color: var(--gm-hint-color); --gm-outlinedtextfield-label-color--hover: var(--gm-label-color); --gm-outlinedtextfield-label-color--stateful: var(--gm-theme-color); --gm-outlinedtextfield-label-color--error: var(--gm-error-color); --gm-outlinedtextfield-caret-color: var(--gm-theme-color); --gm-outlinedtextfield-caret-color--error: var(--gm-error-color); --gm-outlinedtextfield-helper-text-color: var(--gm-caption-color); --gm-outlinedtextfield-helper-text-color--error: var(--gm-error-color); --gm-outlinedtextfield-helper-text-color--error-hover: var(--gm-error-color-highlight); --gm-tonalbutton-ink-color: var(--gm-theme-color); --gm-tonalbutton-ink-color--stateful: var(--gm-theme-color); --gm-tonalbutton-state-color: var(--gm-theme-color--stateful); --gm-tonalbutton-container-color: var(--gm-theme-color--elevation-shadow-1); --gm-tonalbutton-disabled-ink-color: rgba(255, 255, 255, 0.38); --gm-tonalbutton-disabled-container-color: rgba(255, 255, 255, 0.12); --gm-chip-ink-color: var(--gm-body-text-color); --gm-chip-ink-color--stateful: var(--gm-body-text-color); --gm-chip-outline-color: var(--gm-hairline-color); --gm-chip-outline-color--stateful: var(--gm-label-color); --gm-chip-state-color: var(--gm-body-text-color); --mdc-theme-surface: var(--gm-background-color); --mdc-theme-on-surface: var(--gm-body-text-color); /*#000*/ --mdc-theme-secondary: var(--gm-theme-color); /*#018786*/ --mdc-theme-error: var(--gm-error-color); --mdc-checkbox-checked-color: var(--mdc-theme-secondary); --mdc-checkbox-unchecked-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-disabled-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-ink-color: var(--gm-background-color); --mdc-theme-text-primary-on-background: rgba(255, 255, 255, 0.87); --mdc-theme-text-secondary-on-background: rgba(255, 255, 255, 0.54); --mdc-theme-text-disabled-on-light: var(--gm-hairline-color); --gm-outlinedselect-ink-color: var(--gm-body-text-color); --gm-outlinedselect-icon-color: var(--gm-label-color); --gm-outlinedselect-icon-color--disabled: var(--gm-hint-color); --gm-iconbutton-disabled-ink-color: var(--gm-hairline-color); --mdc-ripple-color: var(--gm-body-text-color); --gm-outlinedselect-dropdown-icon-color: var(--gm-hint-color); --gm-outlinedselect-dropdown-icon-color--hover: var(--gm-label-color); --gm-outlinedselect-dropdown-icon-color--disabled: var(--gm-hint-color); --gm-outlinedselect-focused-dropdown-icon-color--stateful: var(--gm-theme-color); --gm-outlinedselect-outline-color: var(--gm-hairline-color); --gm-outlinedselect-outline-color--hover: var(--gm-hint-color); --gm-outlinedselect-outline-color--stateful: var(--gm-theme-color); --gm-outlinedselect-outline-color--disabled: var(--gm-hairline-color); --gm-outlinedselect-label-color: var(--gm-hint-color); --gm-outlinedselect-label-color--hover: var(--gm-label-color); --gm-outlinedselect-label-color--stateful: var(--gm-theme-color); --gm-outlinedselect-label-color--disabled: var(--gm-hint-color); --gm-outlinedselect-label-color--error: var(--gm-error-color); } /* Scrollbar */ :not(.hPqowe)::-webkit-scrollbar-thumb { background: var(--gm-hairline-color); } :not(.hPqowe):hover::-webkit-scrollbar-thumb { background: var(--gm-hint-color); } :not(.hPqowe)::-webkit-scrollbar-thumb:active { background: var(--gm-label-color); } .hPqowe::-webkit-scrollbar-track { border-radius: 8px; } .hPqowe::-webkit-scrollbar-thumb { background-color: var(--gm-hairline-color); border-radius: 8px; } .hPqowe::-webkit-scrollbar-thumb:hover { background-color: var(--gm-hint-color); } .hPqowe::-webkit-scrollbar-thumb:active { background-color: var(--gm-label-color); } /* Main */ html { background-color: var(--gm-background-color); } body { background-color: var(--gm-background-color); color: var(--gm-body-text-color); } a { color: var(--link-color); } .kpROve.u3bW4e:not(.RDPZE), .kpROve:hover:not(.RDPZE) { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 4px 8px 3px rgba(0, 0, 0, 0.3); } .gb_ta svg { color: var(--gm-secondary-icon-color); } .VfPpkd-xl07Ob .VfPpkd-StrnGf-rymPhb-IhFlZd, .VfPpkd-xl07Ob .VfPpkd-StrnGf-rymPhb-f7MjDc { color: currentcolor; } /* Header */ #gb { background-color: transparent !important; } /* Bottom bar */ /* legacy version .rG0ybd { background-color: var(--gm-background-color); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .60), 0 1px 3px 1px rgba(0, 0, 0, .30); } .YhIwSc, .I98jWb, .CkXZgc, .tovz2b, .c7fp5b, .L7osyb { color: var(--gm-body-text-color); } .XFtqNb, .o9fq9d, .zm6u9e { color: var(--gm-label-color); } .Q8K3Le.o7y9G .XFtqNb { color: var(--gm-theme-color); } .kHC9yb { color: var(--gm-label-color); } .uD3s5c .FrkLCe { color: var(--gm-label-color); } .ZPasfd, .A00RE { border-color: var(--gm-hairline-color); } .A00RE { color: var(--gm-body-text-color); } .OCZA0d { color: var(--gm-label-color); } .sPXonc { color: var(--gm-body-text-color); } .Q8K3Le.o7y9G .JjGEMb, .FrkLCe { color: var(--gm-theme-color); } .Q8K3Le.o7y9G .XFtqNb, .Q8K3Le.o7y9G .I98jWb { color: var(--gm-theme-color); } .p2SYhf.SNTzF .OCZA0d, .p2SYhf.SNTzF .sPXonc { color: var(--gm-theme-color); } */ /* Hover overlay */ .rKOYsc { background-color: rgba(60, 64, 67, 0.3); -webkit-backdrop-filter: saturate(140%) blur(5px); backdrop-filter: saturate(140%) blur(5px); opacity: 0; transition-property: opacity, background-color; } .P48BS.MSqqjf:hover .rKOYsc { opacity: 1; background-color: rgba(60, 64, 67, 0.3); } .P48BS.MSqqjf:hover .rKOYsc:hover, .P48BS.MSqqjf .rKOYsc:focus-within { opacity: 1; background-color: rgba(60, 64, 67, 0.6); } /* Home screen */ .MaqJqd { background-color: var(--gm-background-color-elevated); } .c83xBb { color: var(--gm-label-color); } .VdLOD { background-color: var(--gm-background-color-elevated); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149); } .sIR20d { border-color: var(--gm-hairline-color); } .ox9SMb { background-color: var(--gm-background-color-elevated); color: var(--gm-body-text-color); } .ox9SMb:focus-within, .ox9SMb.AHmuwe { background: var(--gm-theme-color); color: var(--gm-text-color--on-theme-background); } .u8klde { color: var(--gm-body-text-color); } .ox9SMb:focus-within .u8klde, .ox9SMb.AHmuwe .u8klde { color: var(--gm-text-color--on-theme-background); } /* Home screen: text input */ .VfPpkd-fmcmS-yrriRe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-TvZj5c-OWXEXe-M1Soyc, .VfPpkd-fmcmS-yrriRe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-TvZj5c-OWXEXe-UbuQg { color: var(--gm-secondary-icon-color); } .XfeBDf:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd::placeholder { color: var(--gm-label-color); } /* Home screen: scheduled meeting */ .mtr0Je { background-color: var(--gm-background-color-elevated); color: var(--gm-body-text-color); } .mtr0Je:focus-within, .mtr0Je.AHmuwe { background: var(--gm-theme-color); color: var(--gm-text-color--on-theme-background); } .AKhouc, .dOPgd, .ArJ2Te { color: var(--gm-label-color); } .I680R { color: var(--gm-label-color); } .Ql1xRb { color: var(--gm-theme-color); border-color: var(--gm-theme-color); } .mtr0Je:focus-within .Ql1xRb, .mtr0Je.AHmuwe .Ql1xRb { color: var(--gm-theme-color-highlight); } .mtr0Je.AHmuwe .NUKee, .mtr0Je.AHmuwe .ArJ2Te, .mtr0Je.AHmuwe .mobgod, .mtr0Je.AHmuwe .AKhouc, .mtr0Je.AHmuwe .dOPgd, .mtr0Je:focus .fvfSvd, .mtr0Je:focus .wvxPtf, .mtr0Je:focus-within .NUKee, .mtr0Je:focus-within .ArJ2Te, .mtr0Je:focus-within .mobgod, .mtr0Je:focus-within .AKhouc, .mtr0Je:focus-within .dOPgd { color: var(--gm-text-color--on-theme-background); } /* Home screen: can only join meetings notice */ .R63QZe { color: var(--gm-body-text-color) } .ox9SMb:focus-within .R63QZe, .ox9SMb.AHmuwe .R63QZe { color: var(--gm-text-color--on-theme-background); } /* Home screen: card slideshow */ .IVHFwe { background: var(--gm-hairline-color); } .IVHFwe.KKjvXb { background: var(--gm-theme-color); } /* Left meeting */ .p2ZbV.zKHdkd, .qrB73e { background-color: var(--gm-background-color) } .CRFCdf, .qpp46, .KHxj8b, .roSPhc { color: var(--gm-body-text-color); } .DGSref .qBrLkf, .DGSref .yZ71kd, .IC2WJf .kfi6Wb .fXx9Lc, .QSuU7e, .KK6mqc, .S1BUyf, .F1pOBe, .AqyrZd { color: var(--gm-label-color); } .AeAAkf { color: var(--gm-theme-color); border-color: var(--gm-hairlinebutton-outline-color); } .AeAAkf:hover { border-color: var(--gm-theme-color--elevation-shadow-2); } .AeAAkf.qs41qe { background-color: rgba(138, 180, 248, 0.14); } .nS35F, .UlcXrc.KKjvXb .NBUgSc, .rwbKSb .cXrdqd { background-color: var(--gm-theme-color); } .UlcXrc:hover .NBUgSc, .UlcXrc.KKjvXb:hover .NBUgSc { background-color: rgba(138, 180, 248, 0.5); } .Y5sE8d.u3bW4e, .Y5sE8d:not(.RDPZE):hover { box-shadow: 0 2px 1px -1px rgba(138, 180, 248, 0.2), 0 1px 1px 0 rgba(138, 180, 248, 0.141), 0 1px 3px 0 rgba(138, 180, 248, 0.122); } .UQuaGc.Y5sE8d.qs41qe { box-shadow: 0 3px 5px -1px rgba(138, 180, 248, 0.2), 0 6px 10px 0 rgba(138, 180, 248, 0.141), 0 1px 18px 0 rgba(138, 180, 248, 0.122); } .IPv1Ac:not(.RDPZE):hover, .IPv1Ac.u3bW4e, .IPv1Ac.qs41qe { background-color: rgba(138, 180, 248, 0.08); } .IPv1Ac:not(.RDPZE):hover, .IPv1Ac.u3bW4e, .IPv1Ac.qs41qe { border-color: rgba(138, 180, 248, 0.32); } .nS35F, .xePPFd { color: var(--gm-text-color--on-theme-background); } /* Left meeting: quick access was turned off */ .HAR6W { background: var(--gm-background-color-elevated); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .30), 0 2px 6px 2px rgba(0, 0, 0, .15); } /* Left meeting: feedback */ .eZYnye { color: var(--gm-body-text-color); } .cnE7Je:focus { border-color: var(--gm-theme-color); } .S6Idlc, .WtCEJc, .dQO5xd { background: var(--gm-background-color-elevated); color: var(--gm-body-text-color); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .30), 0 2px 6px 2px rgba(0, 0, 0, .15); } .thP79c:hover { background-color: rgba(232, 234, 237, 0.039); } .thP79c:focus:hover { background-color: rgba(232, 234, 237, 0.122); } .thP79c:focus, .lRaOFf[aria-selected="true"]:focus { background-color: rgba(232, 234, 237, 0.08); } .thP79c.qs41qe, .thP79c.qs41qe:focus, .thP79c.qs41qe:hover { background-color: rgba(232, 234, 237, 0.122); } .IC2WJf .kfi6Wb:hover:not(.RDPZE) { background-color: rgba(232, 234, 237, 0.08) } .IC2WJf .kfi6Wb.u3bW4e:not(.RDPZE) { background-color: rgba(232, 234, 237, 0.12) } .IC2WJf .MbhUzd { background-image: radial-gradient(circle farthest-side, rgba(138, 180, 248, 0.08), rgba(138, 180, 248, 0.08) 80%, rgba(224, 242, 241, 0) 100%); } .SjJ7zc, .NBUgSc, .z0oSpf { background-color: var(--gm-hairline-color); } .PEgb1 { background-color: var(--gm-background-color); } .UQuaGc.RDPZE { color: rgba(218, 220, 224, 0.38); fill: rgba(255, 255, 255, 0.38); } .AeAAkf.RDPZE, .AeAAkf.RDPZE:hover { border-color: rgba(255, 255, 255, 0.12); } .WYbB8:hover:not(.RDPZE) { background-color: rgba(232, 234, 237, 0.08) } .nM37L { border-color: var(--gm-hairline-color); } .DWSDd { color: var(--gm-label-color); } /* Your meeting is safe notice */ .ws7pec { background-color: var(--gm-background-color-elevated); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149); } .nM37L .k3Pzib { border-color: var(--gm-hairline-color); } /* Share meeting link popup */ .acuQXc { background-color: var(--gm-background-color-elevated); color: var(--gm-body-text-color); } .Hayy8b { color: var(--gm-body-text-color); } .IhZkic { color: var(--gm-label-color); } /* Share meeting link popup window from external website */ .jSlHNc { background-color: var(--gm-background-color-elevated); color: var(--gm-body-text-color); } .PpHmke { color: var(--gm-body-text-color); } .fKFzg { color: var(--gm-label-color); } /* Send invite: menu list */ .exZdQc { color: var(--mdc-theme-on-surface); } /* Warning popup */ .D9Gfjf { color: var(--gm-label-color); } .Ik0Dgf { color: var(--gm-body-text-color); } .D9Gfjf .snByac { color: var(--link-color); } .sLKszf, .sLKszf .TpQm9d { color: var(--gm-theme-color); } /* Captions popup */ .eX03B { color: var(--gm-body-text-color); } .UCVH3e { color: var(--gm-label-color); } .DEWFbf { color: var(--gm-body-text-color); } .Jawahb, .Vcr5of { border-color: var(--gm-hairline-color); } .Jousie .CwaK9 { color: var(--gm-theme-color); } .t5nRo { border-color: var(--gm-hairline-color); } /* Cam and mic perms popup */ .vdySc .qRUolc { color: var(--gm-body-text-color); } .vdySc .oJeWuf { color: var(--gm-label-color); } .HQ8yf, .HQ8yf a { color: var(--gm-theme-color); } .DEhM1b .snByac { color: var(--gm-theme-color); } /* Confim popup */ .OFqiSb .J9fJmf .snByac { color: var(--gm-theme-color); } /* Meeting code popup */ .Xpwrdc, .CTmqKd { color: var(--gm-body-text-color); } .D3oBEe .n9IS1::before { border-color: var(--gm-hairline-color); } .D3oBEe.u3bW4e .n9IS1::before { border-color: var(--gm-theme-color); } .l3F1ye, .l3F1ye .TpQm9d { color: var(--gm-theme-color); } .poFWNe { caret-color: var(--gm-theme-color); color: var(--gm-body-text-color); } /* Leave breakout rooms popup */ .Jlokfd .J9fJmf .snByac { color: var(--gm-theme-color); } /* Text button */ .UQuaGc .Fvio9d { background-image: radial-gradient(circle farthest-side,rgba(138, 180, 248, 0.161),rgba(138, 180, 248, 0.161) 80%,rgba(138, 180, 248, 0) 100%); } .UQuaGc { color: var(--gm-theme-color); } .e19J0b { background-color: var(--gm-theme-color); } /* Checkbox */ .aiSeRd { border-color: var(--gm-neutral-outline-color); } .aiSeRd.N2RpBe { border-color: var(--gm-theme-color); } .uHMk6b { border-color: var(--gm-background-color); } .MbUTNc, .Ii6cVc { border-color: var(--gm-text-color--on-theme-background); } .aiSeRd:hover>.MbhUzd { background-color: rgba(232, 234, 237, 0.039); } .aiSeRd:focus>.MbhUzd { background-color: rgba(232, 234, 237, 0.078); } .aiSeRd.N2RpBe:hover>.MbhUzd { background-color: rgba(138, 180, 248, 0.039); } .aiSeRd.N2RpBe:focus>.MbhUzd { background-color: rgba(138, 180, 248, 0.078); } /* Radio radial button */ .UuHXBe .hYsg7c.N2RpBe .Id5V1, .UuHXBe .hYsg7c.N2RpBe .nQOrEb, .UuHXBe .hYsg7c.i9xfbb .nQOrEb { border-color: var(--gm-theme-color); } /* Switch */ .VfPpkd-scr2fc:not(.VfPpkd-scr2fc-OWXEXe-barxie) .VfPpkd-yNh9Ed-aLJec::before, .VfPpkd-scr2fc:not(.VfPpkd-scr2fc-OWXEXe-barxie) .VfPpkd-yNh9Ed-aLJec::after { background-color: var(--gm-body-text-color); } .hh4xKf { opacity: .38; border-color: var(--gm-switch-track-color--off); } [aria-checked="true"] > .hh4xKf { opacity: .54; border-color: var(--gm-switch-track-color--on); } .E7QdY { border-color: var(--gm-switch-thumb-color--off); } [aria-checked="true"] .E7QdY { border-color: var(--gm-switch-thumb-color--on); } .YGFwk { background-color: var(--gm-theme-color--elevation-shadow-1); } .u3bW4e > .YGFwk { background-color: var(--gm-theme-color--elevation-shadow-1); } .i9xfbb > .YGFwk { background-color: rgba(232, 234, 237, 0.161); } /* Dropdown */ .MocG8c, .PK2ABb.DEh1R { color: var(--gm-body-text-color); } .ncFHed { background-color: var(--gm-background-color); } .ncFHed .MocG8c.KKjvXb { background-color: var(--gm-background-color-elevated); } .ncFHed .VOUU9e, .QMKoTb, .iEaezd { border-color: var(--gm-hairline-color); } .ybOdnf .OA0qNb { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149) } .CO1lLb { color: var(--gm-label-color); } .Kc25u { border-color: var(--gm-hairline-color); } .jgvuAb .kRoyt { background-image: radial-gradient(circle farthest-side, rgba(232, 234, 237, 0.12), rgba(232, 234, 237, 0.12) 80%, rgba(232, 234, 237, 0) 100%); } .e2CuFe, .ybOdnf .eU809d { border-color: var(--gm-label-color) transparent; } /* Outlined text field */ .cfWmIb { --gm-outlinedtextfield-ink-color: var(--gm-label-color); } .cfWmIb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me):not(.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe):hover .VfPpkd-NSFCdd-i5vt6e .VfPpkd-NSFCdd-Brv4Fb, .cfWmIb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me):not(.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe):hover .VfPpkd-NSFCdd-i5vt6e .VfPpkd-NSFCdd-Ra9xwd, .cfWmIb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me):not(.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe):hover .VfPpkd-NSFCdd-i5vt6e .VfPpkd-NSFCdd-MpmGFe { border-color: var(--gm-outlinedselect-outline-color--hover); } .cfWmIb.VfPpkd-fmcmS-yrriRe-OWXEXe-UJflGc:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me):not(.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe):hover .VfPpkd-NSFCdd-i5vt6e .VfPpkd-NSFCdd-Brv4Fb, .cfWmIb.VfPpkd-fmcmS-yrriRe-OWXEXe-UJflGc:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me):not(.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe):hover .VfPpkd-NSFCdd-i5vt6e .VfPpkd-NSFCdd-Ra9xwd, .cfWmIb.VfPpkd-fmcmS-yrriRe-OWXEXe-UJflGc:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me):not(.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe):hover .VfPpkd-NSFCdd-i5vt6e .VfPpkd-NSFCdd-MpmGFe { border-color: var(--gm-outlinedtextfield-outline-color--error-hover); } /* Outlined text field: label */ .cfWmIb:hover:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc { color: var(--gm-outlinedtextfield-label-color--hover); } .cfWmIb.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc { color: var(--gm-outlinedtextfield-label-color--stateful); } .cfWmIb.VfPpkd-fmcmS-yrriRe-OWXEXe-UJflGc:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc { color: var(--gm-outlinedtextfield-label-color--error); } /* Outlined text field: helper text */ .cfWmIb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-yrriRe-JZnCve-gmhCAd, .cfWmIb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me)+.VfPpkd-fmcmS-yrriRe-W0vJo-RWgCYc .VfPpkd-fmcmS-yrriRe-JZnCve-gmhCAd { color: var(--gm-outlinedtextfield-helper-text-color); } .cfWmIb.VfPpkd-fmcmS-yrriRe-OWXEXe-UJflGc:hover:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe):not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me)+.VfPpkd-fmcmS-yrriRe-W0vJo-RWgCYc .VfPpkd-fmcmS-yrriRe-W0vJo-fmcmS, .cfWmIb.VfPpkd-fmcmS-yrriRe-OWXEXe-UJflGc:hover:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe):not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc, .cfWmIb.VfPpkd-fmcmS-yrriRe-OWXEXe-UJflGc:hover:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe):not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-TvZj5c-OWXEXe-UbuQg { color: var(--gm-outlinedtextfield-helper-text-color--error-hover); } /* Outlined select dropdown field */ .ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-NSFCdd-Brv4Fb, .ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-NSFCdd-Ra9xwd, .ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-NSFCdd-MpmGFe { border-color: var(--gm-outlinedselect-outline-color); } .ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me):not(.VfPpkd-O1htCb-OWXEXe-XpnDCe) .VfPpkd-TkwUic:hover .VfPpkd-NSFCdd-i5vt6e .VfPpkd-NSFCdd-Brv4Fb, .ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me):not(.VfPpkd-O1htCb-OWXEXe-XpnDCe) .VfPpkd-TkwUic:hover .VfPpkd-NSFCdd-i5vt6e .VfPpkd-NSFCdd-Ra9xwd, .ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me):not(.VfPpkd-O1htCb-OWXEXe-XpnDCe) .VfPpkd-TkwUic:hover .VfPpkd-NSFCdd-i5vt6e .VfPpkd-NSFCdd-MpmGFe { border-color: var(--gm-outlinedselect-outline-color--hover); } .ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me).VfPpkd-O1htCb-OWXEXe-XpnDCe .VfPpkd-NSFCdd-i5vt6e .VfPpkd-NSFCdd-Brv4Fb, .ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me).VfPpkd-O1htCb-OWXEXe-XpnDCe .VfPpkd-NSFCdd-i5vt6e .VfPpkd-NSFCdd-Ra9xwd, .ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me).VfPpkd-O1htCb-OWXEXe-XpnDCe .VfPpkd-NSFCdd-i5vt6e .VfPpkd-NSFCdd-MpmGFe { border-color: var(--gm-outlinedselect-outline-color--stateful); } .ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-uusGie-fmcmS { color: var(--gm-outlinedselect-label-color--hover); } /* Outlined select dropdown field: label */ .ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me).VfPpkd-O1htCb-OWXEXe-XpnDCe .VfPpkd-NLUYnc-V67aGc { color: var(--gm-outlinedselect-label-color--stateful); } .ReCbLb.VfPpkd-O1htCb-OWXEXe-UJflGc:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc { color: var(--gm-outlinedselect-label-color--error); } .ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc { color: var(--gm-outlinedselect-label-color); } .ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me):not(.VfPpkd-O1htCb-OWXEXe-XpnDCe):hover .VfPpkd-NLUYnc-V67aGc { color: var(--gm-outlinedselect-label-color--hover); } /* Outlined select dropdown field: icon */ .ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me).VfPpkd-O1htCb-OWXEXe-XpnDCe .VfPpkd-t08AT-Bz112c { fill: var(--gm-outlinedselect-focused-dropdown-icon-color--stateful); } .ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me):not(.VfPpkd-O1htCb-OWXEXe-XpnDCe):hover .VfPpkd-t08AT-Bz112c { fill: var(--gm-outlinedselect-dropdown-icon-color--hover); } /* Outlined select dropdown field: dropdown */ .s8kOBc .VfPpkd-rymPhb-fpDzbe-fmcmS { color: var(--mdc-theme-text-primary-on-background); } .r6B9Fd .VfPpkd-rymPhb-fpDzbe-fmcmS { color: var(--mdc-theme-text-primary-on-background); } VfPpkd-rymPhb-fpDzbe-fmcmS { color: var(--mdc-theme-text-primary-on-background); } /* Dropdown: dial in */ .HulBzd { background-color: var(--gm-background-color-elevated); border-bottom-color: var(--gm-theme-color); } /* Call me and join */ .OHZKt { background-color: var(--background-color); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .60), 0 1px 3px 1px rgba(0, 0, 0, .30); } /* Call me modal */ .I7vHbe, .CprKKb { color: var(--gm-theme-color); } .Gm0zG .cXrdqd { background-color: var(--gm-theme-color); } .Gm0zG .oJeWuf, .SB5oOe { background: var(--gm-background-color-elevated); } .i9lrp { background-color: var(--gm-hairline-color); } .SB5oOe { border-color: var(--gm-hairline-color); } .ndJi5d { color: var(--gm-label-color); } .whsOnd { color: var(--gm-body-text-color); } .Hktuv { color: var(--gm-label-color); } .VFkRxc { color: var(--gm-error-color); } /* Call me modal: dial in tab */ .iPvlof { color: var(--gm-theme-color); } .QKcaib { color: var(--gm-error-color); } /* Call me modal: loading bar */ .vxZi5 .Iq5ZMc { background-color: var(--gm-theme-color-highlight); } .vxZi5 .SQxu9c { background-color: var(--gm-theme-color); } /* Top right */ .lvE3se { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149); } .NzPR9b { background-color: var(--gm-background-color); } .qO3Z3c { background-color: var(--gm-hairline-color); } .foXzLb { color: var(--gm-body-text-color) !important; } .Z7iKHc { background-color: var(--gm-theme-color); border-color: var(--gm-background-color); } .RWK2Je { background-color: var(--gm-background-color-elevated); } .ADivge.vLRPrf .pUTHKf { color: var(--gm-body-text-color); } /* Circular button */ .cjq2Db, .fKz7Od { color: var(--gm-body-text-color); fill: var(--gm-body-text-color); } .mcyM9d { color: var(--gm-body-text-color); } .Y5FYJe.RDPZE { color: var(--gm-label-color); fill: var(--gm-label-color); } .GvcuGe .uB7U9e, .GvcuGe .aC0Bke { color: var(--gm-label-color); } .VUk8eb { color: var(--gm-label-color); } .VfPpkd-Bz112c-LgbsSe::before { background-color: var(--gm-body-text-color); } .VfPpkd-Bz112c-LgbsSe::after { background-color: var(--gm-body-text-color); } .Y5FYJe:hover, .mcyM9d:hover { background-color: rgba(232, 234, 237, 0.039); } .mcyM9d.u3bW4e { background-color: rgba(232, 234, 237, 0.08); } .cjq2Db:hover:focus, .cjq2Db.u3bW4e:hover, .mcyM9d.u3bW4e:hover { background-color: rgba(232, 234, 237, 0.08); } .Xpwrdc .pPQgvf:hover { background-color: rgba(232, 234, 237, 0.08); } .fKz7Od.u3bW4e { background-color: rgba(232, 234, 237, 0.12); } .cjq2Db .PDXc1b { background: radial-gradient(circle farthest-side, rgba(232, 234, 237, 0.161), rgba(232, 234, 237, 0.161) 80%, rgba(232, 234, 237, 0) 100%); } .fKz7Od .VTBa7b { background: radial-gradient(circle farthest-side, rgba(232, 234, 237, 0.12), rgba(232, 234, 237, 0.12) 80%, rgba(232, 234, 237, 0) 100%); } /* Top navigation: date */ .v1pyg { color: var(--gm-label-color); } /* Top navigation: support */ .LAtdzd:hover { background: rgba(232, 234, 237, 0.04); } /* Top navigation: Google account menu buttons */ /* These classes are very unsable and tend to commonly change */ .gb_qa svg, .gb_Bc svg, .gb_Xc .gb_6d, .gb_Nc .gb_6d { color: var(--gm-secondary-icon-color); } .gb_zc .gb_6e.gb_7e button:hover svg, .gb_6e button:hover svg, .gb_D:hover { background-color: rgba(232, 234, 237, 0.08); } .gb_zc .gb_6e button:active svg, .gb_zc .gb_D:active { background-color: rgba(232, 234, 237, 0.12); } .gb_zc .gb_6e button:hover svg, .gb_zc .gb_D:hover { background-color: rgba(232, 234, 237, 0.08); } .gb_zc .gb_6e.gb_7e button:focus svg, .gb_zc .gb_6e.gb_7e button:focus:hover svg, .gb_6e button:focus svg, .gb_6e button:focus:hover svg, .gb_D:focus, .gb_D:focus:hover { background-color: rgba(232, 234, 237, 0.1); } .gb_D[aria-expanded=true], .gb_D:hover[aria-expanded=true] { background-color: rgba(232, 234, 237, 0.12); } .gb_D[aria-expanded=true] .gb_We, .gb_D[aria-expanded=true] .gb_Xe { fill: var(--gm-secondary-icon-color); } .gb_sa svg, .gb_Ec svg, .gb_1c .gb_ge, .gb_Qc .gb_ge { color: var(--gm-secondary-icon-color); } /* VERY hacky code */ @supports (backdrop-filter: brightness()) or (-webkit-backdrop-filter: brightness()) { .gb_qc, .ye1V6b { --brightness: 1.5; } /* Meet Icon Google */ .gb_qc::before { -webkit-backdrop-filter: brightness(calc(1 * var(--brightness))); backdrop-filter: brightness(calc(1 * var(--brightness))); z-index: 1; } .gb_qc::after { -webkit-backdrop-filter: brightness(calc(1 / var(--brightness))); backdrop-filter: brightness(calc(1 / var(--brightness))); z-index: -1; } .gb_qc::before, .gb_qc::after { content: ""; width: 42%; height: 100%; position: absolute; top: 0; left: 30%; } /* Meet Icon Google Meet */ .ye1V6b { position: relative; } .ye1V6b::before { -webkit-backdrop-filter: brightness(calc(1 * var(--brightness))); backdrop-filter: brightness(calc(1 * var(--brightness))); z-index: 1; } .ye1V6b::after { -webkit-backdrop-filter: brightness(calc(1 / var(--brightness))); backdrop-filter: brightness(calc(1 / var(--brightness))); z-index: -1; } .ye1V6b::before, .ye1V6b::after { content: ""; width: 75%; height: 100%; position: absolute; display: block; top: 0; left: 25%; } } /* Right slideover meeting details */ .mKBhCf { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149); } .mKBhCf, .cU0hbd .D0baBe, .cU0hbd .K74C9e, .cS7aqe, .c0XF8e.kaAt2:not(.KKjvXb), .c0XF8e.kaAt2:not(.KKjvXb) .VZhFab, .YTbUzc, .oIy2qc, .XnKlKd .tL9Q4c, .GdrRqd, .J8vCN.zHGix, .zWGUib, .NnTWjc { color: var(--gm-body-text-color); } .Bs3rEf, .MuzmKe, .XnKlKd .snByac, .RpOp4b { color: var(--gm-label-color); } .Bx7THd.PBWx0c .ZHdB2e .ZjAUM, .Bx7THd.PBWx0c .cU0hbd, .fSW6Ze, .z38b6, .uFGEzd { border-color: var(--gm-hairline-color); } .XnKlKd .mIZh1c { background-color: var(--gm-hairline-color); } .mKBhCf, .ZHdB2e .kaAt2, .ZHdB2e, .fSW6Ze, .vvTMTb { background-color: var(--gm-background-color); } .Bs3rEf { background-color: transparent; } .LsDE5, .is878e { background-color: var(--gm-background-color-elevated); } .c0XF8e.kaAt2.KKjvXb, .c0XF8e.kaAt2.KKjvXb .VZhFab, .e3AdI { color: var(--gm-theme-color); } .q21cab.ZjAUM .s7bIcf, .XnKlKd .cXrdqd { background-color: var(--gm-theme-color); } .c0XF8e:hover, .Talfyf .kaAt2:hover, .IOMGae .kaAt2:hover, .ZHdB2e .kaAt2:hover { background-color: rgba(138, 180, 248, 0.039); } .oIy2qc .DbQRg { color: var(--link-color); } /* Send message */ .Cs0vCd.RDPZE .e3AdI { color: var(--gm-label-color); } /* Disabled chat */ .edhGSc.RDPZE > .RpC4Ne > .z0oSpf { border-bottom-color: var(--gm-hairline-color); } .XnKlKd[aria-disabled="true"] + .Cs0vCd.RDPZE .e3AdI { color: var(--gm-hint-color); } /* Send messages toggle */ .vvTMTb .jE2Fge { background-color: var(--gm-background-color-elevated); } /* Show everyone slideover tab */ .isOLae { color: var(--gm-label-color); } .jcGw9c { color: var(--gm-label-color); } .J6bbCe { color: var(--gm-label-color); } /* Backgrounds slideover */ .lu9bwd.YY1gRd .XUKGjd, .lu9bwd.YY1gRd:hover .XUKGjd, .lu9bwd.YY1gRd:focus-within .XUKGjd { border-color: var(--gm-theme-color); color: var(--gm-theme-color); } .lu9bwd .XUKGjd { color: var(--gm-label-color) } .lu9bwd:hover .XUKGjd, .lu9bwd:hover .lXkCod, .lu9bwd:focus-within .lXkCod { border-color: var(--gm-hairlinebutton-ink-color--stateful); } /* Activities Tab */ .GMuzH { background-color: var(--gm-theme-color); border-color: var(--gm-background-color); } .WUFI9b { background-color: var(--gm-background-color-elevated); } .qOogjf { color: var(--gm-hint-color); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rOvkhd-rymPhb-ibnC6b .VfPpkd-rymPhb-pZXsl::before, :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rOvkhd-rymPhb-ibnC6b .VfPpkd-rymPhb-pZXsl::after, :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b .VfPpkd-rymPhb-pZXsl::before, :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b .VfPpkd-rymPhb-pZXsl::after { background-color: #fff; } /* Polls */ .viSVl::after { background-color: var(--gm-hairline-color); } .QdklLd::after { background: linear-gradient(rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0) 100%); } .qGK6Tb.pkMGBe { background-color: var(--gm-theme-color); color: var(--gm-text-color--on-theme-background); } .VuFIAc { background-color: var(--gm-theme-color); } .WLgk6b { background-color: var(--gm-theme-color-highlight); } .DDbSdf { border-color: var(--gm-hairline-color); } .FnWAi { color: var(--gm-body-text-color); } .Mdlrxe { color: var(--gm-label-color); } .sWxvBc, .U3b2jf { color: var(--gm-label-color); } .d1vlzd { color: var(--gm-label-color); } .VfPpkd-qNpTzb-ajuXxc-ZMv3u { background-color: var(--gm-theme-color-highlight); } .lG5Vlb.rxb0oe .VfPpkd-qNpTzb-ajuXxc-ZMv3u { background-color: var(--gm-theme-color-highlight); } .lG5Vlb.rxb0oe .VfPpkd-qNpTzb-P4pF8c-SmKAyb { border-color: var(--mdc-theme-primary); } .XUf9Pd { background-color: var(--gm-theme-color); } .BE3Wmf { border-color: var(--gm-hairline-color); } .TTJ4kf { color: var(--gm-label-color); } /* Polls: live */ .xa2YMd.pkMGBe { background-color: var(--gm-theme-color); color: var(--gm-text-color--on-theme-background); } .y75Fwe { color: var(--gm-label-color); } /* Polls: ended state */ .ueaGnf { border-color: var(--gm-hairline-color); } .sB7Y0c { color: var(--gm-label-color); } .qXP5Ad { color: var(--gm-body-text-color); } .oN5Iqe { color: var(--gm-label-color); } .LkcXpc { fill: var(--gm-theme-color); } .iX9Lud .hYsg7c.N2RpBe .Id5V1, .iX9Lud .hYsg7c.N2RpBe .nQOrEb, .iX9Lud .hYsg7c.i9xfbb .nQOrEb { border-color: var(--gm-theme-color); } .Ei3FSc { background-color: var(--gm-background-color-elevated); } /* Polls: inactive poll radial */ .X45Cld { fill: var(--gm-theme-color); } .Vn7ny { fill: var(--gm-hairline-color); } .Tg3Gfe { fill: var(--gm-hairline-color); } /* Q&A */ .ocfME { color: var(--gm-label-color); } .Zl9Chd { background: linear-gradient(rgba(0, 0, 0, 0) 0%, var(--gm-background-color) 100%); } .AkVYk .Yalane::before { border-color: var(--gm-hairline-color); } .AkVYk.u3bW4e .Yalane::before { border-color: var(--gm-theme-color); } .hqfVKd { caret-color: var(--gm-outlinedtextfield-caret-color); color: var(--gm-body-text-color); } .YQwhRe { color: var(--gm-outlinedtextfield-helper-text-color); } .JmRlzf { color: var(--gm-outlinedtextfield-helper-text-color); } /* Whiteboarding */ .seI04 { color: var(--gm-body-text-color); } .EX39wd { color: var(--gm-label-color); } .PMlzhc { color: var(--gm-body-text-color); background-color: var(--gm-background-color); border-color: var(--gm-hairline-color); } /* End this video call */ .cC1eCc .VfPpkd-cnG4Wd, .cC1eCc .VfPpkd-zMU9ub { color: var(--gm-body-text-color); } /* Report abuse popup */ .cC1eCc .VfPpkd-P5QLlc { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.393), 0 4px 8px 3px rgba(0, 0, 0, 0.24); } .cC1eCc .VfPpkd-k2Wrsb { color: var(--gm-body-text-color); } .Jaex3d { color: var(--gm-label-color); } /* Preset now menu */ .ZiTobc { color: var(--gm-body-text-color); } .giZTad { color: var(--gm-label-color); } .QkKrhf { color: var(--gm-label-color); } /* Menu list */ .JPdR6b { background-color: var(--gm-background-color); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149); } .z80M1, .CIYi0d .jO7h3c, .x6Aw6b { color: var(--gm-body-text-color); } .YjoXXb { color: var(--gm-label-color); } .yiytvb { color: var(--gm-label-color); } .xGdnqe { color: var(--gm-label-color); } .z80M1.RDPZE .PCdOIb { opacity: 0.6; } .z80M1.RDPZE, .zxUmjc, .tuQMTc { color: var(--gm-body-text-color); } .SX67K { color: var(--gm-label-color); } .z80M1.FwR7Pc { background-color: rgba(232, 234, 237, 0.08); } .z80M1.qs41qe>.aBBjbd { background-image: radial-gradient(circle farthest-side, rgba(232, 234, 237, 0.12), rgba(232, 234, 237, 0.12) 80%, rgba(232, 234, 237, 0) 100%); } /* Menu list: seperator */ .VfPpkd-StrnGf-rymPhb-clz4Ic { border-color: var(--gm-hairline-color); } .kCtYwe { border-color: var(--gm-hairline-color); } /* Menu list: item caption */ .txTes .D4by5 { color: var(--gm-label-color); } /* Details popup */ .TZFSLb { background-color: var(--gm-background-color); } .U9X0yc, .DX090c { color: var(--gm-body-text-color); } .D6kPY, .oYGn2e { color: var(--gm-label-color); } .u7TYad { color: var(--gm-label-color) } .MZNkdc .snByac { color: var(--gm-label-color); } .mrslJ { border-color: var(--gm-hairline-color); } .IOMGae .kaAt2.KKjvXb .NiVZcb, .IOMGae .kaAt2.KKjvXb .pLuP1d { color: var(--gm-theme-color); } .Bs3rEf:hover:not(.u3bW4e) .CeoRYc { background-color: var(--gm-body-text-color); opacity: 0.04; } /* Details popup: Attatchments tab */ .DwIq5e { color: var(--gm-label-color); } /* Popup chevron */ .Ssc6Id { border-color: var(--gm-background-color); } /* Change layout popup */ .MslXUd { background-color: var(--gm-background-color); } .eQ9mTb .dCWhBf, .eQ9mTb .R4GWv, .eQ9mTb .bBKqme { background-color: var(--gm-theme-color); } .eQ9mTb .MLPG7 { background-color: var(--gm-theme-color--stateful); } .eQ9mTb.RDPZE .KqUedc { background-color: var(--gm-hint-color); } .FWhExd { background-color: var(--gm-background-color); } .RKKCNe { color: var(--gm-theme-color); } .A2EMib.RDPZE .RKKCNe { color: var(--gm-label-color); } .R0yd5c .cIGbvc { fill: var(--gm-label-color); } .MslXUd .qRUolc, .RKkqi, .JiQUic { color: var(--gm-body-text-color); } .E5wxQe .snByac { color: var(--gm-body-text-color); } .d7L4fc .hYsg7c .Id5V1 { border-color: var(--gm-label-color); } .d7L4fc .N2RpBe .Id5V1, .d7L4fc .hYsg7c .nQOrEb { border-color: var(--gm-theme-color); } .eQ9mTb .MbhUzd { background-color: rgba(138, 180, 248, 0.102); } .Od2TWd:not(.RDPZE):hover .x0k1lc, .NtlN8c:hover .Od2TWd:not(.RDPZE) .x0k1lc { background-color: rgba(138, 180, 248, 0.039); } /* Popup sidebar */ .KH62af { border-color: var(--gm-hairline-color); } .hZ3uGe:not(:disabled) .VfPpkd-kBDsod, .hZ3uGe:not(:disabled) { color: var(--gm-label-color); } .hZ3uGe.KKjvXb:not(:disabled) { background-color: rgba(138, 180, 248, 0.102); } .hZ3uGe.KKjvXb:not(:disabled) .VfPpkd-kBDsod, .hZ3uGe.KKjvXb:not(:disabled) { color: var(--gm-colortextbutton-ink-color); } .hZ3uGe.KKjvXb:focus:not(:disabled) .VfPpkd-kBDsod, .hZ3uGe.KKjvXb:active:not(:disabled) .VfPpkd-kBDsod, .hZ3uGe.KKjvXb:focus:not(:disabled), .hZ3uGe.KKjvXb:active:not(:disabled) { color: var(--gm-colortextbutton-ink-color--stateful); } .hZ3uGe.KKjvXb .VfPpkd-Jh9lGc::before, .hZ3uGe.KKjvXb .VfPpkd-Jh9lGc::after { background-color: var(--gm-colortextbutton-state-color); } .Z3Eyx { color: var(--gm-body-text-color); } /* Troubleshooting and help popup */ /* Troubleshooting tab */ .bP1RYe { transition: box-shadow 125ms; } .bP1RYe.bnBfGc { box-shadow: 0 0 5px rgba(0, 0, 0, 0.60); } .ll0Ame { color: var(--gm-label-color); } .inkUMb { color: var(--gm-label-color); } .qGcrpb { border-color: var(--gm-hairline-color); } .DO5H3e { background: #9aa0a60f; color: var(--gm-label-color); } .wFLcYb { color: var(--gm-label-color); } /* Troubleshooting tab: Poor network */ .DO5H3e.lOCs1c { background: #eba26a0f; color: #eba26a; } .q8ROpb { color: #eba26a } .SETaGb { background: var(--gm-background-color-elevated); } /* Troubleshooting tab: tooltip */ .ciFDyc { background: var(--gm-background-color); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .30), 0 4px 8px 3px rgba(0, 0, 0, .25); } /* Troubleshooting tab: graph */ .vplCZe { color: var(--gm-label-color); } .q80A9d { color: var(--gm-label-color); } .H5bh5b { color: var(--gm-label-color); } .nsAFCd { color: var(--gm-label-color); } .vyDMJf-SX9D7d text { fill: var(--gm-body-text-color); } .vyDMJf-SX9D7d .kqOKYb line, .vyDMJf-SX9D7d .kqOKYb path { stroke: var(--gm-hairline-color); } .RWgCYc-bdKbFb { stroke: var(--gm-theme-color); } /* Troubleshooting tab: graph hover tooltip*/ .ke9kZe-Rgw69b { background: var(--gm-background-color); color: var(--gm-body-text-color); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .30), 0 4px 8px 3px rgba(0, 0, 0, .25); } .ke9kZe-LkdAo-RbRzK { fill: var(--gm-theme-color--stateful); } /* Troubleshooting help tab */ .xx5ROc { color: var(--gm-label-color); } .Ta1Npb:not(.GDqYkf) { color: var(--gm-neutraltextbutton-ink-color); } .u2KVqb { color: var(--gm-theme-color); } .KsxaHb { border-color: var(--gm-hairline-color); } /* Settings modal */ .g3VIld { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.393), 0 4px 8px 3px rgba(0, 0, 0, 0.24); } .g3VIld:not(.MslXUd) { background-color: var(--gm-background-color); } .K4VHc { color: var(--gm-theme-color); } .E5aed { color: var(--gm-theme-color); } .g3VIld .O0WRkf:not(.RDPZE):hover .CeoRYc { background-color: rgba(138, 180, 248, 0.051); } .An19kf { background-color: var(--gm-theme-color-highlight); } .q97Uuf:hover .CeoRYc, .QSuU7e:hover .CeoRYc { background-color: var(--gm-theme-color); } .UGkFYe { color: var(--gm-label-color); } .Y5sE8d.RDPZE, .YhQJj.RDPZE, .An19kf.RDPZE { background-color: rgba(218, 220, 224, 0.122); /* Disabled state */ } .NVUqMb, .clMRcc { color: var(--gm-body-text-color); background: var(--gm-background-color-elevated); } .Nj6Nq { color: var(--gm-label-color); } .IxSTxb { color: var(--gm-label-color); } .ktANpb { color: var(--gm-label-color); } .ktANpb.RDPZE { color: var(--gm-label-color); } .RoFGbb { color: var(--gm-label-color); } .wdTZr { color: var(--gm-error-color); } /* Audio indicator */ .wPUBwe { color: var(--gm-text-color--on-theme-background); } .IisKdb { color: var(--gm-text-color--on-theme-background); background-color: var(--gm-theme-color); } /* Whiteboard modal */ .W5uYPc { color: var(--gm-label-color); } .Wrzqsf { color: var(--gm-body-text-color); } .zW4Hye { color: var(--gm-label-color); } .Yg8yCd { color: var(--gm-label-color); border-color: var(--gm-hairline-color); } .ctRwId { color: var(--gm-body-text-color); } /* Add people modal */ .QuP9wb .qRUolc, .p0nv6d { color: var(--gm-body-text-color); } .iI9wC { color: var(--gm-label-color); } .pKGwOc { color: var(--gm-label-color); } .qNYb9 .EVe89b { color: var(--gm-text-color--on-theme-background) } .EVe89b { color: var(--gm-label-color); } .GsqdZ { color: var(--gm-body-text-color); } .nqm5ge, .uMYr, .lJXP5c:not(.gpC7Hd) .OfDVZ, .lJXP5c:not(.gpC7Hd) .dY19ed, .sdpiNc { border-color: var(--gm-hairline-color); } .duTsYc { background-color: transparent; } .lJXP5c:not(.gpC7Hd) .RKRJx.u3bW4e .snByac, .RKRJx .snByac { color: var(--gm-label-color); } .l1jYx { color: var(--gm-body-text-color); } .MpY5pe { color: var(--gm-label-color); } .UNoX6b { color: var(--gm-body-text-color); } .inWicd, .JNV5ye, .mOceYd { color: var(--gm-label-color); } .azvSCf { color: var(--gm-body-text-color); } .EDnbAc { background-color: transparent; color: var(--gm-label-color); } .EqJBGb { color: var(--gm-label-color); } .VYErEf.KKjvXb .cqoBA { background-color: var(--gm-theme-color); color: var(--gm-overlay-color--on-theme-background); } .mOceYd.qeGmId { color: var(--gm-error-color) } /* Add people popup: call button */ .t9eThc.RDPZE { background-color: var(--gm-background-color-elevated); } .t9eThc { background-color: var(--gm-theme-color); } .t9eThc.mUbCce.RDPZE { color: var(--gm-label-color); fill: var(--gm-label-color); } .t9eThc.mUbCce { color: var(--gm-overlay-color--on-theme-background); fill: var(--gm-overlay-color--on-theme-background); } /* Connection lost */ .BO1rpc:not(.RDPZE):not(.ZNiiKc):hover, .BO1rpc.u3bW4e, .BO1rpc.qs41qe { background-color: var(--gm-fillbutton-ambient-color); border-color: var(--gm-hairlinebutton-outline-color); } /* Notifications */ .KQZr0e { background: var(--gm-background-color); } .N1zGnc, .kJm1Id { color: var(--gm-body-text-color); } .UgDTGe, .S69Qff, .KFxmPb, .DmUOke, .qS9axb, .Sgl2Ke { color: var(--gm-theme-color); } .l3F1ye .e19J0b, .AeAAkf .e19J0b, .YhQJj .e19J0b { background-color: var(--gm-theme-color); } .BO1rpc:not(.RDPZE):hover, .BO1rpc.u3bW4e, .BO1rpc.qs41qe { background-color: #2b4646; } .BO1rpc:not(.RDPZE)::after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; z-index: -1; background: var(--gm-background-color);; } .BO1rpc .MbhUzd { background-image: radial-gradient(circle farthest-side, rgba(138, 180, 248, 0.039), rgba(138, 180, 248, 0.039) 80%, rgba(138, 180, 248, 0) 100%); } .qx56Dd .OvyUed { background-color: var(--gm-background-color-elevated); } /* Notifications: prompt */ .eXiyXc { color: var(--gm-label-color); } /* Joining meeting */ .oORaUb { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .60), 0 1px 3px 1px rgba(0, 0, 0, .30); } .xKiqt { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.2); } .ur6aYb { background-color: var(--gm-background-color-elevated); } .GN4RFc { background-color: var(--gm-background-color); } .Ue6DPb, .Yi3Cfd { color: var(--gm-body-text-color); } .DLjNp.LlMNQd .Kx3qp { color: var(--gm-label-color); } .ZYf3qb:not(.RDPZE) .snByac, .x95qze, .xKiqt { color: var(--gm-theme-color); } .Y5sE8d, .w5wUXb { background-color: var(--gm-theme-color); color: var(--gm-text-color--on-theme-background); } .DLjNp.LlMNQd .Kx3qp:focus, .DLjNp.LlMNQd .Kx3qp:hover { color: var(--link-color); } /* Joining meeting: bottom notice */ .Pujlue { background-color: var(--gm-background-color); color: var(--gm-label-color);; } .XEvZzb { color: var(--gm-theme-color); } /* Let people hear you better */ .ZAi6cc { color: var(--gm-label-color); } /* Ready to join? */ /* Chip button */ .DEERWb.KshDhe .VfPpkd-Zr1Nwf-OWXEXe-M1Soyc { color: var(--gm-theme-color); } /* Check your audio and video modal */ .cC1eCc .VfPpkd-P5QLlc { background-color: var(--gm-background-color); } .RFZoDf { color: var(--gm-body-text-color); } .s8kOBc .VfPpkd-rymPhb .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd { background-color: var(--gm-theme-color-highlight); } .s8kOBc .VfPpkd-rymPhb .VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd, .s8kOBc .VfPpkd-rymPhb .VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01b, .s8kOBc .VfPpkd-rymPhb .VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-rymPhb-f7MjDc, .s8kOBc .VfPpkd-rymPhb .VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01b .VfPpkd-rymPhb-f7MjDc { color: var(--mdc-theme-on-surface); } .s8kOBc .VfPpkd-rymPhb { color: var(--mdc-theme-text-primary-on-background); } .DwOugd.KshDhe .VfPpkd-Zr1Nwf-OWXEXe-M1Soyc { color: #55bb6b; } /* Check your audio and video modal: your results */ .Ueqjm { color: var(--gm-body-text-color); } .LEUZG { -webkit-backdrop-filter: blur(0.5rem); backdrop-filter: blur(0.5rem); } .rxb0oe .VfPpkd-qNpTzb-ajuXxc-ZMv3u { background-color: var(--gm-theme-color-highlight); } .rxb0oe .VfPpkd-qNpTzb-P4pF8c-SmKAyb { border-color: var(--gm-theme-color); } .kUYZYd.EBS5u { background-color: #253031; color: #4db6ac; } /* Error chip */ .X5Sgtf.P2wJPb { background-color: rgba(217, 48, 37, 0.1); color: var(--gm-error-color); border-color: var(--gm-error-color); } .X5Sgtf.P2wJPb:hover { background-color: rgba(217, 48, 37, 0.2); } /* Error chip: tooltip */ .VfPpkd-WsjYwc { background-color: var(--mdc-theme-surface); } .KC1dQ { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 6px 1px rgba(0, 0, 0, 0.15); } /* Loading wheel */ .KWIIWd .hg3Lgc .co39ub, .KWIIWd .hg3Lgc .Cn087, .KWIIWd .hg3Lgc .hfsr6b, .KWIIWd .hg3Lgc .EjXFBf { border-color: var(--gm-theme-color); } .xfNXfd .co39ub, .xfNXfd .Cn087, .xfNXfd .hfsr6b, .xfNXfd .EjXFBf, .RLJbzb .co39ub, .RLJbzb .Cn087, .RLJbzb .hfsr6b, .RLJbzb .EjXFBf { border-color: var(--gm-theme-color); } /* Unable to join */ .jtEd4b { color: var(--gm-body-text-color); } .LAtdzd .snByac { color: var(--gm-secondary-icon-color); } .fwk7ze, .mT54Ub { color: var(--gm-label-color); } .q97Uuf, .Aw71Qe { color: var(--gm-theme-color); } /* Your meeting's ready dialog */ .xTGfdf { background: var(--gm-background-color); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149); } .BVRS9e { color: var(--gm-body-text-color); } .LCQ7g { color: var(--gm-body-text-color); } .gvnMbb { background: var(--gm-background-color-elevated); } .okqcNc { color: var(--gm-body-text-color); } .w29hZ { color: var(--gm-label-color); } /* Your meeting's ready dialog: meeting nickname */ .XB1gcc { color: var(--gm-body-text-color); } .Q78Kdb { color: var(--gm-label-color); } /* Host controls */ .bWc4ke { color: var(--gm-body-text-color); border-color: var(--gm-hairline-color); } /* Meeting safety dialog */ .JjUzx { color: var(--gm-label-color); } .pnIJBe { color: var(--gm-label-color); } .dQWt8c { color: var(--gm-label-color); } .TJk20c { color: var(--gm-body-text-color); } .zObG4c { color: var(--gm-body-text-color); } .Zzlrzb { border-top-color: var(--gm-hairline-color); } /* Someone wants to join the call dialog */ .AmEdyd { color: var(--gm-body-text-color); } .W0LGoe { color: var(--gm-label-color); } .vSWmFe { color: var(--gm-colortextbutton-ink-color); } .vSWmFe.u3bW4e { color: var(--gm-colortextbutton-ink-color--stateful); } /*[[backdrop-blur]]*/ } }