☰

iCloud customizations

Customizations for iCloud website.

Install as user style?
Skaperens foreslåtte skript

Du vil kanskje også like iCloud favicons.

Installer dette scriptet 
/* ==UserStyle==
@name           iCloud customizations
@version        1.0.7
@description    Customizations for iCloud website.
@author         BreatFR (https://breat.fr)
@namespace      https://gitlab.com/breatfr
@homepageURL    https://gitlab.com/breatfr/icloud
@supportURL     https://discord.gg/Q8KSHzdBxs
@license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor   stylus

@var    checkbox    hidebanner          "Hide banner"                   1
@var    checkbox    hidemail            "Hide mail"                     0
@var    checkbox    hidecontacts        "Hide contacts"                 0
@var    checkbox    hidecalendar        "Hide calendar"                 0
@var    checkbox    hidephotos          "Hide photos"                   0
@var    checkbox    hidedrive           "Hide drive"                    0
@var    checkbox    hidenotes           "Hide notes"                    0
@var    checkbox    hidereminders       "Hide reminders"                0
@var    checkbox    hidepages           "Hide pages"                    0 
@var    checkbox    hidenumbers         "Hide numbers"                  0
@var    checkbox    hidekeynote         "Hide keynote"                  0
@var    checkbox    hidefind            "Hide find"                     0
@var    checkbox    biggertextevents    "Bigger text in events"         1
@var    text        fontsize            "Font size"                     1rem
@var    checkbox    hideheader          "Hide calendar header"          0
@var    checkbox    hidecalendarsidebar "Hide calendar sidebar"         0
@var    checkbox    monthyearright      "Set month and year on right"   0
==/UserStyle== */

/* === Credits ===
Website         https://breat.fr
facebook        https://www.facebook.com/breatfroff
mastodon        https://mastodon.social/@breat_fr
telegram        https://t.me/breatfr
vk              https://vk.com/breatfroff
X (twitter)     https://x.com/breatfroff
=== Credits === */

@-moz-document domain("icloud.com") {
    /* iCloud */
    if hidebanner {
        .banner-content {
            display: none !important;
            height: 0;
            width: 0;
        }
    }
    
    /* Hide elements you don't use */
    if hidemail {
        [href="https://www.icloud.com/mail"] {
            display: none !important;
            height: 0;
            width: 0;
        }
    }
    if hidecontacts {
        [href="https://www.icloud.com/contacts"] {
            display: none !important;
            height: 0;
            width: 0;
        }
    }
    if hidecalendar {
        [href="https://www.icloud.com/calendar"] {
            display: none !important;
            height: 0;
            width: 0;
        }
    }
    if hidephotos {
        [href="https://www.icloud.com/photos"] {
            display: none !important;
            height: 0;
            width: 0;
        }
    }
    if hidedrive {
        [href="https://www.icloud.com/iclouddrive"] {
            display: none !important;
            height: 0;
            width: 0;
        }
    }
    if hidenotes {
        [href="https://www.icloud.com/notes"] {
            display: none !important;
            height: 0;
            width: 0;
        }
    }
    if hidereminders {
        [href="https://www.icloud.com/reminders"] {
            display: none !important;
            height: 0;
            width: 0;
        }
    }
    if hidepages {
        [href="https://www.icloud.com/pages"] {
            display: none !important;
            height: 0;
            width: 0;
        }
    }
    if hidenumbers {
        [href="https://www.icloud.com/numbers"] {
            display: none !important;
            height: 0;
            width: 0;
        }
    }
    if hidekeynote {
        [href="https://www.icloud.com/keynote"] {
            display: none !important;
            height: 0;
            width: 0;
        }
    }
    if hidefind {
        [href="https://www.icloud.com/find"] {
            display: none !important;
            height: 0;
            width: 0;
        }
    }
    
    [dir=ltr] .navigation-drawer {
        padding: 20px;
    }
    [dir=ltr] .home-page .application-content .tile-grid.lg {
        padding-bottom: 40px;
    }
    
    [dir=ltr] .home-page .announcement-content {
        padding: 40px auto;
    }
    [dir=ltr] .home-page .announcement-content .announcement-container.lg {
        min-width: 1035px;
    }
    [dir=ltr] .home-page .announcement-content .announcement-container.lg > .content {
        margin: 0 auto;
    }
    
    /* If scripts to add icons */
    /* On wide screen */
    [dir=ltr] .home-page .application-content .tile-grid.lg:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
    [dir=ltr] .home-page .application-content .tile-grid.lg:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .home-page .application-content .tile-grid.lg:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .home-page .application-content .tile-grid.lg:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]) {
        width: calc(1035px + 75px);
    }
    [dir=ltr] .tile-grid .tile-grid-tile-container.large:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.large:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.large:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.large:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),    
    [dir=ltr] .tile-grid .tile-grid-tile-container .tile-grid-tile-content.large:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container .tile-grid-tile-content.large:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container .tile-grid-tile-content.large:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container .tile-grid-tile-content.large:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]) {
        width: calc(660px + 75px);
    }
    .app-library.large .app-icon-container:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
    .app-library.large .app-icon-container:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
    .app-library.large .app-icon-container:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
    .app-library.large .app-icon-container:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]) {
        grid-template-columns: repeat(7, 1fr);
    }
    
    /* On small screen */
    [dir=ltr] .tile-grid .tile-grid-tile-container.small .app-library img {
        height: 56px !important;
        width: 56px !important;
    }
    [dir=ltr] .tile-grid .tile-grid-tile-container.small:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.small:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.small:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.small:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-grid-tile-content.cell.small:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-grid-tile-content.cell.small:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-grid-tile-content.cell.small:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-grid-tile-content.cell.small:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-container:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-container:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-container:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-container:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.small .app-library:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.small .app-library:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.small .app-library:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
    [dir=ltr] .tile-grid .tile-grid-tile-container.small .app-library:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]) {
        height: calc(315px + 88.39px + 10px);
    }
}

