(() =>
{
    /*
        @author         Aetherinox
        @script         Discord Theme: LoFi Vibes (Light)
        @about          Applies the discord theme "LoFi Vibes" to your interface.
                        adds a new snippet to chrome dev-tools

                        - launch discord
                        - open dev-tools with CTRL + SHIFT + I
                        - Click `sources` tab
                        - On left side `Pages`, click arrow, select `Snippets`
                        - Right-click in empty box, select `Create new Snippet`
                        - Add code below
    */

    const style = document.createElement( 'style' );
    style.textContent = `
        .custom-theme-background
        {
            --custom-theme-background:              linear-gradient( 179.52deg, var( --bg-gradient-lofi-vibes-1 ) 7.08%, var( --bg-gradient-lofi-vibes-2 ) 34.94%, var( --bg-gradient-lofi-vibes-3 ) 65.12%, var( --bg-gradient-lofi-vibes-4 ) 96.23% );
            --custom-theme-primary-color:           #a4c0f7;
            --custom-theme-secondary-color:         #cfdfa2;
            --custom-theme-base-color-amount:       50%;
            --custom-theme-text-color-amount:       38%;
            --custom-theme-base-color-light-hsl:    75.29411764705885 100% 90%;
            --custom-theme-base-color-light:        rgb(242, 255, 204);
            --custom-theme-text-color-light:        rgb(0, 42, 128);
            --custom-theme-base-color-dark-hsl:     221.53846153846155 100% 5.098039215686274%;
            --custom-theme-base-color-dark:         rgb(0, 8, 26);
            --custom-theme-text-color-dark:         rgb(248, 255, 229);
        }
    `;
    document.head.appendChild( style );

    /*
        Add class to HTML tag
    */

    const html = document.documentElement;
    html.classList.add( 'custom-theme-background' );

    /*
        Make theme persistent using MutationObserver
    */

    new MutationObserver(() =>
    {
        if ( !html.classList.contains( 'custom-theme-background' ) )
        {
            html.classList.add( 'custom-theme-background' );
        }
    } ).observe( html, { attributes: true, attributeFilter: [ 'class' ] } );

    return '✅ Applied Discord Theme: LoFi Vibes (Light)';
} )();