Более трех цветов в цветовой теме Material Design - PullRequest
Новая
       6

Более трех цветов в цветовой теме Material Design

0 голосов
/ 05 марта 2019

В интерфейсе Material Design пользовательский интерфейс объясняет, что мы можем назначить пользовательские цвета основной / дополнительной палитре. 

import { createMuiTheme } from '@material-ui/core/styles';

const theme = createMuiTheme({
  palette: {
    primary: {
      lighter: '#~~~~~~', //Hopefully
      light: '#757ce8',
      main: '#3f50b5',
      dark: '#002884',
      darker: '#~~~~~~', //Also this
      contrastText: '#fff',
    },
    secondary: {
      light: '#ff7961',
      main: '#f44336',
      dark: '#ba000d',
      contrastText: '#000',
    },
  },
});

Но ограничено ли это тремя цветами на слой?У меня есть моя палитра с 8 оттенками, и я хотел бы назначить их первичному слою.На самом деле мне не нужен вторичный слой, чтобы я мог назначить до 6 цветов прямо сейчас, но все же недостаточно.

Ссылаясь на другие библиотеки, например, пользовательский интерфейс Fabric предоставляет палитру с большим количеством цветов.Легко ли создать подобную пользовательскую палитру в интерфейсе Material Design? 

import { loadTheme } from 'office-ui-fabric-react';

loadTheme({
  palette: {
    themePrimary: '#967f19',
    themeLighterAlt: '#fbf9f2',
    themeLighter: '#eee8cf',
    themeLight: '#e0d5a8',
    themeTertiary: '#c0af61',
    themeSecondary: '#a38d2c',
    themeDarkAlt: '#877317',
    themeDark: '#726113',
    themeDarker: '#54470e',
  }
});
...