:root {
}

    :root[data-theme="light"],
    :root[data-theme="dark"] {
        /* Primary */
        --mud-palette-primary: var(--jex-common-color-primary);
        --mud-palette-primary-lighten: var(--jex-common-color-primary);
        --mud-palette-primary-darken: var(--jex-common-color-primary);
        --mud-palette-primary-hover: var(--jex-common-color-3);
        /* Texts */
        --mud-palette-text-primary: var(--jex-common-text-normal-color-1);
        /* Texts menu */
        --mud-palette-drawer-text: var(--jex-common-text-normal-color-1);
        /* Slider track */
        --mud-slider-track-background: var(--jex-common-color-primary);
        --mud-slider-track-color: var(--jex-common-color-primary); /* fallback */
        /* Various */
        --mud-palette-background: var(--jex-common-color-1);
        --mud-palette-drawer-background: var(--jex-common-color-1);
        --mud-palette-appbar-background: var(--jex-common-color-1);
        --mud-palette-appbar-text: var(--jex-common-text-normal-color-1);
        --mud-palette-surface: var(--jex-common-color-1);
    }

    :root[data-theme="light"] {
    }

    :root[data-theme="dark"] {
    }

/* juan: not working */
.slider-track, .slider-thumb,
.mud-slider-track, .mud-slider-thumb, .mud-slider-track-tick, .mud-slider-filled, mud-slider-primary {
    background-color: var(--jex-common-color-primary);
    color: var(--jex-common-color-primary);
}