Web Theming Guide

The following values are available to modify to make Lucra feel like yours:

Config Option	Type	What does it modify?
bg-landing-image	URL	Background image of the landing page after login
bg-landing-image-color	HSL	Background color behind the image of the landing page after login
bg-menu-img	URL	Background image of the sidebar menu
bg-select-game-img	URL	Background image on game selection screen
bg-splash-img	URL	Background image of the landing page
bg-splash-img-color	HSL	Background color behind the image of the landing page
primary	HSL	The core color used in the app. Most notable on buttons.
secondary	HSL	Secondary color in the app. Used for some UI controls and non-CTA buttons.
on-primary	HSL	Text color that shows up when on a primary background
on-secondary	HSL	Text color that shows up when on a secondary background

How do I get HSL values from my HEX values?

If you have traditional hex values for your colors, you can use a site like https://htmlcolors.com/hex-to-hsl to convert it for you to HSL.