MoBrix-ui shared CSS variables
Summary
CSS Variables table
Css variable |
Fallback |
Default |
|---|---|---|
/ |
/ |
|
linear-gradient(to right, #fff, #ededee, #e6e7e7) |
||
linear-gradient(to right, #2d3748, #1d232e) |
||
/ |
/ |
|
#e9e9e9 |
||
#1d232e |
||
/ |
/ |
|
#dfeaf8 |
||
#3a3552 |
||
/ |
/ |
|
linear-gradient(to right, #ececec, #e1e1e6, #dbdddd) |
||
linear-gradient(to right, #364257, #252d3b) |
||
/ |
/ |
|
#1b1b1b |
||
white |
||
/ |
/ |
|
#413c5c |
||
#dfeaf8 |
||
/ |
/ |
|
#464545 |
||
#464545 |
||
/ |
/ |
|
#7785ff |
||
#fb7a10 |
CSS Variables list
--mbx-background
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-background-light and --mbx-background-dark variables
--mbx-background-light
Fallback |
Default |
|---|---|
linear-gradient(to right, #fff, #ededee, #e6e7e7) |
Global MoBrix-ui background, when dark mode is off
--mbx-background-dark
Fallback |
Default |
|---|---|
linear-gradient(to right, #2d3748, #1d232e) |
Global MoBrix-ui background, when dark mode is on
--mbx-background-color
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-background-color-light and --mbx-background-color-dark variables
--mbx-background-color-light
Fallback |
Default |
|---|---|
#e9e9e9 |
Global MoBrix-ui background color, when dark mode is off
--mbx-background-color-dark
Fallback |
Default |
|---|---|
#1d232e |
Global MoBrix-ui background color, when dark mode is on
--mbx-background-color-hover
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-background-color-hover-light and --mbx-background-color-hover-dark variables
--mbx-background-color-hover-light
Fallback |
Default |
|---|---|
#dfeaf8 |
Global MoBrix-ui background color, when dark mode is off, on hover
--mbx-background-color-hover-dark
Fallback |
Default |
|---|---|
#3a3552 |
Global MoBrix-ui background color, when dark mode is on, on hover
--mbx-background-hover
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-background-hover-light and --mbx-background-hover-dark variables
--mbx-background-hover-light
Fallback |
Default |
|---|---|
linear-gradient(to right, #ececec, #e1e1e6, #dbdddd) |
Global MoBrix-ui background, when dark mode is off, on hover
--mbx-background-hover-dark
Fallback |
Default |
|---|---|
linear-gradient(to right, #364257, #252d3b) |
Global MoBrix-ui background, when dark mode is on, on hover
--mbx-text
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-text-light and --mbx-text-dark variables
--mbx-text-light
Fallback |
Default |
|---|---|
#1b1b1b |
Global MoBrix-ui text color, when dark mode is off
--mbx-text-dark
Fallback |
Default |
|---|---|
white |
Global MoBrix-ui text color, when dark mode is on
--mbx-text-hover
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-text-hover-light and --mbx-text-hover-dark variables
--mbx-text-hover-light
Fallback |
Default |
|---|---|
#413c5c |
Global MoBrix-ui text color, when dark mode is off, on hover
--mbx-text-hover-dark
Fallback |
Default |
|---|---|
#dfeaf8 |
Global MoBrix-ui text color, when dark mode is on, on hover
--mbx-shadow
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-shadow-light and --mbx-shadow-dark variables
--mbx-shadow-light
Fallback |
Default |
|---|---|
#464545 |
Global MoBrix-ui shadow color, when dark mode is off
--mbx-shadow-dark
Fallback |
Default |
|---|---|
#464545 |
Global MoBrix-ui shadow color, when dark mode is on
--mbx-focus-color
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-focus-color-light and --mbx-focus-color-dark variables
--mbx-focus-color-light
Fallback |
Default |
|---|---|
#7785ff |
Global MoBrix-ui focus color, when dark mode is off
--mbx-focus-color-dark
Fallback |
Default |
|---|---|
#fb7a10 |
Global MoBrix-ui focus color, when dark mode is on