Customization
Import / Export
Following string (hash) is uniq for current custom settings. The hash will be also added to saved custom CSS. Later you can past your hash here and load your custom build.
L
L
D
D
Contrasts WCAG 21.0 7.0 7.0 7.0
Contrasts
--s-color-bg --s-color-fg | WCAG 2.1 Result: 21 | |
--s-color-bg --s-color-primary | WCAG 2.1 Result: 7 | |
--s-color-bg --s-color-fg-65-bg | WCAG 2.1 Result: 7 | |
--s-color-primary --s-color-primary-contrast | WCAG 2.1 Result: 7 |
Color palette
Colors
- --s-color-bg-95-fg
- Low contrast background
- --s-color-bg-85-fg
- Mid contrast background
- --s-color-fg-65-bg
- Low contrast text color
- --s-color-primary-80-fg
- Text and border color with mixed primary
- --s-color-primary-40-bg
- Background with mixed primary used for text highlights
- --s-color-shadow
- Shadow color used for article
- --s-color-shadow-half
- Shadow color used for body's
headerandfooter - --s-color-bg-85-fg-primary
- Mixture of bg, fg and primary used for
code,kbd,sampand variousinputelements
Example to play with
h1
After marginh2
After marginh3
After marginh4
After marginAn unexamined life is not worth living
Open for Instant Smiles, Handle With Glee!
Unleash pure joy with surprise goodies that guarantee laughter. It's happiness in a box—brace for grins!Open for Instant Smiles, Handle With Glee!
Unleash pure joy with surprise goodies that guarantee laughter. It's happiness in a box—brace for grins!Open for Instant Smiles, Handle With Glee!
Unleash pure joy with surprise goodies that guarantee laughter. It's happiness in a box—brace for grins!| No. | Fruit | Animal | Superhero | Color |
|---|---|---|---|---|
| 1 | Apple | Penguin | Spider-Man | Blue |
| 2 | Banana | Sloth | Wonder Woman | Yellow |
| ✓ | ✓ | ✓ | ✓ |