Skip to content

Instantly share code, notes, and snippets.

@jsonberry
Created July 2, 2016 19:19
Show Gist options
  • Save jsonberry/a5f60c9323a187bfafd5985d409eeae9 to your computer and use it in GitHub Desktop.
Save jsonberry/a5f60c9323a187bfafd5985d409eeae9 to your computer and use it in GitHub Desktop.
Google Material Colors - Text/Icons and background colors
// Dark text on light backgrounds
$md-dol-primary: rgba(0,0,0,.87);
$md-dol-secondary: rgba(0,0,0,.54);
$md-dol-hint: rgba(0,0,0,.38);
$md-dol-divider: rgba(0,0,0,.12);
// White text on dark backgrounds
$md-lod-primary: rgba(255,255,255,1);
$md-lod-secondary: rgba(255,255,255,.70);
$md-lod-hint: rgba(255,255,255,.50);
$md-lod-divider: rgba(255,255,255,.12);
// Icon Opacity
@mixin md-icon($state) {
opacity: $state;
}
// Dark icon / light background
$md-di-active: .54;
$md-di-inactive: .38;
// Light icon / dark background
$md-li-active: 1;
$md-li-inactive: .50;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment