Flux Developer

Appearance

On this page

Variables ​

Flux UI comes with a lot of CSS variables you can change to make your own theme, but also use when composing your own UI components.

Colors ​

Primary--j-color-primary-{n}
50
100
200
300
400
500
600
700
800
900
UI--j-color-ui-{n}
50
100
200
300
400
500
600
700
800
900
Success--j-color-success-{n}
50
100
200
300
400
500
600
700
800
900
Danger--j-color-danger-{n}
50
100
200
300
400
500
600
700
800
900
Warning--j-color-warning-{n}
50
100
200
300
400
500
600
700
800
900
Black--j-color-black
White--j-color-white
Focus--j-color-focus

Spacing ​

--j-space--{n}
100
200
300
400
500
600
700
800
900

Typography ​

Font Size--j-font-size-{n}
Ab
100
Ab
200
Ab
300
Ab
400
Ab
500
Ab
600
Ab
700
Ab
800
Ab
900
Ab
1000