Makes Google Calendar look like Notion Calendar (Better).
Modern Google Calendar by Rui-San
Mirrored from https://github.com/Rui-San/modern-google-cal/main/cal.user.css

Details
AuthorRui-San
LicenseMIT
Categorycalendar.google.com
Created
Updated
Code size2.1 kB
Code checksum2aa7118d
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Modern-Google-Calendar
@description Google calendar but better
@namespace github.com/Rui-San/better-google-cal
@homepageURL https://github.com/Rui-San/modern-google-cal
@version 1.2.0
@author RuiSan (https://github.com/Rui-San)
@license MIT
@preprocessor stylus
==/UserStyle== */
@-moz-document domain("calendar.google.com") {
.GTG3wb,
.vEJ0bc {
padding-left: 5px;
overflow: hidden !important;
z-index: 3;
border-radius: 6px;
}
.GTG3wb::after,
.KF4T6b::after {
content: '';
position: absolute;
inset: 0;
background-color: var(--gm3-sys-color-background);
filter: contrast(90%);
opacity: 0.6;
}
.GTG3wb *,
.KF4T6b * {
z-index: 2;
color: var(--gm3-sys-color-on-surface) !important;
}
.GTG3wb::before,
.QGRmIf::before {
z-index: 2;
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background-color: inherit;
filter: saturate(150%) !important;
opacity: 1 !important;
box-shadow: none !important;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.TBA7qc,
.dwlvNd,
.LXjtcc,
.jSrjCf {
display: none !important;
}
.nUt0vb{
border-radius: 25% !important;
}
.nSCxEf{
margin: 0;
color: white;
}
.nSCxEf.F262Ye, body.geSgge .nSCxEf.F262Ye, .p6vobf .sOjuj, .p6vobf.pWJCO .sOjuj, .p6vobf.pWJCO.q2d9Ze .sOjuj{
background: #f55e57 !important;
color: white !important;
}
.tWjOu.F262Ye{
color: white !important;
}
.hI2jVc{
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-around;
}
.KF4T6b{
height: 100% !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
}