Skip to content

Instantly share code, notes, and snippets.

@allusis
Created April 7, 2020 03:21
Show Gist options
  • Save allusis/f9bf802deea8176b23acda8cb917ff66 to your computer and use it in GitHub Desktop.
Save allusis/f9bf802deea8176b23acda8cb917ff66 to your computer and use it in GitHub Desktop.
SLDS Tokens
// Text Color
--colorTextDefault: #{$text-color};
// Detail Text Color
--colorTextActionLabel: #{$gray-md};
--colorTextLabel: #{$text-color};
--colorTextPlaceholder: #{$gray};
--colorTextWeak: #{$gray-md};
// Action Color
--colorBackgroundButtonBrand: #{$brand-primary};
--colorBorderBrand: #{$brand-primary};
--colorBorderButtonBrand: #{$brand-primary};
--colorBrand: #{$brand-primary};
--colorTextBrand: #{darken($brand-primary,10%)};
--colorTextTabLabelSelected: #{darken($brand-primary,5%)};
--colorTextActionLabelActive: #{darken($brand-primary,10%)};
// Link Color
--colorTextLink: #{$brand-primary};
// Company Logo
//--brandLogoImage: #{};
// Overlay Text Color
--colorTextButtonBrand: white;
--colorTextButtonBrandHover: white;
--colorTextInverse: #{$brand-primary};
// Border Color
--colorBorder: #{$border-default};
--colorBorderButtonDefault: #{$border-default};
--colorBorderInput: #{$gray-md};
--colorBorderSeparatorAlt: #{$border-default};
// Primary Font
--fontFamily: #{$font-weight-regular};
// Text Case
--textTransform: normal;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment