Skip to content

Instantly share code, notes, and snippets.

@katagaki

katagaki/GoogleMeetBetter.css

Last active May 31, 2023 04:41
Show Gist options
  • Save katagaki/c93c770279ee42688a51c566674105b1 to your computer and use it in GitHub Desktop.
Save katagaki/c93c770279ee42688a51c566674105b1 to your computer and use it in GitHub Desktop.
Download ZIP
Fix Google Meet by implementing a light theme, and doing various tweaks to the UI.
Raw
GoogleMeetBetter.css
/* ==UserStyle==
@name Google Meet Better
@match https://meet.google.com/*
==/UserStyle== */
/* Dark theme based on https://github.com/mxdanger/GoogleMeet-Dark */
@media (prefers-color-scheme: dark) {
/* Custom variables */
:root {
--gm-background-color-elevated: #111 !important;
--background-color-transparent: #111 !important;
--link-color: #0062ff !important;
}
/* Main variables */
:root {
--gm-background-color: #111 !important;
--gm-body-text-color: white !important;
--gm-caption-color: #9aa0a6 !important;
--gm-color-caption: var(--gm-caption-color) !important;
--gm-error-color-highlight: #a50e0e !important;
--gm-error-color: #d93025 !important;
--gm-hairline-color: #5f6368 !important;
--gm-hint-color: #80868b !important;
--gm-label-color: white !important;
--gm-navigation-icon-color: #e8eaed !important;
--gm-neutral-highlight-color: #5f6368 !important;
--gm-neutral-outline-color: #5f6168 !important;
--gm-overlay-color--on-theme-background: #202124 !important;
--gm-secondary-icon-color: var(--gm-label-color) !important;
--gm-text-color--on-dark-background: var(--gm-text-color--on-theme-background) !important;
--gm-text-color--on-theme-background: white !important;
--gm-theme-color--base: #3985ff !important;
--gm-theme-color--elevation-shadow-1: rgba(138, 180, 248, 0.149) !important;
--gm-theme-color--elevation-shadow-2: rgba(138, 180, 248, 0.302) !important;
--gm-theme-color--stateful: #0062ff !important;
--gm-theme-color-highlight: #262b35 !important;
--gm-theme-color: #2377ff !important;
--gm-tooltip-background-color: #3c4043 !important;
--mdc-theme-primary: var(--gm-theme-color) !important;
--gm-fillbutton-container-color: var(--gm-theme-color) !important;
--gm-fillbutton-ink-color: var(--gm-text-color--on-theme-background) !important;
--gm-fillbutton-state-color: var(--gm-overlay-color--on-theme-background) !important;
--gm-fillbutton-ambient-color: var(--gm-theme-color--elevation-shadow-1) !important;
--gm-fillbutton-keyshadow-color: var(--gm-theme-color--elevation-shadow-2) !important;
--gm-hairlinebutton-outline-color: var(--gm-neutral-outline-color) !important;
--gm-hairlinebutton-outline-color--stateful: var(--gm-theme-color--stateful) !important;
--gm-hairlinebutton-ink-color: var(--gm-theme-color) !important;
--gm-hairlinebutton-ink-color--stateful: var(--gm-theme-color--stateful) !important;
--gm-hairlinebutton-state-color: var(--gm-theme-color) !important;
--gm-colortextbutton-ink-color: var(--gm-theme-color) !important;
--gm-colortextbutton-ink-color--stateful: var(--gm-theme-color--stateful) !important;
--gm-colortextbutton-disabled-ink-color: var(--gm-hint-color) !important;
--gm-colortextbutton-state-color: var(--gm-theme-color) !important;
--gm-neutraltextbutton-ink-color: var(--gm-label-color) !important;
--gm-neutraltextbutton-ink-color--stateful: var(--gm-body-text-color) !important;
--gm-neutraltextbutton-state-color: var(--gm-label-color) !important;
--gm-switch-track-color--on: var(--gm-theme-color--base) !important;
--gm-switch-track-color--off: var(--mdc-theme-on-surface) !important;
--gm-switch-thumb-color--on: var(--gm-theme-color) !important;
--gm-switch-thumb-color--off: var(--gm-body-text-color) !important;
--gm-switch-ripple-color--on: var(--gm-theme-color--base) !important;
--gm-outlinedtextfield-outline-color: var(--gm-neutral-outline-color) !important;
--gm-outlinedtextfield-outline-color--stateful: var(--gm-theme-color) !important;
--gm-outlinedtextfield-outline-color--error: var(--gm-error-color) !important;
--gm-outlinedtextfield-outline-color--error-hover: var(--gm-error-color-highlight) !important;
--gm-outlinedtextfield-outline-color--error-stateful: var(--gm-error-color) !important;
--gm-outlinedtextfield-ink-color: var(--gm-theme-color) !important;
--gm-outlinedtextfield-ink-color--stateful: var(--gm-theme-color--stateful) !important;
--gm-outlinedtextfield-label-color: var(--gm-hint-color) !important;
--gm-outlinedtextfield-label-color--hover: var(--gm-label-color) !important;
--gm-outlinedtextfield-label-color--stateful: var(--gm-theme-color) !important;
--gm-outlinedtextfield-label-color--error: var(--gm-error-color) !important;
--gm-outlinedtextfield-caret-color: var(--gm-theme-color) !important;
--gm-outlinedtextfield-caret-color--error: var(--gm-error-color) !important;
--gm-outlinedtextfield-helper-text-color: var(--gm-caption-color) !important;
--gm-outlinedtextfield-helper-text-color--error: var(--gm-error-color) !important;
--gm-outlinedtextfield-helper-text-color--error-hover: var(--gm-error-color-highlight) !important;
--gm-tonalbutton-ink-color: var(--gm-theme-color) !important;
--gm-tonalbutton-ink-color--stateful: var(--gm-theme-color) !important;
--gm-tonalbutton-state-color: var(--gm-theme-color--stateful) !important;
--gm-tonalbutton-container-color: var(--gm-theme-color--elevation-shadow-1) !important;
--gm-tonalbutton-disabled-ink-color: rgba(255, 255, 255, 0.38) !important;
--gm-tonalbutton-disabled-container-color: rgba(255, 255, 255, 0.12) !important;
--gm-chip-ink-color: var(--gm-body-text-color) !important;
--gm-chip-ink-color--stateful: var(--gm-body-text-color) !important;
--gm-chip-outline-color: var(--gm-hairline-color) !important;
--gm-chip-outline-color--stateful: var(--gm-label-color) !important;
--gm-chip-state-color: var(--gm-body-text-color) !important;
--mdc-theme-surface: var(--gm-background-color) !important;
--mdc-theme-on-surface: var(--gm-body-text-color) !important;
--mdc-theme-secondary: var(--gm-theme-color) !important;
--mdc-theme-error: var(--gm-error-color) !important;
--mdc-checkbox-checked-color: var(--mdc-theme-secondary) !important;
--mdc-checkbox-unchecked-color: rgba(255, 255, 255, 0.54) !important;
--mdc-checkbox-disabled-color: rgba(255, 255, 255, 0.38) !important;
--mdc-checkbox-ink-color: var(--gm-background-color) !important;
--mdc-theme-text-primary-on-background: rgba(255, 255, 255, 0.87) !important;
--mdc-theme-text-secondary-on-background: rgba(255, 255, 255, 0.54) !important;
--mdc-theme-text-disabled-on-light: var(--gm-hairline-color) !important;
--gm-outlinedselect-ink-color: var(--gm-body-text-color) !important;
--gm-outlinedselect-icon-color: var(--gm-label-color) !important;
--gm-outlinedselect-icon-color--disabled: var(--gm-hint-color) !important;
--gm-iconbutton-disabled-ink-color: var(--gm-hairline-color) !important;
--mdc-ripple-color: var(--gm-body-text-color) !important;
--gm-outlinedselect-dropdown-icon-color: var(--gm-hint-color) !important;
--gm-outlinedselect-dropdown-icon-color--hover: var(--gm-label-color) !important;
--gm-outlinedselect-dropdown-icon-color--disabled: var(--gm-hint-color) !important;
--gm-outlinedselect-focused-dropdown-icon-color--stateful: var(--gm-theme-color) !important;
--gm-outlinedselect-outline-color: var(--gm-hairline-color) !important;
--gm-outlinedselect-outline-color--hover: var(--gm-hint-color) !important;
--gm-outlinedselect-outline-color--stateful: var(--gm-theme-color) !important;
--gm-outlinedselect-outline-color--disabled: var(--gm-hairline-color) !important;
--gm-outlinedselect-label-color: var(--gm-hint-color) !important;
--gm-outlinedselect-label-color--hover: var(--gm-label-color) !important;
--gm-outlinedselect-label-color--stateful: var(--gm-theme-color) !important;
--gm-outlinedselect-label-color--disabled: var(--gm-hint-color) !important;
--gm-outlinedselect-label-color--error: var(--gm-error-color) !important;
--hotlane-custom-background-color: var(--gm-background-color) !important;
--hotlane-on-background-color: var(--gm-body-text-color) !important;
}
/* Scrollbar */
:not(.hPqowe)::-webkit-scrollbar-thumb {
background: var(--gm-hairline-color) !important;
}
:not(.hPqowe):hover::-webkit-scrollbar-thumb {
background: var(--gm-hint-color) !important;
}
:not(.hPqowe)::-webkit-scrollbar-thumb:active {
background: var(--gm-label-color) !important;
}
.hPqowe::-webkit-scrollbar-track {
border-radius: 8px !important;
}
.hPqowe::-webkit-scrollbar-thumb {
background-color: var(--gm-hairline-color) !important;
border-radius: 8px !important;
}
.hPqowe::-webkit-scrollbar-thumb:hover {
background-color: var(--gm-hint-color) !important;
}
.hPqowe::-webkit-scrollbar-thumb:active {
background-color: var(--gm-label-color) !important;
}
/* Main */
html {
background-color: var(--gm-background-color) !important;
}
body {
background-color: var(--gm-background-color) !important;
color: var(--gm-body-text-color) !important;
}
a {
color: var(--link-color) !important;
}
.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) !important;
}
.gb_ta svg {
color: var(--gm-secondary-icon-color) !important;
}
.VfPpkd-xl07Ob .VfPpkd-StrnGf-rymPhb-IhFlZd,
.VfPpkd-xl07Ob .VfPpkd-StrnGf-rymPhb-f7MjDc {
color: currentcolor !important;
}
/* Header */
#gb {
background-color: transparent !important !important;
}
/* Bottom bar */
/* legacy version
.rG0ybd {
background-color: var(--gm-background-color)!important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .60), 0 1px 3px 1px rgba(0, 0, 0, .30)!important;
}
.YhIwSc, .I98jWb, .CkXZgc, .tovz2b, .c7fp5b, .L7osyb {
color: var(--gm-body-text-color)!important;
}
.XFtqNb, .o9fq9d, .zm6u9e {
color: var(--gm-label-color)!important;
}
.Q8K3Le.o7y9G .XFtqNb {
color: var(--gm-theme-color)!important;
}
.kHC9yb {
color: var(--gm-label-color)!important;
}
.uD3s5c .FrkLCe {
color: var(--gm-label-color)!important;
}
.ZPasfd, .A00RE {
border-color: var(--gm-hairline-color)!important;
}
.A00RE {
color: var(--gm-body-text-color)!important;
}
.OCZA0d {
color: var(--gm-label-color)!important;
}
.sPXonc {
color: var(--gm-body-text-color)!important;
}
.Q8K3Le.o7y9G .JjGEMb, .FrkLCe {
color: var(--gm-theme-color)!important;
}
.Q8K3Le.o7y9G .XFtqNb, .Q8K3Le.o7y9G .I98jWb {
color: var(--gm-theme-color)!important;
}
.p2SYhf.SNTzF .OCZA0d, .p2SYhf.SNTzF .sPXonc {
color: var(--gm-theme-color)!important;
}
*/
/* Hover overlay */
.rKOYsc {
background-color: rgba(60, 64, 67, 0.3) !important;
-webkit-backdrop-filter: saturate(140%) blur(5px) !important;
backdrop-filter: saturate(140%) blur(5px) !important;
opacity: 0 !important;
transition-property: opacity, background-color !important;
}
.P48BS.MSqqjf:hover .rKOYsc {
opacity: 1 !important;
background-color: rgba(60, 64, 67, 0.3) !important;
}
.P48BS.MSqqjf:hover .rKOYsc:hover,
.P48BS.MSqqjf .rKOYsc:focus-within {
opacity: 1 !important;
background-color: rgba(60, 64, 67, 0.6) !important;
}
/* Home screen */
.MaqJqd {
background-color: var(--gm-background-color-elevated) !important;
}
.c83xBb {
color: var(--gm-label-color) !important;
}
.VdLOD {
background-color: var(--gm-background-color-elevated) !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149) !important;
}
.sIR20d {
border-color: var(--gm-hairline-color) !important;
}
.ox9SMb {
background-color: var(--gm-background-color-elevated) !important;
color: var(--gm-body-text-color) !important;
}
.ox9SMb:focus-within,
.ox9SMb.AHmuwe {
background: var(--gm-theme-color) !important;
color: var(--gm-text-color--on-theme-background) !important;
}
.u8klde {
color: var(--gm-body-text-color) !important;
}
.ox9SMb:focus-within .u8klde,
.ox9SMb.AHmuwe .u8klde {
color: var(--gm-text-color--on-theme-background) !important;
}
/* 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) !important;
}
.XfeBDf:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd::placeholder {
color: var(--gm-label-color) !important;
}
/* Home screen: scheduled meeting */
.mtr0Je {
background-color: var(--gm-background-color-elevated) !important;
color: var(--gm-body-text-color) !important;
}
.mtr0Je:focus-within,
.mtr0Je.AHmuwe {
background: var(--gm-theme-color) !important;
color: var(--gm-text-color--on-theme-background) !important;
}
.AKhouc,
.dOPgd,
.ArJ2Te {
color: var(--gm-label-color) !important;
}
.I680R {
color: var(--gm-label-color) !important;
}
.Ql1xRb {
color: var(--gm-theme-color) !important;
border-color: var(--gm-theme-color) !important;
}
.mtr0Je:focus-within .Ql1xRb,
.mtr0Je.AHmuwe .Ql1xRb {
color: var(--gm-theme-color-highlight) !important;
}
.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) !important;
}
/* 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) !important;
}
/* Home screen: card slideshow */
.IVHFwe {
background: var(--gm-hairline-color) !important;
}
.IVHFwe.KKjvXb {
background: var(--gm-theme-color) !important;
}
/* Left meeting */
.p2ZbV.zKHdkd,
.qrB73e {
background-color: var(--gm-background-color) !important;
}
.CRFCdf,
.qpp46,
.KHxj8b,
.roSPhc {
color: var(--gm-body-text-color) !important;
}
.DGSref .qBrLkf,
.DGSref .yZ71kd,
.IC2WJf .kfi6Wb .fXx9Lc,
.QSuU7e,
.KK6mqc,
.S1BUyf,
.F1pOBe,
.AqyrZd {
color: var(--gm-label-color) !important;
}
.AeAAkf {
color: var(--gm-theme-color) !important;
border-color: var(--gm-hairlinebutton-outline-color) !important;
}
.AeAAkf:hover {
border-color: var(--gm-theme-color--elevation-shadow-2) !important;
}
.AeAAkf.qs41qe {
background-color: rgba(138, 180, 248, 0.14) !important;
}
.nS35F,
.UlcXrc.KKjvXb .NBUgSc,
.rwbKSb .cXrdqd {
background-color: var(--gm-theme-color) !important;
}
.UlcXrc:hover .NBUgSc,
.UlcXrc.KKjvXb:hover .NBUgSc {
background-color: rgba(138, 180, 248, 0.5) !important;
}
.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) !important;
}
.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) !important;
}
.IPv1Ac:not(.RDPZE):hover,
.IPv1Ac.u3bW4e,
.IPv1Ac.qs41qe {
background-color: rgba(138, 180, 248, 0.08) !important;
}
.IPv1Ac:not(.RDPZE):hover,
.IPv1Ac.u3bW4e,
.IPv1Ac.qs41qe {
border-color: rgba(138, 180, 248, 0.32) !important;
}
.nS35F,
.xePPFd {
color: var(--gm-text-color--on-theme-background) !important;
}
/* Left meeting: quick access was turned off */
.HAR6W {
background: var(--gm-background-color-elevated) !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .30), 0 2px 6px 2px rgba(0, 0, 0, .15) !important;
}
/* Left meeting: feedback */
.eZYnye {
color: var(--gm-body-text-color) !important;
}
.cnE7Je:focus {
border-color: var(--gm-theme-color) !important;
}
.S6Idlc,
.WtCEJc,
.dQO5xd {
background: var(--gm-background-color-elevated) !important;
color: var(--gm-body-text-color) !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .30), 0 2px 6px 2px rgba(0, 0, 0, .15) !important;
}
.thP79c:hover {
background-color: rgba(232, 234, 237, 0.039) !important;
}
.thP79c:focus:hover {
background-color: rgba(232, 234, 237, 0.122) !important;
}
.thP79c:focus,
.lRaOFf[aria-selected="true"]:focus {
background-color: rgba(232, 234, 237, 0.08) !important;
}
.thP79c.qs41qe,
.thP79c.qs41qe:focus,
.thP79c.qs41qe:hover {
background-color: rgba(232, 234, 237, 0.122) !important;
}
.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%) !important;
}
.SjJ7zc,
.NBUgSc,
.z0oSpf {
background-color: var(--gm-hairline-color) !important;
}
.PEgb1 {
background-color: var(--gm-background-color) !important;
}
.UQuaGc.RDPZE {
color: rgba(218, 220, 224, 0.38) !important;
fill: rgba(255, 255, 255, 0.38) !important;
}
.AeAAkf.RDPZE,
.AeAAkf.RDPZE:hover {
border-color: rgba(255, 255, 255, 0.12) !important;
}
.WYbB8:hover:not(.RDPZE) {
background-color: rgba(232, 234, 237, 0.08)
}
.nM37L {
border-color: var(--gm-hairline-color) !important;
}
.DWSDd {
color: var(--gm-label-color) !important;
}
/* Your meeting is safe notice */
.ws7pec {
background-color: var(--gm-background-color-elevated) !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149) !important;
}
.nM37L .k3Pzib {
border-color: var(--gm-hairline-color) !important;
}
/* Share meeting link popup */
.acuQXc {
background-color: var(--gm-background-color-elevated) !important;
color: var(--gm-body-text-color) !important;
}
.Hayy8b {
color: var(--gm-body-text-color) !important;
}
.IhZkic {
color: var(--gm-label-color) !important;
}
/* Share meeting link popup window from external website */
.jSlHNc {
background-color: var(--gm-background-color-elevated) !important;
color: var(--gm-body-text-color) !important;
}
.PpHmke {
color: var(--gm-body-text-color) !important;
}
.fKFzg {
color: var(--gm-label-color) !important;
}
/* Send invite: menu list */
.exZdQc {
color: var(--mdc-theme-on-surface) !important;
}
/* Warning popup */
.D9Gfjf {
color: var(--gm-label-color) !important;
}
.Ik0Dgf {
color: var(--gm-body-text-color) !important;
}
.D9Gfjf .snByac {
color: var(--link-color) !important;
}
.sLKszf,
.sLKszf .TpQm9d {
color: var(--gm-theme-color) !important;
}
/* Captions popup */
.eX03B {
color: var(--gm-body-text-color) !important;
}
.UCVH3e {
color: var(--gm-label-color) !important;
}
.DEWFbf {
color: var(--gm-body-text-color) !important;
}
.Jawahb,
.Vcr5of {
border-color: var(--gm-hairline-color) !important;
}
.Jousie .CwaK9 {
color: var(--gm-theme-color) !important;
}
.t5nRo {
border-color: var(--gm-hairline-color) !important;
}
/* Cam and mic perms popup */
.vdySc .qRUolc {
color: var(--gm-body-text-color) !important;
}
.vdySc .oJeWuf {
color: var(--gm-label-color) !important;
}
.HQ8yf,
.HQ8yf a {
color: var(--gm-theme-color) !important;
}
.DEhM1b .snByac {
color: var(--gm-theme-color) !important;
}
/* Confim popup */
.OFqiSb .J9fJmf .snByac {
color: var(--gm-theme-color) !important;
}
/* Meeting code popup */
.Xpwrdc,
.CTmqKd {
color: var(--gm-body-text-color) !important;
}
.D3oBEe .n9IS1::before {
border-color: var(--gm-hairline-color) !important;
}
.D3oBEe.u3bW4e .n9IS1::before {
border-color: var(--gm-theme-color) !important;
}
.l3F1ye,
.l3F1ye .TpQm9d {
color: var(--gm-theme-color) !important;
}
.poFWNe {
caret-color: var(--gm-theme-color) !important;
color: var(--gm-body-text-color) !important;
}
/* Leave breakout rooms popup */
.Jlokfd .J9fJmf .snByac {
color: var(--gm-theme-color) !important;
}
/* 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%) !important;
}
.UQuaGc {
color: var(--gm-theme-color) !important;
}
.e19J0b {
background-color: var(--gm-theme-color) !important;
}
/* Checkbox */
.aiSeRd {
border-color: var(--gm-neutral-outline-color) !important;
}
.aiSeRd.N2RpBe {
border-color: var(--gm-theme-color) !important;
}
.uHMk6b {
border-color: var(--gm-background-color) !important;
}
.MbUTNc,
.Ii6cVc {
border-color: var(--gm-text-color--on-theme-background) !important;
}
.aiSeRd:hover>.MbhUzd {
background-color: rgba(232, 234, 237, 0.039) !important;
}
.aiSeRd:focus>.MbhUzd {
background-color: rgba(232, 234, 237, 0.078) !important;
}
.aiSeRd.N2RpBe:hover>.MbhUzd {
background-color: rgba(138, 180, 248, 0.039) !important;
}
.aiSeRd.N2RpBe:focus>.MbhUzd {
background-color: rgba(138, 180, 248, 0.078) !important;
}
/* Radio radial button */
.UuHXBe .hYsg7c.N2RpBe .Id5V1,
.UuHXBe .hYsg7c.N2RpBe .nQOrEb,
.UuHXBe .hYsg7c.i9xfbb .nQOrEb {
border-color: var(--gm-theme-color) !important;
}
/* 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) !important;
}
.hh4xKf {
opacity: .38 !important;
border-color: var(--gm-switch-track-color--off) !important;
}
[aria-checked="true"]>.hh4xKf {
opacity: .54 !important;
border-color: var(--gm-switch-track-color--on) !important;
}
.E7QdY {
border-color: var(--gm-switch-thumb-color--off) !important;
}
[aria-checked="true"] .E7QdY {
border-color: var(--gm-switch-thumb-color--on) !important;
}
.YGFwk {
background-color: var(--gm-theme-color--elevation-shadow-1) !important;
}
.u3bW4e>.YGFwk {
background-color: var(--gm-theme-color--elevation-shadow-1) !important;
}
.i9xfbb>.YGFwk {
background-color: rgba(232, 234, 237, 0.161) !important;
}
/* Dropdown */
.MocG8c,
.PK2ABb.DEh1R {
color: var(--gm-body-text-color) !important;
}
.ncFHed {
background-color: var(--gm-background-color) !important;
}
.ncFHed .MocG8c.KKjvXb {
background-color: var(--gm-background-color-elevated) !important;
}
.ncFHed .VOUU9e,
.QMKoTb,
.iEaezd {
border-color: var(--gm-hairline-color) !important;
}
.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) !important;
}
.Kc25u {
border-color: var(--gm-hairline-color) !important;
}
.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%) !important;
}
.e2CuFe,
.ybOdnf .eU809d {
border-color: var(--gm-label-color) transparent !important;
}
/* Outlined text field */
.cfWmIb {
--gm-outlinedtextfield-ink-color: var(--gm-label-color) !important;
}
.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) !important;
}
.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) !important;
}
/* Outlined text field: label */
.cfWmIb:hover:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc {
color: var(--gm-outlinedtextfield-label-color--hover) !important;
}
.cfWmIb.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc {
color: var(--gm-outlinedtextfield-label-color--stateful) !important;
}
.cfWmIb.VfPpkd-fmcmS-yrriRe-OWXEXe-UJflGc:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc {
color: var(--gm-outlinedtextfield-label-color--error) !important;
}
/* 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) !important;
}
.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) !important;
}
/* 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) !important;
}
.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) !important;
}
.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) !important;
}
.ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-uusGie-fmcmS {
color: var(--gm-outlinedselect-label-color--hover) !important;
}
/* 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) !important;
}
.ReCbLb.VfPpkd-O1htCb-OWXEXe-UJflGc:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc {
color: var(--gm-outlinedselect-label-color--error) !important;
}
.ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc {
color: var(--gm-outlinedselect-label-color) !important;
}
.ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me):not(.VfPpkd-O1htCb-OWXEXe-XpnDCe):hover .VfPpkd-NLUYnc-V67aGc {
color: var(--gm-outlinedselect-label-color--hover) !important;
}
/* 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) !important;
}
.ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me):not(.VfPpkd-O1htCb-OWXEXe-XpnDCe):hover .VfPpkd-t08AT-Bz112c {
fill: var(--gm-outlinedselect-dropdown-icon-color--hover) !important;
}
/* Outlined select dropdown field: dropdown */
.s8kOBc .VfPpkd-rymPhb-fpDzbe-fmcmS {
color: var(--mdc-theme-text-primary-on-background) !important;
}
.r6B9Fd .VfPpkd-rymPhb-fpDzbe-fmcmS {
color: var(--mdc-theme-text-primary-on-background) !important;
}
VfPpkd-rymPhb-fpDzbe-fmcmS {
color: var(--mdc-theme-text-primary-on-background) !important;
}
/* Dropdown: dial in */
.HulBzd {
background-color: var(--gm-background-color-elevated) !important;
border-bottom-color: var(--gm-theme-color) !important;
}
/* Call me and join */
.OHZKt {
background-color: var(--background-color) !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .60), 0 1px 3px 1px rgba(0, 0, 0, .30) !important;
}
/* Call me modal */
.I7vHbe,
.CprKKb {
color: var(--gm-theme-color) !important;
}
.Gm0zG .cXrdqd {
background-color: var(--gm-theme-color) !important;
}
.Gm0zG .oJeWuf,
.SB5oOe {
background: var(--gm-background-color-elevated) !important;
}
.i9lrp {
background-color: var(--gm-hairline-color) !important;
}
.SB5oOe {
border-color: var(--gm-hairline-color) !important;
}
.ndJi5d {
color: var(--gm-label-color) !important;
}
.whsOnd {
color: var(--gm-body-text-color) !important;
}
.Hktuv {
color: var(--gm-label-color) !important;
}
.VFkRxc {
color: var(--gm-error-color) !important;
}
/* Call me modal: dial in tab */
.iPvlof {
color: var(--gm-theme-color) !important;
}
.QKcaib {
color: var(--gm-error-color) !important;
}
/* Call me modal: loading bar */
.vxZi5 .Iq5ZMc {
background-color: var(--gm-theme-color-highlight) !important;
}
.vxZi5 .SQxu9c {
background-color: var(--gm-theme-color) !important;
}
/* 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) !important;
}
.NzPR9b {
background-color: var(--gm-background-color) !important;
}
.qO3Z3c {
background-color: var(--gm-hairline-color) !important;
}
.foXzLb {
color: var(--gm-body-text-color) !important !important;
}
.Z7iKHc {
background-color: var(--gm-theme-color) !important;
border-color: var(--gm-background-color) !important;
}
.RWK2Je {
background-color: var(--gm-background-color-elevated) !important;
}
.ADivge.vLRPrf .pUTHKf {
color: var(--gm-body-text-color) !important;
}
/* Circular button */
.cjq2Db,
.fKz7Od {
color: var(--gm-body-text-color) !important;
fill: var(--gm-body-text-color) !important;
}
.mcyM9d {
color: var(--gm-body-text-color) !important;
}
.Y5FYJe.RDPZE {
color: var(--gm-label-color) !important;
fill: var(--gm-label-color) !important;
}
.GvcuGe .uB7U9e,
.GvcuGe .aC0Bke {
color: var(--gm-label-color) !important;
}
.VUk8eb {
color: var(--gm-label-color) !important;
}
.VfPpkd-Bz112c-LgbsSe::before {
background-color: var(--gm-body-text-color) !important;
}
.VfPpkd-Bz112c-LgbsSe::after {
background-color: var(--gm-body-text-color) !important;
}
.Y5FYJe:hover,
.mcyM9d:hover {
background-color: rgba(232, 234, 237, 0.039) !important;
}
.mcyM9d.u3bW4e {
background-color: rgba(232, 234, 237, 0.08) !important;
}
.cjq2Db:hover:focus,
.cjq2Db.u3bW4e:hover,
.mcyM9d.u3bW4e:hover {
background-color: rgba(232, 234, 237, 0.08) !important;
}
.Xpwrdc .pPQgvf:hover {
background-color: rgba(232, 234, 237, 0.08) !important;
}
.fKz7Od.u3bW4e {
background-color: rgba(232, 234, 237, 0.12) !important;
}
.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%) !important;
}
.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%) !important;
}
/* Top navigation: date */
.v1pyg {
color: var(--gm-label-color) !important;
}
/* Top navigation: support */
.LAtdzd:hover {
background: rgba(232, 234, 237, 0.04) !important;
}
/* 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) !important;
}
.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) !important;
}
.gb_zc .gb_6e button:active svg,
.gb_zc .gb_D:active {
background-color: rgba(232, 234, 237, 0.12) !important;
}
.gb_zc .gb_6e button:hover svg,
.gb_zc .gb_D:hover {
background-color: rgba(232, 234, 237, 0.08) !important;
}
.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) !important;
}
.gb_D[aria-expanded=true],
.gb_D:hover[aria-expanded=true] {
background-color: rgba(232, 234, 237, 0.12) !important;
}
.gb_D[aria-expanded=true] .gb_We,
.gb_D[aria-expanded=true] .gb_Xe {
fill: var(--gm-secondary-icon-color) !important;
}
.gb_sa svg,
.gb_Ec svg,
.gb_1c .gb_ge,
.gb_Qc .gb_ge {
color: var(--gm-secondary-icon-color) !important;
}
/* VERY hacky code */
@supports (backdrop-filter: brightness()) or (-webkit-backdrop-filter: brightness()) {
.gb_qc,
.ye1V6b {
--brightness: 1.5 !important;
}
/* Meet Icon Google */
.gb_qc::before {
-webkit-backdrop-filter: brightness(calc(1 * var(--brightness))) !important;
backdrop-filter: brightness(calc(1 * var(--brightness))) !important;
z-index: 1 !important;
}
.gb_qc::after {
-webkit-backdrop-filter: brightness(calc(1 / var(--brightness))) !important;
backdrop-filter: brightness(calc(1 / var(--brightness))) !important;
z-index: -1 !important;
}
.gb_qc::before,
.gb_qc::after {
content: "" !important;
width: 42% !important;
height: 100% !important;
position: absolute !important;
top: 0 !important;
left: 30% !important;
}
/* Meet Icon Google Meet */
.ye1V6b {
position: relative !important;
}
.ye1V6b::before {
-webkit-backdrop-filter: brightness(calc(1 * var(--brightness))) !important;
backdrop-filter: brightness(calc(1 * var(--brightness))) !important;
z-index: 1 !important;
}
.ye1V6b::after {
-webkit-backdrop-filter: brightness(calc(1 / var(--brightness))) !important;
backdrop-filter: brightness(calc(1 / var(--brightness))) !important;
z-index: -1 !important;
}
.ye1V6b::before,
.ye1V6b::after {
content: "" !important;
width: 75% !important;
height: 100% !important;
position: absolute !important;
display: block !important;
top: 0 !important;
left: 25% !important;
}
}
/* 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) !important;
}
.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) !important;
}
.Bs3rEf,
.MuzmKe,
.XnKlKd .snByac,
.RpOp4b {
color: var(--gm-label-color) !important;
}
.Bx7THd.PBWx0c .ZHdB2e .ZjAUM,
.Bx7THd.PBWx0c .cU0hbd,
.fSW6Ze,
.z38b6,
.uFGEzd {
border-color: var(--gm-hairline-color) !important;
}
.XnKlKd .mIZh1c {
background-color: var(--gm-hairline-color) !important;
}
.mKBhCf,
.ZHdB2e .kaAt2,
.ZHdB2e,
.fSW6Ze,
.vvTMTb {
background-color: var(--gm-background-color) !important;
}
.Bs3rEf {
background-color: transparent !important;
}
.LsDE5,
.is878e {
background-color: var(--gm-background-color-elevated) !important;
}
.c0XF8e.kaAt2.KKjvXb,
.c0XF8e.kaAt2.KKjvXb .VZhFab,
.e3AdI {
color: var(--gm-theme-color) !important;
}
.q21cab.ZjAUM .s7bIcf,
.XnKlKd .cXrdqd {
background-color: var(--gm-theme-color) !important;
}
.c0XF8e:hover,
.Talfyf .kaAt2:hover,
.IOMGae .kaAt2:hover,
.ZHdB2e .kaAt2:hover {
background-color: rgba(138, 180, 248, 0.039) !important;
}
.oIy2qc .DbQRg {
color: var(--link-color) !important;
}
/* Send message */
.Cs0vCd.RDPZE .e3AdI {
color: var(--gm-label-color) !important;
}
/* Disabled chat */
.edhGSc.RDPZE>.RpC4Ne>.z0oSpf {
border-bottom-color: var(--gm-hairline-color) !important;
}
.XnKlKd[aria-disabled="true"]+.Cs0vCd.RDPZE .e3AdI {
color: var(--gm-hint-color) !important;
}
/* Send messages toggle */
.vvTMTb .jE2Fge {
background-color: var(--gm-background-color-elevated) !important;
}
/* Show everyone slideover tab */
.isOLae {
color: var(--gm-label-color) !important;
}
.jcGw9c {
color: var(--gm-label-color) !important;
}
.J6bbCe {
color: var(--gm-label-color) !important;
}
/* Backgrounds slideover */
.lu9bwd.YY1gRd .XUKGjd,
.lu9bwd.YY1gRd:hover .XUKGjd,
.lu9bwd.YY1gRd:focus-within .XUKGjd {
border-color: var(--gm-theme-color) !important;
color: var(--gm-theme-color) !important;
}
.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) !important;
}
/* Activities Tab */
.GMuzH {
background-color: var(--gm-theme-color) !important;
border-color: var(--gm-background-color) !important;
}
.WUFI9b {
background-color: var(--gm-background-color-elevated) !important;
}
.qOogjf {
color: var(--gm-hint-color) !important;
}
: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 !important;
}
/* Polls */
.viSVl::after {
background-color: var(--gm-hairline-color) !important;
}
.QdklLd::after {
background: linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%) !important;
}
.qGK6Tb.pkMGBe {
background-color: var(--gm-theme-color) !important;
color: var(--gm-text-color--on-theme-background) !important;
}
.VuFIAc {
background-color: var(--gm-theme-color) !important;
}
.WLgk6b {
background-color: var(--gm-theme-color-highlight) !important;
}
.DDbSdf {
border-color: var(--gm-hairline-color) !important;
}
.FnWAi {
color: var(--gm-body-text-color) !important;
}
.Mdlrxe {
color: var(--gm-label-color) !important;
}
.sWxvBc,
.U3b2jf {
color: var(--gm-label-color) !important;
}
.d1vlzd {
color: var(--gm-label-color) !important;
}
.VfPpkd-qNpTzb-ajuXxc-ZMv3u {
background-color: var(--gm-theme-color-highlight) !important;
}
.lG5Vlb.rxb0oe .VfPpkd-qNpTzb-ajuXxc-ZMv3u {
background-color: var(--gm-theme-color-highlight) !important;
}
.lG5Vlb.rxb0oe .VfPpkd-qNpTzb-P4pF8c-SmKAyb {
border-color: var(--mdc-theme-primary) !important;
}
.XUf9Pd {
background-color: var(--gm-theme-color) !important;
}
.BE3Wmf {
border-color: var(--gm-hairline-color) !important;
}
.TTJ4kf {
color: var(--gm-label-color) !important;
}
/* Polls: live */
.xa2YMd.pkMGBe {
background-color: var(--gm-theme-color) !important;
color: var(--gm-text-color--on-theme-background) !important;
}
.y75Fwe {
color: var(--gm-label-color) !important;
}
/* Polls: ended state */
.ueaGnf {
border-color: var(--gm-hairline-color) !important;
}
.sB7Y0c {
color: var(--gm-label-color) !important;
}
.qXP5Ad {
color: var(--gm-body-text-color) !important;
}
.oN5Iqe {
color: var(--gm-label-color) !important;
}
.LkcXpc {
fill: var(--gm-theme-color) !important;
}
.iX9Lud .hYsg7c.N2RpBe .Id5V1,
.iX9Lud .hYsg7c.N2RpBe .nQOrEb,
.iX9Lud .hYsg7c.i9xfbb .nQOrEb {
border-color: var(--gm-theme-color) !important;
}
.Ei3FSc {
background-color: var(--gm-background-color-elevated) !important;
}
/* Polls: inactive poll radial */
.X45Cld {
fill: var(--gm-theme-color) !important;
}
.Vn7ny {
fill: var(--gm-hairline-color) !important;
}
.Tg3Gfe {
fill: var(--gm-hairline-color) !important;
}
/* Q&A */
.ocfME {
color: var(--gm-label-color) !important;
}
.Zl9Chd {
background: linear-gradient(rgba(0, 0, 0, 0) 0%, var(--gm-background-color) 100%) !important;
}
.AkVYk .Yalane::before {
border-color: var(--gm-hairline-color) !important;
}
.AkVYk.u3bW4e .Yalane::before {
border-color: var(--gm-theme-color) !important;
}
.hqfVKd {
caret-color: var(--gm-outlinedtextfield-caret-color) !important;
color: var(--gm-body-text-color) !important;
}
.YQwhRe {
color: var(--gm-outlinedtextfield-helper-text-color) !important;
}
.JmRlzf {
color: var(--gm-outlinedtextfield-helper-text-color) !important;
}
/* Whiteboarding */
.seI04 {
color: var(--gm-body-text-color) !important;
}
.EX39wd {
color: var(--gm-label-color) !important;
}
.PMlzhc {
color: var(--gm-body-text-color) !important;
background-color: var(--gm-background-color) !important;
border-color: var(--gm-hairline-color) !important;
}
/* End this video call */
.cC1eCc .VfPpkd-cnG4Wd,
.cC1eCc .VfPpkd-zMU9ub {
color: var(--gm-body-text-color) !important;
}
/* 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) !important;
}
.cC1eCc .VfPpkd-k2Wrsb {
color: var(--gm-body-text-color) !important;
}
.Jaex3d {
color: var(--gm-label-color) !important;
}
/* Preset now menu */
.ZiTobc {
color: var(--gm-body-text-color) !important;
}
.giZTad {
color: var(--gm-label-color) !important;
}
.QkKrhf {
color: var(--gm-label-color) !important;
}
/* Menu list */
.JPdR6b {
background-color: var(--gm-background-color) !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149) !important;
}
.z80M1,
.CIYi0d .jO7h3c,
.x6Aw6b {
color: var(--gm-body-text-color) !important;
}
.YjoXXb {
color: var(--gm-label-color) !important;
}
.yiytvb {
color: var(--gm-label-color) !important;
}
.xGdnqe {
color: var(--gm-label-color) !important;
}
.z80M1.RDPZE .PCdOIb {
opacity: 0.6 !important;
}
.z80M1.RDPZE,
.zxUmjc,
.tuQMTc {
color: var(--gm-body-text-color) !important;
}
.SX67K {
color: var(--gm-label-color) !important;
}
.z80M1.FwR7Pc {
background-color: rgba(232, 234, 237, 0.08) !important;
}
.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%) !important;
}
/* Menu list: seperator */
.VfPpkd-StrnGf-rymPhb-clz4Ic {
border-color: var(--gm-hairline-color) !important;
}
.kCtYwe {
border-color: var(--gm-hairline-color) !important;
}
/* Menu list: item caption */
.txTes .D4by5 {
color: var(--gm-label-color) !important;
}
/* Details popup */
.TZFSLb {
background-color: var(--gm-background-color) !important;
}
.U9X0yc,
.DX090c {
color: var(--gm-body-text-color) !important;
}
.D6kPY,
.oYGn2e {
color: var(--gm-label-color) !important;
}
.u7TYad {
color: var(--gm-label-color)
}
.MZNkdc .snByac {
color: var(--gm-label-color) !important;
}
.mrslJ {
border-color: var(--gm-hairline-color) !important;
}
.IOMGae .kaAt2.KKjvXb .NiVZcb,
.IOMGae .kaAt2.KKjvXb .pLuP1d {
color: var(--gm-theme-color) !important;
}
.Bs3rEf:hover:not(.u3bW4e) .CeoRYc {
background-color: var(--gm-body-text-color) !important;
opacity: 0.04 !important;
}
/* Details popup: Attatchments tab */
.DwIq5e {
color: var(--gm-label-color) !important;
}
/* Popup chevron */
.Ssc6Id {
border-color: var(--gm-background-color) !important;
}
/* Change layout popup */
.MslXUd {
background-color: var(--gm-background-color) !important;
}
.eQ9mTb .dCWhBf,
.eQ9mTb .R4GWv,
.eQ9mTb .bBKqme {
background-color: var(--gm-theme-color) !important;
}
.eQ9mTb .MLPG7 {
background-color: var(--gm-theme-color--stateful) !important;
}
.eQ9mTb.RDPZE .KqUedc {
background-color: var(--gm-hint-color) !important;
}
.FWhExd {
background-color: var(--gm-background-color) !important;
}
.RKKCNe {
color: var(--gm-theme-color) !important;
}
.A2EMib.RDPZE .RKKCNe {
color: var(--gm-label-color) !important;
}
.R0yd5c .cIGbvc {
fill: var(--gm-label-color) !important;
}
.MslXUd .qRUolc,
.RKkqi,
.JiQUic {
color: var(--gm-body-text-color) !important;
}
.E5wxQe .snByac {
color: var(--gm-body-text-color) !important;
}
.d7L4fc .hYsg7c .Id5V1 {
border-color: var(--gm-label-color) !important;
}
.d7L4fc .N2RpBe .Id5V1,
.d7L4fc .hYsg7c .nQOrEb {
border-color: var(--gm-theme-color) !important;
}
.eQ9mTb .MbhUzd {
background-color: rgba(138, 180, 248, 0.102) !important;
}
.Od2TWd:not(.RDPZE):hover .x0k1lc,
.NtlN8c:hover .Od2TWd:not(.RDPZE) .x0k1lc {
background-color: rgba(138, 180, 248, 0.039) !important;
}
/* Popup sidebar */
.KH62af {
border-color: var(--gm-hairline-color) !important;
}
.hZ3uGe:not(:disabled) .VfPpkd-kBDsod,
.hZ3uGe:not(:disabled) {
color: var(--gm-label-color) !important;
}
.hZ3uGe.KKjvXb:not(:disabled) {
background-color: rgba(138, 180, 248, 0.102) !important;
}
.hZ3uGe.KKjvXb:not(:disabled) .VfPpkd-kBDsod,
.hZ3uGe.KKjvXb:not(:disabled) {
color: var(--gm-colortextbutton-ink-color) !important;
}
.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) !important;
}
.hZ3uGe.KKjvXb .VfPpkd-Jh9lGc::before,
.hZ3uGe.KKjvXb .VfPpkd-Jh9lGc::after {
background-color: var(--gm-colortextbutton-state-color) !important;
}
.Z3Eyx {
color: var(--gm-body-text-color) !important;
}
/* Troubleshooting and help popup */
/* Troubleshooting tab */
.bP1RYe {
transition: box-shadow 125ms !important;
}
.bP1RYe.bnBfGc {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.60) !important;
}
.ll0Ame {
color: var(--gm-label-color) !important;
}
.inkUMb {
color: var(--gm-label-color) !important;
}
.qGcrpb {
border-color: var(--gm-hairline-color) !important;
}
.DO5H3e {
background: #9aa0a60f !important;
color: var(--gm-label-color) !important;
}
.wFLcYb {
color: var(--gm-label-color) !important;
}
/* Troubleshooting tab: Poor network */
.DO5H3e.lOCs1c {
background: #eba26a0f !important;
color: #eba26a !important;
}
.q8ROpb {
color: #eba26a
}
.SETaGb {
background: var(--gm-background-color-elevated) !important;
}
/* Troubleshooting tab: tooltip */
.ciFDyc {
background: var(--gm-background-color) !important;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .30), 0 4px 8px 3px rgba(0, 0, 0, .25) !important;
}
/* Troubleshooting tab: graph */
.vplCZe {
color: var(--gm-label-color) !important;
}
.q80A9d {
color: var(--gm-label-color) !important;
}
.H5bh5b {
color: var(--gm-label-color) !important;
}
.nsAFCd {
color: var(--gm-label-color) !important;
}
.vyDMJf-SX9D7d text {
fill: var(--gm-body-text-color) !important;
}
.vyDMJf-SX9D7d .kqOKYb line,
.vyDMJf-SX9D7d .kqOKYb path {
stroke: var(--gm-hairline-color) !important;
}
.RWgCYc-bdKbFb {
stroke: var(--gm-theme-color) !important;
}
/* Troubleshooting tab: graph hover tooltip*/
.ke9kZe-Rgw69b {
background: var(--gm-background-color) !important;
color: var(--gm-body-text-color) !important;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .30), 0 4px 8px 3px rgba(0, 0, 0, .25) !important;
}
.ke9kZe-LkdAo-RbRzK {
fill: var(--gm-theme-color--stateful) !important;
}
/* Troubleshooting help tab */
.xx5ROc {
color: var(--gm-label-color) !important;
}
.Ta1Npb:not(.GDqYkf) {
color: var(--gm-neutraltextbutton-ink-color) !important;
}
.u2KVqb {
color: var(--gm-theme-color) !important;
}
.KsxaHb {
border-color: var(--gm-hairline-color) !important;
}
/* 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) !important;
}
.g3VIld:not(.MslXUd) {
background-color: var(--gm-background-color) !important;
}
.K4VHc {
color: var(--gm-theme-color) !important;
}
.E5aed {
color: var(--gm-theme-color) !important;
}
.g3VIld .O0WRkf:not(.RDPZE):hover .CeoRYc {
background-color: rgba(138, 180, 248, 0.051) !important;
}
.An19kf {
background-color: var(--gm-theme-color-highlight) !important;
}
.q97Uuf:hover .CeoRYc,
.QSuU7e:hover .CeoRYc {
background-color: var(--gm-theme-color) !important;
}
.UGkFYe {
color: var(--gm-label-color) !important;
}
.Y5sE8d.RDPZE,
.YhQJj.RDPZE,
.An19kf.RDPZE {
background-color: rgba(218, 220, 224, 0.122) !important;
/* Disabled state */
}
.NVUqMb,
.clMRcc {
color: var(--gm-body-text-color) !important;
background: var(--gm-background-color-elevated) !important;
}
.Nj6Nq {
color: var(--gm-label-color) !important;
}
.IxSTxb {
color: var(--gm-label-color) !important;
}
.ktANpb {
color: var(--gm-label-color) !important;
}
.ktANpb.RDPZE {
color: var(--gm-label-color) !important;
}
.RoFGbb {
color: var(--gm-label-color) !important;
}
.wdTZr {
color: var(--gm-error-color) !important;
}
/* Audio indicator */
.wPUBwe {
color: var(--gm-text-color--on-theme-background) !important;
}
.IisKdb {
color: var(--gm-text-color--on-theme-background) !important;
background-color: var(--gm-theme-color) !important;
}
/* Whiteboard modal */
.W5uYPc {
color: var(--gm-label-color) !important;
}
.Wrzqsf {
color: var(--gm-body-text-color) !important;
}
.zW4Hye {
color: var(--gm-label-color) !important;
}
.Yg8yCd {
color: var(--gm-label-color) !important;
border-color: var(--gm-hairline-color) !important;
}
.ctRwId {
color: var(--gm-body-text-color) !important;
}
/* Add people modal */
.QuP9wb .qRUolc,
.p0nv6d {
color: var(--gm-body-text-color) !important;
}
.iI9wC {
color: var(--gm-label-color) !important;
}
.pKGwOc {
color: var(--gm-label-color) !important;
}
.qNYb9 .EVe89b {
color: var(--gm-text-color--on-theme-background)
}
.EVe89b {
color: var(--gm-label-color) !important;
}
.GsqdZ {
color: var(--gm-body-text-color) !important;
}
.nqm5ge,
.uMYr,
.lJXP5c:not(.gpC7Hd) .OfDVZ,
.lJXP5c:not(.gpC7Hd) .dY19ed,
.sdpiNc {
border-color: var(--gm-hairline-color) !important;
}
.duTsYc {
background-color: transparent !important;
}
.lJXP5c:not(.gpC7Hd) .RKRJx.u3bW4e .snByac,
.RKRJx .snByac {
color: var(--gm-label-color) !important;
}
.l1jYx {
color: var(--gm-body-text-color) !important;
}
.MpY5pe {
color: var(--gm-label-color) !important;
}
.UNoX6b {
color: var(--gm-body-text-color) !important;
}
.inWicd,
.JNV5ye,
.mOceYd {
color: var(--gm-label-color) !important;
}
.azvSCf {
color: var(--gm-body-text-color) !important;
}
.EDnbAc {
background-color: transparent !important;
color: var(--gm-label-color) !important;
}
.EqJBGb {
color: var(--gm-label-color) !important;
}
.VYErEf.KKjvXb .cqoBA {
background-color: var(--gm-theme-color) !important;
color: var(--gm-overlay-color--on-theme-background) !important;
}
.mOceYd.qeGmId {
color: var(--gm-error-color)
}
/* Add people popup: call button */
.t9eThc.RDPZE {
background-color: var(--gm-background-color-elevated) !important;
}
.t9eThc {
background-color: var(--gm-theme-color) !important;
}
.t9eThc.mUbCce.RDPZE {
color: var(--gm-label-color) !important;
fill: var(--gm-label-color) !important;
}
.t9eThc.mUbCce {
color: var(--gm-overlay-color--on-theme-background) !important;
fill: var(--gm-overlay-color--on-theme-background) !important;
}
/* Connection lost */
.BO1rpc:not(.RDPZE):not(.ZNiiKc):hover,
.BO1rpc.u3bW4e,
.BO1rpc.qs41qe {
background-color: var(--gm-fillbutton-ambient-color) !important;
border-color: var(--gm-hairlinebutton-outline-color) !important;
}
/* Notifications */
.KQZr0e {
background: var(--gm-background-color) !important;
}
.N1zGnc,
.kJm1Id {
color: var(--gm-body-text-color) !important;
}
.UgDTGe,
.S69Qff,
.KFxmPb,
.DmUOke,
.qS9axb,
.Sgl2Ke {
color: var(--gm-theme-color) !important;
}
.l3F1ye .e19J0b,
.AeAAkf .e19J0b,
.YhQJj .e19J0b {
background-color: var(--gm-theme-color) !important;
}
.BO1rpc:not(.RDPZE):hover,
.BO1rpc.u3bW4e,
.BO1rpc.qs41qe {
background-color: #2b4646 !important;
}
.BO1rpc:not(.RDPZE)::after {
content: "" !important;
width: 100% !important;
height: 100% !important;
display: block !important;
position: absolute !important;
top: 0 !important;
z-index: -1 !important;
background: var(--gm-background-color);
!important;
}
.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%) !important;
}
.qx56Dd .OvyUed {
background-color: var(--gm-background-color-elevated) !important;
}
/* Notifications: prompt */
.eXiyXc {
color: var(--gm-label-color) !important;
}
/* Joining meeting */
.oORaUb {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .60), 0 1px 3px 1px rgba(0, 0, 0, .30) !important;
}
.xKiqt {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 1px rgba(0, 0, 0, 0.2) !important;
}
.ur6aYb {
background-color: var(--gm-background-color-elevated) !important;
}
.GN4RFc {
background-color: var(--gm-background-color) !important;
}
.Ue6DPb,
.Yi3Cfd {
color: var(--gm-body-text-color) !important;
}
.DLjNp.LlMNQd .Kx3qp {
color: var(--gm-label-color) !important;
}
.ZYf3qb:not(.RDPZE) .snByac,
.x95qze,
.xKiqt {
color: var(--gm-theme-color) !important;
}
.Y5sE8d,
.w5wUXb {
background-color: var(--gm-theme-color) !important;
color: var(--gm-text-color--on-theme-background) !important;
}
.DLjNp.LlMNQd .Kx3qp:focus,
.DLjNp.LlMNQd .Kx3qp:hover {
color: var(--link-color) !important;
}
/* Joining meeting: bottom notice */
.Pujlue {
background-color: var(--gm-background-color) !important;
color: var(--gm-label-color);
!important;
}
.XEvZzb {
color: var(--gm-theme-color) !important;
}
/* Let people hear you better */
.ZAi6cc {
color: var(--gm-label-color) !important;
}
/* Ready to join? */
/* Chip button */
.DEERWb.KshDhe .VfPpkd-Zr1Nwf-OWXEXe-M1Soyc {
color: var(--gm-theme-color) !important;
}
/* Check your audio and video modal */
.cC1eCc .VfPpkd-P5QLlc {
background-color: var(--gm-background-color) !important;
}
.RFZoDf {
color: var(--gm-body-text-color) !important;
}
.s8kOBc .VfPpkd-rymPhb .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd {
background-color: var(--gm-theme-color-highlight) !important;
}
.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) !important;
}
.s8kOBc .VfPpkd-rymPhb {
color: var(--mdc-theme-text-primary-on-background) !important;
}
.DwOugd.KshDhe .VfPpkd-Zr1Nwf-OWXEXe-M1Soyc {
color: #55bb6b !important;
}
/* Check your audio and video modal: your results */
.Ueqjm {
color: var(--gm-body-text-color) !important;
}
.LEUZG {
-webkit-backdrop-filter: blur(0.5rem) !important;
backdrop-filter: blur(0.5rem) !important;
}
.rxb0oe .VfPpkd-qNpTzb-ajuXxc-ZMv3u {
background-color: var(--gm-theme-color-highlight) !important;
}
.rxb0oe .VfPpkd-qNpTzb-P4pF8c-SmKAyb {
border-color: var(--gm-theme-color) !important;
}
.kUYZYd.EBS5u {
background-color: #253031 !important;
color: #4db6ac !important;
}
/* Error chip */
.X5Sgtf.P2wJPb {
background-color: rgba(217, 48, 37, 0.1) !important;
color: var(--gm-error-color) !important;
border-color: var(--gm-error-color) !important;
}
.X5Sgtf.P2wJPb:hover {
background-color: rgba(217, 48, 37, 0.2) !important;
}
/* Error chip: tooltip */
.VfPpkd-WsjYwc {
background-color: var(--mdc-theme-surface) !important;
}
.KC1dQ {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 6px 1px rgba(0, 0, 0, 0.15) !important;
}
/* Loading wheel */
.KWIIWd .hg3Lgc .co39ub,
.KWIIWd .hg3Lgc .Cn087,
.KWIIWd .hg3Lgc .hfsr6b,
.KWIIWd .hg3Lgc .EjXFBf {
border-color: var(--gm-theme-color) !important;
}
.xfNXfd .co39ub,
.xfNXfd .Cn087,
.xfNXfd .hfsr6b,
.xfNXfd .EjXFBf,
.RLJbzb .co39ub,
.RLJbzb .Cn087,
.RLJbzb .hfsr6b,
.RLJbzb .EjXFBf {
border-color: var(--gm-theme-color) !important;
}
/* Unable to join */
.jtEd4b {
color: var(--gm-body-text-color) !important;
}
.LAtdzd .snByac {
color: var(--gm-secondary-icon-color) !important;
}
.fwk7ze,
.mT54Ub {
color: var(--gm-label-color) !important;
}
.q97Uuf,
.Aw71Qe {
color: var(--gm-theme-color) !important;
}
/* Your meeting's ready dialog */
.xTGfdf {
background: var(--gm-background-color) !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149) !important;
}
.BVRS9e {
color: var(--gm-body-text-color) !important;
}
.LCQ7g {
color: var(--gm-body-text-color) !important;
}
.gvnMbb {
background: var(--gm-background-color-elevated) !important;
}
.okqcNc {
color: var(--gm-body-text-color) !important;
}
.w29hZ {
color: var(--gm-label-color) !important;
}
/* Your meeting's ready dialog: meeting nickname */
.XB1gcc {
color: var(--gm-body-text-color) !important;
}
.Q78Kdb {
color: var(--gm-label-color) !important;
}
/* Host controls */
.bWc4ke {
color: var(--gm-body-text-color) !important;
border-color: var(--gm-hairline-color) !important;
}
/* Meeting safety dialog */
.JjUzx {
color: var(--gm-label-color) !important;
}
.pnIJBe {
color: var(--gm-label-color) !important;
}
.dQWt8c {
color: var(--gm-label-color) !important;
}
.TJk20c {
color: var(--gm-body-text-color) !important;
}
.zObG4c {
color: var(--gm-body-text-color) !important;
}
.Zzlrzb {
border-top-color: var(--gm-hairline-color) !important;
}
/* Someone wants to join the call dialog */
.AmEdyd {
color: var(--gm-body-text-color) !important;
}
.W0LGoe {
color: var(--gm-label-color) !important;
}
.vSWmFe {
color: var(--gm-colortextbutton-ink-color) !important;
}
.vSWmFe.u3bW4e {
color: var(--gm-colortextbutton-ink-color--stateful) !important;
}
/*[[backdrop-blur]]*/
/* Fix other small issues */
body,
.MCcOAc.IqBfM.ecJEib.EWZcud.cjGgHb.d8Etdd.LcUz9d,
.gb_qd.gb_Fd.gb_wd.gb_vd,
.XCoqFe,
.gAGjv {
background-color: var(--gm-background-color) !important;
}
.u7qdSd.BB6Rdd {
background-color: unset !important;
}
.CW4Opc {
height: 0px !important;
visibility: hidden;
}
.uZLPsc,
.qNakOe,
.rj3e3,
.xcF7Ab,
.JeXi1b,
.J8vCN,
.u9RbFd,
.rVgIze,
.qNFnn {
color: var(--gm-text-color--on-dark-background) !important;
}
.VfPpkd-vQzf8d {
color: white !important;
}
}
.IjxGeb {
visibility: hidden;
}
.axUSnc.P9KVBf,
.eJH2ke.FVKzAb {
inset: 16px 16px 92px 16px !important;
transition: unset !important;
}
.axUSnc:not(.x2zn0c) .dkjMxf {
transition-property: unset !important;
transition-duration: unset !important;
transition-timing-function: unset !important;
}
@media (prefers-color-scheme: light) {
.p2ZbV,
.DNu0ud {
background: #FFFFFF;
}
.oZRSLe {
background: #FFFFFF;
color: #000000;
}
.P9KVBf .dkjMxf {
background: unset !important;
/* border-style: solid!important;
border-width: 1px!important;
border-color: gray!important; */
box-shadow: 0 3px 6px rgb(0 0 0 / 0.4) !important;
/* Google uses a jsaction to mess around with the layout, which means
that the bottommost card's shadow may become truncated */
}
.rG0ybd.xPh1xb.P9KVBf.LCXT6,
.Sdwpn.P9KVBf {
background: #FFFFFF;
color: #000000;
}
.epqixc.YUGmGb,
.iTTPOb .CNusmb,
.zs7s8d,
.xsj2Ff.vLRPrf .adnwBd,
.XEazBc {
color: #000000;
}
.zWfAib:not(.zTETae):not(.n9oEIb)>.Zf0RDc,
.zWfAib:not(.zTETae):not(.n9oEIb)>.Zf0RDc .Zi94Db {
background: #DBDBDB;
}
.P9KVBf .uaILN:not(:disabled),
.P9KVBf .rmHNDe:not(:disabled) {
background-color: var(--gm-fillbutton-container-color, rgb(26, 115, 232));
}
.P9KVBf .JxICCe.FTMc0c,
.P9KVBf .yBiuPb.FTMc0c {
background-color: rgb(234, 67, 53);
}
.P9KVBf .JsuyRc[aria-pressed=true] .Mwv9k {
color: var(--gm-fillbutton-container-color, rgb(26, 115, 232));
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment