format =>
bg: var(--background)
Instead of a HEX color code as a background color, replace it with a variable for a background color combination.
| Variable | Light | Dark |
|---|---|---|
| --background | #FFFFFF | #1D1D1B |
| --background2 | #F7F7F7 | #30302C |
| --background3 | #BDECE5 | #1A5D53 |
| --background4 (don't use!) | #1D1D1B | #FFFFFF |
| --background5 | rgba(29,29,27,0.10) | #7B7C7F |
| --background6 | #B5B5B0 | #4F4F4A |
| --background7 (don't use!) | #1D1D1B | #4F4F4A |
| --background8 | #FFE6AA | #775400 |
| --background9 | #DBF0B9 | #456215 |
| --background10 | #F3B6BA | #671017 |
| --background11 | #AEF1FB | #066371 |
| --background12 | #FFAADC | #770046 |
| --background13 | #AFD3FA | #073970 |
| --background14 | #BDECE5 | #1A5D53 |
| --background15 | #FEDABF | #753302 |
| --background16 | #ACE5FD | #035374 |
--background
#FFFFFF
#1D1D1B
--background2
#F7F7F7
#30302C
--background3
#BDECE5
#1A5D53
--background4
#1D1D1B
#FFFFFF. (don't use!)
--background5
rgba(29,29,27,0.10)
#7B7C7F
--background6
#B5B5B0
#4F4F4A
--background7
#1D1D1B
#4F4F4A. (don't use!)
--background8
#FFE6AA
#775400
--background9
#DBF0B9
#456215
--background10
#F3B6BA
#671017
--background11
#AEF1FB
#066371
--background12
#FFAADC
#770046
--background13
#AFD3FA
#073970
--background14
#BDECE5
#1A5D53
--background15
#FEDABF
#753302
--background16
#ACE5FD
#035374