@-moz-document url-prefix("https://www.icloud.com/applications/calendar/") {
    /* Calendar */
    if hidecalendarsidebar {
        ui-split[style="width: 250px;"],
        ui-split-divider[style="left: 250px;"] {
            display: none;
            width: 0;
        }
    }
    
    if hideheader {
        header {
            display: none !important;
            height: 0 !important;
        }
    }
    
    if biggertextevents {
        .event-button * {
            font-size: fontsize;
            line-height: 1.5;
        }
        .col-color,
        .event-button svg {
            height: fontsize !important;
            width: fontsize !important;
        }
    }
    
    /* Today */
    .css-107fxrr > span,
    .css-8ts4xs,
    .css-6k0qnq {
        color: var(--theme-color-systemWhite);
    }
    
    /* Birthday better view */
    .event-button:has(.birthday) {
        background-color: transparent;
    }
    .birthday > div {
        color: var(--theme-color-systemRed);
        fill: var(--theme-color-systemRed);
    }

    /* Set month and year on right */
    if monthyearright {
        .css-10udamb {
            order: 3;
        }
        .css-1yaufk0 {
            color: var(--theme-color-systemRed);
        }
        .css-xcsuj9 {
            margin-inline-start: auto;
        }
        .css-t7kvo9 {
            order: 2;
        }
        .css-iwyx1e {
            flex-direction: row-reverse;
            justify-content: flex-start;
            order: 1;
        }
    }
    
    /* ========================
        Day view
    ======================== */
    /* No more space around day table */
    .css-6ub2mo {
        padding: 0;
    }
    
    if biggertextevents {
        .css-1b9imfs {
            grid-auto-rows: auto;
        }
        .css-oyl8cq {
            height: max-content;
        }
    }
    
    /* ========================
        Week view
    ======================== */
    /* No more space around week table */
    .css-bhx65h {
        padding: 0;
    }
    
    if biggertextevents {
        .css-12eikme {
            align-self: center;
        }
        .css-5ve0cs {
            height: max-content;
        }
        .css-1h98574 {
            grid-auto-rows: auto;
        }
    }
    
    /* Days label */
    .week-daylabel {
        justify-content: center;
    }
    .css-1ttvfef  {
        color: var(--theme-color-systemWhite);
    }
    .css-8ts4xs + .css-1ttvfef  {
        color: var(--theme-color-systemRed);
    }

    /* ========================
        Month view
    ======================== */
    /* No more space around month table */
    .css-6mc1rx {
        padding: 0;
    }
    
    if biggertextevents {
        .css-6310j7 {
            height: auto;
        }    
        .css-1opsrsm {
            grid-auto-rows: auto;
        }
        .css-6pogpz {
            white-space: wrap;
        }
    }
    
    /* Other months days */
    .css-swsj24 {
        color: var(--theme-color-labelTertiary)
    }
    
    /* Day focused */
    .month-view-day-cell:focus {
        background: rgba(255, 255, 255, 0.2);
    }
    
    /* Days label */
    .n-grid-col > span {
        display: flex;
        justify-self: center;
        padding-inline-start: 0;
    }
    .css-1fdlgye {
        color: var(--theme-color-systemWhite);
    }
}