Theme

Details

We do realise that people hate whenever there’s multiple different UIs with different colors and etc. So we made it possible to change the theme of the shops UI to match your server theme.

Please note, that colors below are in HSL format, so if you want to convert HEX to HSL, you can use this website.

Configuration file

config/theme.lua
return {
    ---@type ThemeVariables
    variables = {
        -- base-100
        ['b1'] = '240 13% 5%',
        -- base-200
        ['b2'] = '220 7% 8%',
        -- base-300
        ['b3'] = '220 7% 8%',
        -- base-content
        ['bc'] = '0 0% 100%',
        -- primary
        ['primary'] = '0 0% 100%',
        -- primary-content
        ['pc'] = '0 0% 0%',
        -- neutral
        ['n'] = '220 7% 8%',

        ['rounded-box'] = '0.5rem',
        ['rounded-btn'] = '0.25rem',
        ['rounded-badge'] = '1.9rem',

        ['main-opacity'] = '1.0',
        ['items-container-opacity'] = '1.0',
        ['cart-item-opacity'] = '1.0',
    }
}