material-color icon indicating copy to clipboard operation
material-color copied to clipboard

missing foreground colors

Open qwiglydee opened this issue 6 years ago • 3 comments

In documentation of theming.js:

  • {{foreground-1}} - used for primary text
  • {{foreground-2}} - used for secondary text/divider
  • {{foreground-3}} - used for disabled text
  • {{foreground-4}} - used for dividers

And here they are:

var DARK_FOREGROUND = {
  name: 'dark',
  '1': 'rgba(0,0,0,0.87)',
  '2': 'rgba(0,0,0,0.54)',
  '3': 'rgba(0,0,0,0.38)',
  '4': 'rgba(0,0,0,0.12)'
};
var LIGHT_FOREGROUND = {
  name: 'light',
  '1': 'rgba(255,255,255,1.0)',
  '2': 'rgba(255,255,255,0.7)',
  '3': 'rgba(255,255,255,0.5)',
  '4': 'rgba(255,255,255,0.12)'
};

qwiglydee avatar Sep 07 '17 02:09 qwiglydee

Hello, @qwiglydee,

What is theming.js?

mrmlnc avatar Sep 07 '17 05:09 mrmlnc

It is the ng service that generate all styling variables and css online. It lives in ng-material/src/core/services/theming.js

qwiglydee avatar Sep 07 '17 09:09 qwiglydee

Hello @qwiglydee, is this issue still open? How can I start with this?

Kvaibhav01 avatar Sep 30 '19 17:09 Kvaibhav01