CSS定義されたカラー
--amasugar-${color}
という形で、CSSの変数としてパステルカラー8色とそれぞれに対して明るいlightカラーと暗いdarkカラーを定義しています。 ⬛︎ #fefefe
style="color: var(--amasugar-white-light);"
⬛︎ #fafafa
style="color: var(--amasugar-white);"
⬛︎ #dadada
style="color: var(--amasugar-white-dark);"
⬛︎ #ffe6ff
style="color: var(--amasugar-violet-light);"
⬛︎ #e2c6ff
style="color: var(--amasugar-violet);"
⬛︎ #c2a6df
style="color: var(--amasugar-violet-dark);"
⬛︎ #fff1ff
style="color: var(--amasugar-pink-light);"
⬛︎ #ffd1ff
style="color: var(--amasugar-pink);"
⬛︎ #dfb1df
style="color: var(--amasugar-pink-dark);"
⬛︎ #ffe6e6
style="color: var(--amasugar-red-light);"
⬛︎ #ffc6c6
style="color: var(--amasugar-red);"
⬛︎ #dfa6a6
style="color: var(--amasugar-red-dark);"
⬛︎ #fffddc
style="color: var(--amasugar-orange-light);"
⬛︎ #ffddbc
style="color: var(--amasugar-orange);"
⬛︎ #dfbd9c
style="color: var(--amasugar-orange-dark);"
⬛︎ #ffffe6
style="color: var(--amasugar-yellow-light);"
⬛︎ #ffffc6
style="color: var(--amasugar-yellow);"
⬛︎ #dfdfa6
style="color: var(--amasugar-yellow-dark);"
⬛︎ #e6ffe6
style="color: var(--amasugar-green-light);"
⬛︎ #c6ffc6
style="color: var(--amasugar-green);"
⬛︎ #a6dfa6
style="color: var(--amasugar-green-dark);"
⬛︎ #e6ffff
style="color: var(--amasugar-blue-light);"
⬛︎ #c6e2ff
style="color: var(--amasugar-blue);"
⬛︎ #a6c2df
style="color: var(--amasugar-blue-dark);"