(() => { /* @author Aetherinox @script Discord Theme: Hanami (Light) @about Applies the discord theme "Hanami" 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( 38.08deg, var( --bg-gradient-hanami-1 ) 3.56%, var( --bg-gradient-hanami-2 ) 35.49%, var( --bg-gradient-hanami-3 ) 68.78% ); --custom-theme-primary-color: #efaab3; --custom-theme-secondary-color: #a6daa2; --custom-theme-base-color-amount: 50%; --custom-theme-text-color-amount: 38%; --custom-theme-base-color-light-hsl: 115.29411764705884 100% 90%; --custom-theme-base-color-light: rgb(208, 255, 204); --custom-theme-text-color-light: rgb(77, 0, 10); --custom-theme-base-color-dark-hsl: 353.0769230769231 100% 5.098039215686274%; --custom-theme-base-color-dark: rgb(26, 0, 3); --custom-theme-text-color-dark: rgb(231, 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: Hanami (Light)'; } )();