Greasy Fork is available in English.

iCloud full day events border

Apply the default border with the good color on full day events.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name        iCloud full day events border
// @description Apply the default border with the good color on full day events.
// @namespace   https://gitlab.com/breatfr
// @match       https://www.icloud.com/calendar/
// @version     1.0.0
// @homepageURL https://gitlab.com/breatfr/icloud
// @supportURL  https://discord.gg/Q8KSHzdBxs
// @author      BreatFR
// @copyright   2024, BreatFR (https://breat.fr)
// @grant       none
// @icon        https://gitlab.com/uploads/-/system/project/avatar/65415880/icloud.png
// @license     AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
// ==/UserScript==

(function() {
    'use strict';

    function applyBorderStyle() {
        const iframes = document.querySelectorAll('iframe');

        iframes.forEach(iframe => {
            try {
                const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
                const buttons = iframeDoc.querySelectorAll('div:not(:has(.month-view-event-preview-start-time)) .css-6310j7 > button:not(:has(svg))');

                buttons.forEach(button => {
                    const computedStyle = getComputedStyle(button);

                // Check if a border is defined with a color
                    if (computedStyle.border && computedStyle.border !== '0px none rgba(0, 0, 0, 0)') {
                        const borderColor = computedStyle.borderColor || computedStyle.borderLeftColor;

                        // If a color is defined, apply the left border
                        if (borderColor && borderColor !== 'rgba(0, 0, 0, 0)') {
                            button.style.borderLeft = `3px solid ${borderColor}`;
                        }
                    }
                });
            } catch (error) {
                console.error('Erreur avec un iframe:', error);
            }
        });
    }

    const observer = new MutationObserver(applyBorderStyle);

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

    applyBorderStyle();
    setInterval(applyBorderStyle, 1000);
})();