Skip to content

Modern Google Calendar by Rui-San

Mirrored from https://github.com/Rui-San/modern-google-cal/main/cal.user.css

Screenshot of Modern Google Calendar

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

Makes Google Calendar look like Notion Calendar (Better).

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;
    }
    
}

Reviews

No reviews yet.