Default Colors

Domiex provide you the best of both worlds. We have provided multiple colors set so it will be easy to use for customers as well as designers to change quickly. No need to add lots of classes for single elements. We have managed the colors in the src/assets/css/components/theme.css file. You can easily copy any predefined object (e.g., purple, red, green, etc.) and customize it with your desired color to apply it seamlessly across all pages.

@theme {
    --color-green-50:               oklch(0.982 0.018 155.826);
    --color-green-100:              oklch(0.962 0.044 156.743);
    --color-green-200:              oklch(0.925 0.084 155.995);
    --color-green-300:              oklch(0.871 0.15 154.449);
    --color-green-400:              oklch(0.792 0.209 151.711);
    --color-green-500:              oklch(0.723 0.219 149.579);
    --color-green-600:              oklch(0.627 0.194 149.214);
    --color-green-700:              oklch(0.527 0.154 150.069);
    --color-green-800:              oklch(0.448 0.119 151.328);
    --color-green-900:              oklch(0.393 0.095 152.535);
    --color-green-950:              oklch(0.266 0.065 152.934);
}