Угловой материал - изменение непрозрачности контрастного цвета

Question

Угловой материал - изменение непрозрачности контрастного цвета

0

Я определил пользовательскую палитру для моего проекта Angular + Angular-Material, который устанавливает подсветку contrastDefaultColor. Проблема в том, что свет белый с непрозрачностью.87. Мне нужно, чтобы это было непрозрачность 1,00. Как я могу явно объявить contrastDefaultColor или, по крайней мере, увеличить непрозрачность?

Палитра:

  const blues = {
      '50': '#45ccff',
      '100': '#2cc5ff',
      '200': '#12beff',
      '300': '#00b4f8',
      '400': '#00a1de',
      '500': '#008fc5',
      '600': '#007cab',
      '700': '#006a92',
      '800': '#005778',
      '900': '#00455f',
      'A100': '#5fd3ff',
      'A200': '#78daff',
      'A400': '#92e1ff',
      'A700': '#003245',
      'contrastDefaultColor': 'light'
  };

Daniel Bogart 03 дек. 2015, в 22:22

Источник

Теги:

javascript

angularjs

angular-material

1 ответ

Ещё вопросы

Daniel Bogart · Accepted Answer · 2015-12-04T21-25-00.000Z

Решение заключалось в том, чтобы указать свойство constrastStrongLightColors со значениями, установленными для всех цветов в палитре. Это гарантирует, что любой текст с контрастным фоном будет "сильным" (opacity = 1).

  const blues = {
      '50': '#45ccff',
      '100': '#2cc5ff',
      '200': '#12beff',
      '300': '#00b4f8',
      '400': '#00a1de',
      '500': '#008fc5',
      '600': '#ffffff',
      '700': '#006a92',
      '800': '#005778',
      '900': '#00455f',
      'A100': '#5fd3ff',
      'A200': '#78daff',
      'A400': '#92e1ff',
      'A700': '#003245',
      'contrastDefaultColor': 'light',
      'contrastStrongLightColors': ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900', 'A100', 'A200', 'A400', 'A700']
  };