iCloud customizations

Customizations for iCloud website.

Versión del día 15/12/2024. Echa un vistazo a la versión más reciente.

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

Necesitarás instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Necesitará instalar una extensión como Tampermonkey para instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

/* ==UserStyle==
@name           iCloud customizations
@version        1.0.1
@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    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: 45px 20px;
    }
}

@-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;
        }
    }
    
    /* Something focused */
    *:not(.css-rhsj15):focus {
        background: rgba(255, 255, 255, 0.2);
    }

    .event-button * {
        font-size: 1rem;
        line-height: 1.5;
    }
    .col-color,
    .event-button svg {
        height: 1rem !important;
        width: 1rem !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);
    }
    
    /* Month view */
    /* Full events */
    .css-6310j7 {
        height: auto;
    }    
    .css-1opsrsm {
        grid-auto-rows: auto;
    }
    .css-6pogpz {
        white-space: wrap;
    }
    
    /* Passed days */
    .css-swsj24 {
        color: var(--theme-color-labelTertiary)
    }
    
    /* Set month and year on right */
    if monthyearright {
        .css-10udamb {
            order: 3;
        }
        .css-xcsuj9 {
            margin-inline-start: auto;
        }
        .css-t7kvo9 {
            order: 2;
        }
        .css-iwyx1e {
            flex-direction: row-reverse;
            justify-content: flex-start;
            order: 1;
        }
    }
}