Error occurred!
{error}
Generate CSS Colour Shades
Currently supports hex...
:root {
}
.bg-generatedShade-100 { background-color: var(--color-generatedShade-100) } .bg-generatedShade-200 { background-color: var(--color-generatedShade-200) } .bg-generatedShade-300 { background-color: var(--color-generatedShade-300) } .bg-generatedShade-400 { background-color: var(--color-generatedShade-400) } .bg-generatedShade-500 { background-color: var(--color-generatedShade-500) } .bg-generatedShade-600 { background-color: var(--color-generatedShade-600) } .bg-generatedShade-700 { background-color: var(--color-generatedShade-700) } .bg-generatedShade-800 { background-color: var(--color-generatedShade-800) } .bg-generatedShade-900 { background-color: var(--color-generatedShade-900) } .bg-generatedShade-1000 { background-color: var(--color-generatedShade-1000) }
.text-generatedShade-100 { color: var(--color-generatedShade-100) } .text-generatedShade-200 { color: var(--color-generatedShade-200) } .text-generatedShade-300 { color: var(--color-generatedShade-300) } .text-generatedShade-400 { color: var(--color-generatedShade-400) } .text-generatedShade-500 { color: var(--color-generatedShade-500) } .text-generatedShade-600 { color: var(--color-generatedShade-600) } .text-generatedShade-700 { color: var(--color-generatedShade-700) } .text-generatedShade-800 { color: var(--color-generatedShade-800) } .text-generatedShade-900 { color: var(--color-generatedShade-900) } .text-generatedShade-1000 { color: var(--color-generatedShade-1000) }