Google Meet Dark by mxdanger
Imported and mirrored from https://raw.githubusercontent.com/mxdanger/GoogleMeet-Dark/main/googlemeet-dark.user.css
Details
Authormxdanger
LicenseMIT
Created
Updated
Categorymeet.google.com
Statistics
Learn how we calculate statistics in the FAQ.
Total views1475
Total installs13433
Weekly installs223
Description
Dark theme for Google Meet
Notes
See releases on GitHub for changelog details.
History
Daily snapshots of style statistics.
Source code
/* ==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 {
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);
}
.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]]*/
}
}