Themes

There are four themes that is implemented on this website.

1. Normal light theme (normal Bootstrap colors): body
2. Normal dark theme (colors customized with Material Design dark theme colors): body.dark
3. Extension-styled light theme (Sora font, colors same as normal): body.extension-styled
4. Extension-styled dark theme (Sora font, colors customized based on extension): body.extension-styled.dark

Each page development should be prioritized from the normal themes first, then the extension-styled themes, and light first, then dark. (top to bottom basically)

Extension-styled themes can be accessed by pressing SHIFT when clicking the dark theme toggle switch.