meow meow meow meow
Last active
June 17, 2025 04:01
-
-
Save CodingKoopa/5ca984b5d0e610d23c3386031425b1ad to your computer and use it in GitHub Desktop.
Custom Google Calendar Theme
This file contains hidden or 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
| @-moz-document domain("calendar.google.com") { | |
| body { | |
| background: url("https://i.imgur.com/zCCq6WX.png") center/cover no-repeat; | |
| } | |
| /* This is the entire page - it's just simpler than doing a partially transparent background. */ | |
| body[data-viewfamily="EVENT"] .tEhMVd { | |
| background-color: rgba(255, 255, 255, 0.2); | |
| } | |
| /* Just the calendar, not including the heading or app sidebar. */ | |
| div.pbeTDb { | |
| background-color: rgba(255, 255, 255, 0.2); | |
| } | |
| li.gZ8fdb.F262Ye, /* Container for all-day events occurring today. */ | |
| div.R6TFwe /* List of times. */ { | |
| background-color: rgba(255, 255, 255, 0); | |
| } | |
| .AeBiU-LgbsSe, /* Go to today, Change time window */ | |
| .sS0sZd /* Timezone indicator. */ | |
| { | |
| /* Lighten just this button for visibility. */ | |
| background-color: rgba(255, 255, 255, 0.4); | |
| } | |
| /* Other header buttons */ | |
| .pYTkkf-Bz112c-LgbsSe { | |
| background-color: rgba(255, 255, 255, 0.2); | |
| } | |
| /* Timezone indicator. */ | |
| .sS0sZd { | |
| /* Add the same radius as the buttons. */ | |
| border-radius: var(--gm3-button-outlined-container-shape,9999px); | |
| } | |
| /* Current day button. */ | |
| .F262Ye button { | |
| background-color: rgb(3, 155, 229) !important; | |
| } | |
| .F262Ye button div { | |
| color: white !important; | |
| } | |
| button > div { | |
| color: rgb(31, 31, 31) !important; | |
| } | |
| :root { | |
| --accent-color: rgb(3, 155, 229); | |
| } | |
| .ZDEHt { | |
| border-left-color: var(--accent-color) !important; | |
| } | |
| div.BiKU4b, /* Lines between days (below all-day line) */ | |
| div.BiKU4b.Qbfsob, /* Lines between days (but the last one) */ | |
| li.gZ8fdb, /* Lines between days (above all-day line) */ | |
| div.EDDeke /* Leftmost line */ | |
| { | |
| border-right-color: var(--accent-color); | |
| } | |
| /* Lines between hours */ | |
| .sJ9Raf::after { | |
| border-bottom-color: var(--accent-color); | |
| } | |
| /* this is the gradient onat the top of the days */ | |
| .oXZ1yb.T8M5bd .uEzZIb::after { | |
| background-image: linear-gradient(to left,var(--accent-color),rgba(var(--gm3-sys-color-surface-rgb),0)); | |
| right: 0; | |
| /*background-image: none !important; | |
| background-color: transparent !important;*/ | |
| } | |
| .oXZ1yb.T8M5bd .lqYlwe::before { | |
| background-image: linear-gradient(to right,var(--accent-color),rgba(var(--gm3-sys-color-surface-rgb),0)); | |
| } | |
| /* | |
| .oXZ1yb.T8M5bd .uEzZIb::after, .oXZ1yb.T8M5bd .lqYlwe::before { | |
| background-color: var(--accent-color) !important; | |
| }*/ | |
| /* Pride bit from ChatGPT: */ | |
| .gb_Fc { | |
| display: inline-flex; | |
| align-items: center; | |
| gap: 0.5em; | |
| padding: 0.3em 1em; | |
| margin-block: 0.2em 0.5em; | |
| border-radius: 999px; | |
| background: linear-gradient( | |
| 90deg, | |
| #f8b3d0, | |
| #fcd29f, | |
| #eaf8b8, | |
| #c3f1e5, | |
| #d0ddf9, | |
| #e3c6f5 | |
| ); | |
| color: #333; | |
| font-weight: 500; | |
| font-size: 0.95em; | |
| white-space: nowrap; | |
| box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); | |
| text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4); | |
| } | |
| .gb_Fc img { | |
| width: 1.1em; | |
| height: 1.1em; | |
| border-radius: 50%; | |
| flex-shrink: 0; | |
| } | |
| /* | |
| .gb_ud.gb_bd { | |
| font-size: 0; | |
| position: relative; | |
| display: inline-flex; | |
| align-items: center; | |
| } | |
| .gb_ud.gb_bd::before { | |
| content: "meow"; | |
| font-size: 22px; | |
| color: #333; | |
| font-weight: 500; | |
| white-space: nowrap; | |
| line-height: 1; | |
| } */ | |
| .gb_ud.gb_bd::after { | |
| content: " for Cats" | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment