Skip to content

Instantly share code, notes, and snippets.

@shaunlebron
Last active March 1, 2023 01:56
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 shaunlebron/0dec33ca6bec4f911975e62cab7bed72 to your computer and use it in GitHub Desktop.
Save shaunlebron/0dec33ca6bec4f911975e62cab7bed72 to your computer and use it in GitHub Desktop.
Google Sheets Dark Mode
/* invert the table, formula bar, cell editor, and navbar
and dim transparency to soften */
#waffle-grid-container,
#formula-bar-name-box-wrapper,
div[role="navigation"],
.cell-input.editable {
filter: invert();
opacity: 0.9;
}
/* re-invert colors inside inverted parents to restore them */
.overlay-container-ltr,
.formula-content > span:not(.default-formula-text-color),
.docs-gm .docs-sheet-active-tab .docs-sheet-tab-name,
.docs-gm .docs-sheet-active-tab .docs-icon {
filter: invert();
}
/* invert selection color manually */
::selection {
background-color: #e58c17 !important;
}
/* Misc artifacts */
.autofill-handle {
border-color: #333;
}
.input-box {
background: #000 !important;
}
.cell-input {
background: #DDD !important;
}
.docs-gm .docs-menubar .goog-control-disabled {
background-color: transparent !important;
opacity: 0.5;
}
@shaunlebron
Copy link
Author

Added to Google Docs Dark Mode to make this work for Google Sheets.

Screen Shot 2021-07-13 at 12 55 53 PM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment