Skip to content

TabViewer CSS variables

Summary


CSS Variables table


Css variable
Fallback
Default
/
/
linear-gradient(to right, #cccccc, #c7c7c7)
linear-gradient(to right, #2d3748, #1d232e)
/
/
/
/
linear-gradient(to right, #a1a0a0, #797979)
linear-gradient(to right, #3e4b63, #3f4858)
/
/
#c2c2c2
#c2c2c2
/
/
linear-gradient(to right, #b6b4b4, #999797)
linear-gradient(to right, #566888, #3c465a)
/
/

CSS Variables list



--mbx-tabviewer-background

Fallback
Default
/
/


Fallback value for --mbx-tabviewer-background-light and --mbx-tabviewer-background-dark



--mbx-tabviewer-background-light

Fallback
Default
linear-gradient(to right, #cccccc, #c7c7c7)


TabViewer background when dark mode is `off'



--mbx-tabviewer-background-dark

Fallback
Default
linear-gradient(to right, #2d3748, #1d232e)


TabViewer background when dark mode is `on'



--mbx-tabviewer-text-color

Fallback
Default
/
/


Fallback value for --mbx-tabviewer-text-color-light and --mbx-tabviewer-text-color-dark



--mbx-tabviewer-text-color-light

Fallback
Default


TabViewer text color when dark mode is `off'



--mbx-tabviewer-text-color-dark

Fallback
Default


TabViewer text color when dark mode is `on'



--mbx-tabviewer-inactive-background

Fallback
Default
/
/


Fallback value for --mbx-tabviewer-inactive-background-light and --mbx-tabviewer-inactive-background-dark



--mbx-tabviewer-inactive-background-light

Fallback
Default
linear-gradient(to right, #a1a0a0, #797979)


TabViewer inactive tab background when dark mode is `off'



--mbx-tabviewer-inactive-background-dark

Fallback
Default
linear-gradient(to right, #3e4b63, #3f4858)


TabViewer inactive tab background when dark mode is `on'



--mbx-tabviewer-inactive-text-color

Fallback
Default
/
/


Fallback value for --mbx-tabviewer-inactive-text-color-light and --mbx-tabviewer-inactive-text-color-dark



--mbx-tabviewer-inactive-text-color-light

Fallback
Default
#c2c2c2


TabViewer inactive tab text color when dark mode is `off'



--mbx-tabviewer-inactive-text-color-dark

Fallback
Default
#c2c2c2


TabViewer inactive tab text color when dark mode is `on'



--mbx-tabviewer-inactive-background-hover

Fallback
Default
/
/


Fallback value for --mbx-tabviewer-inactive-background-hover-light and --mbx-tabviewer-inactive-background-hover-dark



--mbx-tabviewer-inactive-background-hover-light

Fallback
Default
linear-gradient(to right, #b6b4b4, #999797)


TabViewer inactive tab background when dark mode is `off', on hover



--mbx-tabviewer-inactive-background-hover-dark

Fallback
Default
linear-gradient(to right, #566888, #3c465a)


TabViewer inactive tab background when dark mode is `on', on hover



--mbx-tabviewer-inactive-text-color-hover

Fallback
Default
/
/


Fallback value for --mbx-tabviewer-inactive-text-color-hover-light and --mbx-tabviewer-inactive-text-color-hover-dark



--mbx-tabviewer-inactive-text-color-hover-light

Fallback
Default


TabViewer inactive tab text color when dark mode is `off', on hover



--mbx-tabviewer-inactive-text-color-hover-dark

Fallback
Default


TabViewer inactive tab text color when dark mode is `on', on hover