@spaced-out/ui-design-system/lib/styles/variables/_color.d.ts

Sense UI components library

export declare const colorTextPrimary = "#17172A";
export declare const colorTextSecondary = "#565656";
export declare const colorTextTertiary = "#7e7e7e";
export declare const colorTextDisabled = "#d1d1d1";
export declare const colorTextClickable = "#5c34cd";
export declare const colorTextNeutral = "#706F9B";
export declare const colorTextSuccess = "#026b37";
export declare const colorTextInformation = "#0660da";
export declare const colorTextWarning = "#9e5909";
export declare const colorTextDanger = "#cf1945";
export declare const colorTextInversePrimary = "#ffffff";
export declare const colorTextInverseSecondary = "#9F9FBC";
export declare const colorTextFavorite = "#DFBD0D";
export declare const colorIconPrimary = "#8D8CAF";
export declare const colorIconSecondary = "#3E3D55";
export declare const colorBorderPrimary = "#e1e1e1";
export declare const colorBorderSecondary = "#d1d1d1";
export declare const colorBorderTertiary = "#AEAEAE";
export declare const colorBorderDanger = "#e31c4c";
export declare const colorBackgroundBrand = "#271656";
export declare const colorBackgroundPrimary = "#fafafa";
export declare const colorBackgroundSecondary = "#f4f4f4";
export declare const colorBackgroundTertiary = "#ffffff";
export declare const colorFocusPrimary = "#ccc0f0";
export declare const colorFocusSecondary = "#5c34cd";
export declare const colorFocusInformation = "#b2d1fa";
export declare const colorFocusDanger = "#f6b9c8";
export declare const colorFillPrimary = "#5c34cd";
export declare const colorFillSecondary = "#efebfa";
export declare const colorFillNone = "rgba(255,255,255,0)";
export declare const colorFillDisabled = "#f4f4f4";
export declare const colorFillInversePrimary = "#17172A";
export declare const colorTooltipFill = "rgba(23, 23, 42, 0.95)";
export declare const colorBackdropFill = "rgba(23, 23, 42, 0.7)";
export declare const colorButtonFillTableActionEnabled = "#542fbb";
export declare const colorButtonFillTableActionHovered = "#412592";
export declare const colorButtonFillTableActionPressed = "#412592";
export declare const colorButtonFillTableActionBorder = "#7d5dd7";
export declare const colorButtonFillPrimaryEnabled = "#5c34cd";
export declare const colorButtonFillPrimaryHovered = "#412592";
export declare const colorButtonFillPrimaryPressed = "#412592";
export declare const colorButtonFillSecondaryEnabled = "#efebfa";
export declare const colorButtonFillSecondaryHovered = "#ccc0f0";
export declare const colorButtonFillSecondaryPressed = "#ccc0f0";
export declare const colorButtonFillTertiaryEnabled = "#ffffff";
export declare const colorButtonFillTertiaryHovered = "#EBEBEB";
export declare const colorButtonFillTertiaryPressed = "#EBEBEB";
export declare const colorButtonFillGhostEnabled = "rgba(255,255,255,0)";
export declare const colorButtonFillGhostHovered = "#EBEBEB";
export declare const colorButtonFillGhostPressed = "#EBEBEB";
export declare const colorButtonFillDangerEnabled = "#e31c4c";
export declare const colorButtonFillDangerHovered = "#cf1945";
export declare const colorButtonFillDangerPressed = "#cf1945";
export declare const colorSideMenuBackgroundDefault = "#17172A";
export declare const colorSideMenuBackgroundHovered = "#1F1F36";
export declare const colorSideMenuBackgroundSelected = "#5c34cd";
export declare const colorSideMenuIconDefault = "#9F9FBC";
export declare const colorSideMenuIconActive = "#ffffff";
export declare const colorSideMenuAccountBarFill = "#1F1F36";
export declare const colorGroupMenuBackgroundDefault = "#17172A";
export declare const colorGroupMenuBackgroundHovered = "#1F1F36";
export declare const colorGroupMenuBackgroundSelected = "#5c34cd";
export declare const colorGroupMenuTextDefault = "#D3D2E0";
export declare const colorSubMenuBackgroundDefault = "#1F1F36";
export declare const colorSubMenuStar = "#DFBD0D";
export declare const colorDataViz1 = "#8dbaf8";
export declare const colorDataViz2 = "#b4a2e8";
export declare const colorDataViz3 = "#8bcfad";
export declare const colorDataViz4 = "#f0c48f";
export declare const colorDataViz5 = "#f297ad";
export declare const colorDataViz6 = "#B0F0E3";
export declare const colorDataViz7 = "#F5B8E1";
export declare const colorDataViz8 = "#F5EBB4";
export declare const colorScoreBarLevel1 = "#7e7e7e";
export declare const colorScoreBarLevel2 = "#e94970";
export declare const colorScoreBarLevel3 = "#e5983d";
export declare const colorScoreBarLevel4 = "#3987f3";
export declare const colorScoreBarLevel5 = "#35ab71";
export declare const colorScoreBarInactive = "#d1d1d1";
export declare const colorGrayLightest = "#EBEBEB";
export declare const colorNeutral = "#706F9B";
export declare const colorNeutralLightest = "#f1f1f5";
export declare const colorNeutralLight = "#D3D2E0";
export declare const colorNeutralDark = "#504F6E";
export declare const colorNeutralDarkest = "#2C2C47";
export declare const colorSuccess = "#03964d";
export declare const colorSuccessLightest = "#e6f5ed";
export declare const colorSuccessLight = "#8bcfad";
export declare const colorSuccessDark = "#026b37";
export declare const colorSuccessDarkest = "#013f20";
export declare const colorInformation = "#0769f0";
export declare const colorInformationLightest = "#e6f0fe";
export declare const colorInformationLight = "#8dbaf8";
export declare const colorInformationDark = "#054baa";
export declare const colorInformationDarkest = "#032c65";
export declare const colorWarning = "#df7e0c";
export declare const colorWarningLightest = "#fcf2e7";
export declare const colorWarningLight = "#f0c48f";
export declare const colorWarningDark = "#9e5909";
export declare const colorWarningDarkest = "#5e3505";
export declare const colorDanger = "#e31c4c";
export declare const colorDangerLightest = "#fce8ed";
export declare const colorDangerLight = "#f297ad";
export declare const colorDangerDark = "#a11436";
export declare const colorDangerDarkest = "#5f0c20";
//# sourceMappingURL=_color.d.ts.map