Last active
February 11, 2021 06:50
-
-
Save arthurattwell/5b0d4fe3d9910ef4eed6ecfca30867ad to your computer and use it in GitHub Desktop.
Nicer Gmail styles with Stylus, Gmail's dark theme, and simpl.fyi [deprecated]
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Extra styles for Gmail applied with Stylus | |
| in combination with Gmail's dark theme | |
| and the simpl.fyi Firefox extension */ | |
| /* Max width on email */ | |
| table.Bs.nH.iY.bAt { | |
| max-width: 50em; | |
| margin: auto; | |
| } | |
| /* Invert colours in message, | |
| just enough to match dark-themed Gmail background. | |
| Needs turning off sometimes */ | |
| .iY .Bu { | |
| filter: invert(93%); | |
| } | |
| /* Don't invert avatars or images */ | |
| .iY .Bu img { | |
| filter: invert(100%); | |
| } | |
| /* Don't invert iframes, since we can't affect their CSS anyway */ | |
| .iY .Bu iframe:first-of-type { | |
| filter: invert(100%); | |
| } | |
| /* Nicer, larger font for email list */ | |
| .yW, | |
| .hx .gD, | |
| .xY, | |
| .zA > .a4W, | |
| .zA > .xW, | |
| .yi, .y6 { | |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| font-size: 1rem; | |
| line-height: 1.6; | |
| } | |
| /* Less prominent tabs bar */ | |
| .aKh { | |
| background-color: transparent; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
These styles worked fine for the original Simplify extension. Since v2 (the paid version), many are unnecessary. Rather use https://gist.github.com/arthurattwell/468233e5c9a99b4f98c2d1dfcd675924