vira
Version:
A simple and highly versatile design system using element-vir.
179 lines (178 loc) • 7.27 kB
TypeScript
/**
* The base Vira color theme palette.
*
* @category Color
*/
export declare const viraColorPalette: import("lit-css-vars").CssVarDefinitions<{
readonly 'vira-red-100': "#FFF6F5";
readonly 'vira-red-150': "#FFEDEB";
readonly 'vira-red-200': "#FFE4E1";
readonly 'vira-red-250': "#FFDCD8";
readonly 'vira-red-300': "#FFD1CB";
readonly 'vira-red-350': "#FFC1B8";
readonly 'vira-red-400': "#FFA79B";
readonly 'vira-red-450': "#FF8274";
readonly 'vira-red-500': "#FF564A";
readonly 'vira-red-550': "#F43A32";
readonly 'vira-red-600': "#E2322C";
readonly 'vira-red-650': "#D02C27";
readonly 'vira-red-700': "#BB2520";
readonly 'vira-red-750': "#9E231D";
readonly 'vira-red-800': "#82211A";
readonly 'vira-red-850': "#701A13";
readonly 'vira-red-900': "#611710";
readonly 'vira-red-950': "#52140D";
readonly 'vira-red-1000': "#43130D";
readonly 'vira-yellow-100': "#FEF9E4";
readonly 'vira-yellow-150': "#FDF2D1";
readonly 'vira-yellow-200': "#FDEABF";
readonly 'vira-yellow-250': "#FEE2AD";
readonly 'vira-yellow-300': "#FDD89B";
readonly 'vira-yellow-350': "#FAC986";
readonly 'vira-yellow-400': "#EFB669";
readonly 'vira-yellow-450': "#E29D34";
readonly 'vira-yellow-500': "#CE8800";
readonly 'vira-yellow-550': "#BB7B00";
readonly 'vira-yellow-600': "#AC7100";
readonly 'vira-yellow-650': "#9E6800";
readonly 'vira-yellow-700': "#8C5C00";
readonly 'vira-yellow-750': "#794D00";
readonly 'vira-yellow-800': "#683E00";
readonly 'vira-yellow-850': "#5B3301";
readonly 'vira-yellow-900': "#502A05";
readonly 'vira-yellow-950': "#442308";
readonly 'vira-yellow-1000': "#381D0B";
readonly 'vira-green-100': "#EBFFEE";
readonly 'vira-green-150': "#DDFBE2";
readonly 'vira-green-200': "#CDF8D6";
readonly 'vira-green-250': "#BFF5CC";
readonly 'vira-green-300': "#AFF0C0";
readonly 'vira-green-350': "#9AE8B1";
readonly 'vira-green-400': "#7FD99C";
readonly 'vira-green-450': "#52C87F";
readonly 'vira-green-500': "#1BB565";
readonly 'vira-green-550': "#04A559";
readonly 'vira-green-600': "#009852";
readonly 'vira-green-650': "#008C4A";
readonly 'vira-green-700': "#007C41";
readonly 'vira-green-750': "#016A38";
readonly 'vira-green-800': "#095831";
readonly 'vira-green-850': "#024B29";
readonly 'vira-green-900': "#014024";
readonly 'vira-green-950': "#02371F";
readonly 'vira-green-1000': "#062D1B";
readonly 'vira-teal-100': "#E8FEFD";
readonly 'vira-teal-150': "#D9FAF8";
readonly 'vira-teal-200': "#C9F6F3";
readonly 'vira-teal-250': "#BAF2ED";
readonly 'vira-teal-300': "#A9EDE6";
readonly 'vira-teal-350': "#95E4DB";
readonly 'vira-teal-400': "#79D5CA";
readonly 'vira-teal-450': "#47C3B7";
readonly 'vira-teal-500': "#00B0A4";
readonly 'vira-teal-550': "#00A094";
readonly 'vira-teal-600': "#009389";
readonly 'vira-teal-650': "#00877D";
readonly 'vira-teal-700': "#00786F";
readonly 'vira-teal-750': "#00665F";
readonly 'vira-teal-800': "#01554F";
readonly 'vira-teal-850': "#004843";
readonly 'vira-teal-900': "#003E3A";
readonly 'vira-teal-950': "#033531";
readonly 'vira-teal-1000': "#072B29";
readonly 'vira-blue-100': "#F5F9FF";
readonly 'vira-blue-150': "#EAF3FF";
readonly 'vira-blue-200': "#E0EDFF";
readonly 'vira-blue-250': "#D6E7FF";
readonly 'vira-blue-300': "#CBDFFF";
readonly 'vira-blue-350': "#B9D4FF";
readonly 'vira-blue-400': "#9EC3FF";
readonly 'vira-blue-450': "#7AADFF";
readonly 'vira-blue-500': "#5697FF";
readonly 'vira-blue-550': "#4988ED";
readonly 'vira-blue-600': "#427DDC";
readonly 'vira-blue-650': "#3B72CA";
readonly 'vira-blue-700': "#3365B6";
readonly 'vira-blue-750': "#2D569A";
readonly 'vira-blue-800': "#27487E";
readonly 'vira-blue-850': "#203D6C";
readonly 'vira-blue-900': "#1B345D";
readonly 'vira-blue-950': "#172C4F";
readonly 'vira-blue-1000': "#142540";
readonly 'vira-brand-100': "#F5F9FF";
readonly 'vira-brand-150': "#EAF3FF";
readonly 'vira-brand-200': "#E0EDFF";
readonly 'vira-brand-250': "#D6E7FF";
readonly 'vira-brand-300': "#CBDFFF";
readonly 'vira-brand-350': "#B9D4FF";
readonly 'vira-brand-400': "#9EC3FF";
readonly 'vira-brand-450': "#7AADFF";
readonly 'vira-brand-500': "#5697FF";
readonly 'vira-brand-550': "#4988ED";
readonly 'vira-brand-600': "#427DDC";
readonly 'vira-brand-650': "#3B72CA";
readonly 'vira-brand-700': "#3365B6";
readonly 'vira-brand-750': "#2D569A";
readonly 'vira-brand-800': "#27487E";
readonly 'vira-brand-850': "#203D6C";
readonly 'vira-brand-900': "#1B345D";
readonly 'vira-brand-950': "#172C4F";
readonly 'vira-brand-1000': "#142540";
readonly 'vira-purple-100': "#F9F7FF";
readonly 'vira-purple-150': "#F3EFFF";
readonly 'vira-purple-200': "#EDE8FF";
readonly 'vira-purple-250': "#E6E1FF";
readonly 'vira-purple-300': "#DED8FF";
readonly 'vira-purple-350': "#D2CBFF";
readonly 'vira-purple-400': "#C1B7FF";
readonly 'vira-purple-450': "#AD9BFF";
readonly 'vira-purple-500': "#9B80FF";
readonly 'vira-purple-550': "#8D6EF4";
readonly 'vira-purple-600': "#8265E3";
readonly 'vira-purple-650': "#775BD1";
readonly 'vira-purple-700': "#6A50BB";
readonly 'vira-purple-750': "#5A459E";
readonly 'vira-purple-800': "#4A3B82";
readonly 'vira-purple-850': "#3E3170";
readonly 'vira-purple-900': "#352A61";
readonly 'vira-purple-950': "#2D2452";
readonly 'vira-purple-1000': "#251F43";
readonly 'vira-pink-100': "#FEF5FF";
readonly 'vira-pink-150': "#FFEAFF";
readonly 'vira-pink-200': "#FFE0FC";
readonly 'vira-pink-250': "#FFD7F8";
readonly 'vira-pink-300': "#FFCBF2";
readonly 'vira-pink-350': "#FFB9E9";
readonly 'vira-pink-400': "#FF9BDF";
readonly 'vira-pink-450': "#FF6DD6";
readonly 'vira-pink-500': "#F04AC5";
readonly 'vira-pink-550': "#DD3EB4";
readonly 'vira-pink-600': "#CC37A7";
readonly 'vira-pink-650': "#BC3099";
readonly 'vira-pink-700': "#A82988";
readonly 'vira-pink-750': "#8F2674";
readonly 'vira-pink-800': "#752361";
readonly 'vira-pink-850': "#641C53";
readonly 'vira-pink-900': "#561848";
readonly 'vira-pink-950': "#49153E";
readonly 'vira-pink-1000': "#3B1333";
readonly 'vira-grey-100': "#F9F9F9";
readonly 'vira-grey-150': "#F2F2F2";
readonly 'vira-grey-200': "#EBEBEB";
readonly 'vira-grey-250': "#E5E5E5";
readonly 'vira-grey-300': "#DEDEDE";
readonly 'vira-grey-350': "#D2D2D2";
readonly 'vira-grey-400': "#C2C2C2";
readonly 'vira-grey-450': "#ADADAD";
readonly 'vira-grey-500': "#999999";
readonly 'vira-grey-550': "#8A8A8A";
readonly 'vira-grey-600': "#7F7F7F";
readonly 'vira-grey-650': "#747474";
readonly 'vira-grey-700': "#676767";
readonly 'vira-grey-750': "#585858";
readonly 'vira-grey-800': "#494949";
readonly 'vira-grey-850': "#3E3E3E";
readonly 'vira-grey-900': "#353535";
readonly 'vira-grey-950': "#2D2D2D";
readonly 'vira-grey-1000': "#252525";
}>;