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

Sense UI components library

@value colorTextPrimary: #17172A;

@value colorTextSecondary: #565656;

@value colorTextTertiary: #7e7e7e;

@value colorTextDisabled: #d1d1d1;

@value colorTextClickable: #5c34cd;

@value colorTextNeutral: #706F9B;

@value colorTextSuccess: #026b37;

@value colorTextInformation: #0660da;

@value colorTextWarning: #9e5909;

@value colorTextDanger: #cf1945;

@value colorTextInversePrimary: #ffffff;

@value colorTextInverseSecondary: #9F9FBC;

@value colorTextFavorite: #DFBD0D;

@value colorIconPrimary: #8D8CAF;

@value colorIconSecondary: #3E3D55;

@value colorBorderPrimary: #e1e1e1;

@value colorBorderSecondary: #d1d1d1;

@value colorBorderTertiary: #AEAEAE;

@value colorBorderDanger: #e31c4c;

@value colorBackgroundBrand: #271656;

@value colorBackgroundPrimary: #fafafa;

@value colorBackgroundSecondary: #f4f4f4;

@value colorBackgroundTertiary: #ffffff;

@value colorFocusPrimary: #ccc0f0;

@value colorFocusSecondary: #5c34cd;

@value colorFocusDanger: #f6b9c8;

@value colorFillPrimary: #5c34cd;

@value colorFillSecondary: #efebfa;

@value colorFillNone: rgba(255,255,255,0);

@value colorFillDisabled: #f4f4f4;

@value colorFillInversePrimary: #17172A;

@value colorTooltipFill: rgba(23, 23, 42, 0.95);

@value colorBackdropFill: rgba(23, 23, 42, 0.7);

@value colorButtonFillTableActionEnabled: #542fbb;

@value colorButtonFillTableActionHovered: #412592;

@value colorButtonFillTableActionPressed: #412592;

@value colorButtonFillTableActionBorder: #7d5dd7;

@value colorButtonFillPrimaryEnabled: #5c34cd;

@value colorButtonFillPrimaryHovered: #412592;

@value colorButtonFillPrimaryPressed: #412592;

@value colorButtonFillSecondaryEnabled: #efebfa;

@value colorButtonFillSecondaryHovered: #ccc0f0;

@value colorButtonFillSecondaryPressed: #ccc0f0;

@value colorButtonFillTertiaryEnabled: #ffffff;

@value colorButtonFillTertiaryHovered: #EBEBEB;

@value colorButtonFillTertiaryPressed: #EBEBEB;

@value colorButtonFillGhostEnabled: rgba(255,255,255,0);

@value colorButtonFillGhostHovered: #EBEBEB;

@value colorButtonFillGhostPressed: #EBEBEB;

@value colorButtonFillDangerEnabled: #e31c4c;

@value colorButtonFillDangerHovered: #cf1945;

@value colorButtonFillDangerPressed: #cf1945;

@value colorSideMenuBackgroundDefault: #17172A;

@value colorSideMenuBackgroundHovered: #1F1F36;

@value colorSideMenuBackgroundSelected: #5c34cd;

@value colorSideMenuIconDefault: #9F9FBC;

@value colorSideMenuIconActive: #ffffff;

@value colorSideMenuAccountBarFill: #1F1F36;

@value colorGroupMenuBackgroundDefault: #17172A;

@value colorGroupMenuBackgroundHovered: #1F1F36;

@value colorGroupMenuBackgroundSelected: #5c34cd;

@value colorGroupMenuTextDefault: #D3D2E0;

@value colorSubMenuBackgroundDefault: #1F1F36;

@value colorSubMenuStar: #DFBD0D;

@value colorDataViz1: #8dbaf8;

@value colorDataViz2: #b4a2e8;

@value colorDataViz3: #8bcfad;

@value colorDataViz4: #f0c48f;

@value colorDataViz5: #f297ad;

@value colorDataViz6: #B0F0E3;

@value colorDataViz7: #F5B8E1;

@value colorDataViz8: #F5EBB4;

@value colorScoreBarLevel1: #7e7e7e;

@value colorScoreBarLevel2: #e94970;

@value colorScoreBarLevel3: #e5983d;

@value colorScoreBarLevel4: #3987f3;

@value colorScoreBarLevel5: #35ab71;

@value colorScoreBarInactive: #d1d1d1;

@value colorGrayLightest: #EBEBEB;

@value colorNeutral: #706F9B;

@value colorNeutralLightest: #f1f1f5;

@value colorNeutralLight: #D3D2E0;

@value colorNeutralDark: #504F6E;

@value colorNeutralDarkest: #2C2C47;

@value colorSuccess: #03964d;

@value colorSuccessLightest: #e6f5ed;

@value colorSuccessLight: #8bcfad;

@value colorSuccessDark: #026b37;

@value colorSuccessDarkest: #013f20;

@value colorInformation: #0769f0;

@value colorInformationLightest: #e6f0fe;

@value colorInformationLight: #8dbaf8;

@value colorInformationDark: #054baa;

@value colorInformationDarkest: #032c65;

@value colorWarning: #df7e0c;

@value colorWarningLightest: #fcf2e7;

@value colorWarningLight: #f0c48f;

@value colorWarningDark: #9e5909;

@value colorWarningDarkest: #5e3505;

@value colorDanger: #e31c4c;

@value colorDangerLightest: #fce8ed;

@value colorDangerLight: #f297ad;

@value colorDangerDark: #a11436;

@value colorDangerDarkest: #5f0c20;