Skip to content

Instantly share code, notes, and snippets.

@bcinarli
Created December 6, 2022 08:59
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bcinarli/579b6899354d7c0f84a8841594ed83c2 to your computer and use it in GitHub Desktop.
Save bcinarli/579b6899354d7c0f84a8841594ed83c2 to your computer and use it in GitHub Desktop.
Dark Theme css override for Google Calendar, not-fully done, yet pretty usable
:root {
color-scheme: dark;
--primary: #bb86fc;
--primary-variant: #3700b3;
--on-primary: #000;
--secondary: #03dac5;
--secondary-variant: #d2e3fc;
--on-secondary: #000;
--on-secondary-variant: #018786;
--surface: #121212;
--surface-transparent: rgba(255,255,255,0);
--textfield-surface: #0e0c0b;
--on-surface: #fff;
--on-surface-variant: #5f6368;
--background: #121212;
--on-background: #fff;
--hairline: rgba(255, 255, 255, 0.4);
--error: #cf6679;
--on-error: #fff;
--fab: #bb86fc;
--fab-hover: #3700b3;
--now: #0842a0;
}
/** the following overrides probably not working after a new release, if the class names change **/
header, .I7OXgf, .gHQcAb {
background: var(--background) !important;
}
.uoCvO, .SWGFcb {
color: inherit !important;
}
.IJDILb {
color: var(--hairline) !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment