Skip to content

Google Meet Dark by forivall

Screenshot of Google Meet Dark

Details

Authorforivall

LicenseMIT

Categorymeet.google.com

Created

Updated

Size56 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme for Google Meet

Notes

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Google Meet Dark
@namespace      github.com/mxdanger/GoogleMeet-Dark
@version        1.1.1-forivall
@description    Dark theme for Google Meet
@author         mxdanger
@homepageURL    https://github.com/mxdanger/GoogleMeet-Dark
@supportURL     https://github.com/mxdanger/GoogleMeet-Dark/issues
@license        MIT
@preprocessor   uso
@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") {
  /* Custom variables */
  :root {
    --gm-background-color-elevated: #28292c;
    --background-color-transparent: #202124bf;
    --link-color: #8ab4f8;
  }
  /* Main variables */
  :root, .sPMzxf.sPMzxf.sPMzxf.sPMzxf {
    --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: #2e2f33;
    --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);
    --mdc-outlined-text-field-input-text-color: var(--mdc-theme-text-primary-on-background);
    --mdc-outlined-text-field-focus-input-text-color: #ffffff;
    --mdc-outlined-text-field-hover-input-text-color: rgba(255, 255, 255, 0.93);
    --mdc-outlined-text-field-caret-color: rgba(255, 255, 255, 0.79);
    --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);
    --minimeet-on-background-color: var(--gm-label-color);
    --minimeet-background-color: var(--gm-overlay-color--on-theme-background);
    --hotlane-on-background-color: var(--gm-label-color);
    --hotlane-background-color: var(--gm-overlay-color--on-theme-background);
    --hotlane-on-surface-color: var(--gm-text-color--on-theme-background);
    --hotlane-on-surface-variant-color: var(--gm-caption-color);
    --hotlane-primary-color: var(--gm-theme-color);
    --hotlane-custom-background-color: var(--gm-tooltip-background-color);
    --hotlane-theme-background-color: var(--gm-background-color);
  }
  .ReCbLb.VfPpkd-O1htCb-OWXEXe-OWB6Me .VfPpkd-uusGie-fmcmS {
    color: rgba(128, 134, 139,.38);
  }
  .CxqoFf {
    background-color: var(--gm-tooltip-background-color);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  .qNFnn {
    color: var(--gm-label-color);
  }
  .Fapbjc, .qNFnn, .xMT28b {
    border-color: var(--gm-hairline-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...

Reviews

No reviews yet.