FANDOM


ChatThemes adds a button for changing themes on chat at the bottom of the rail.

Installation

Customization

This script require a list with names and classes for themes, by default the script includes a nightmode theme. You can customize it, following the next example:

window.ChatThemes = {
    themes: [
            mytheme1 = {
                name: 'My theme 1',
                class: 'mytheme1'
            },
            mytheme2 = {
                name: 'My theme 2',
                class: 'mytheme2'
            }
    ]
}

Seems like JSON.

The class will be included to .ChatWindow (body class) following the order of the list that you defined.

CSS

Once injected the class into the body class you can customize the chat following the injected class, for example:

/* Default theme */
.ChatWindow {
    background: #600;
}
 
/* My theme 1 */
.ChatWindow.mytheme1 {
    background: #060;
}
 
/* My theme 2 */
.ChatWindow.mytheme2 {
    background: #006;
}
Community content is available under CC-BY-SA unless otherwise noted.

Fandom may earn an affiliate commission on sales made from links on this page.

Stream the best stories.

Fandom may earn an affiliate commission on sales made from links on this page.

Get Disney+