Skip to content

Skinning Guide

Ender edited this page Jan 9, 2021 · 1 revision

Create a module, In your init function add this code:

let style = document.createElement("style");

// Example (broken) lightmode css
style.innerHTML = `
    :root {
        --title-bar-height: 30px !important; /* !important overrides everything */
        --menu-width: 200px !important;
        --user-bar-height: 55px !important;

        --theme: #e94b4b !important;
        --menu-icon-color: #111111 !important;
        --menu-icon-color-hover: #7a7a7a !important;
        --menu-background-color: #BEBEBE !important;
        --menu-border-color: #A8A8A8 !important;
        --background-color: #DDDDDD !important;
        --box-background-color: #EEEEEE !important;
        --dynamic-option-background-color: #FFFFFF !important;
    }
`;

document.head.appendChild(style);

document.querySelector(".quill-style-sheet").setAttribute("disabled", ""); // Quill Snow by default is for lightmode.
document.querySelector(".bulma-style-sheet").href = "https://casterlabs.co/bulma.min.css";

// document.querySelector(".caffeinated-style-sheet").setAttribute("disabled", ""); // Disables the build in css for Caffeinated, if you need.
Clone this wiki locally