-
-
Notifications
You must be signed in to change notification settings - Fork 2
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.