.ts
TypeScript
(application/typescript)
import { default as Colors } from "./Colors";

const NamedColors = {
  BACKGROUND: {
    light: Colors.GRAY_LIGHT_05,
    dark: Colors.BLACK_01,
  },
  BORDER_DEFAULT: {
    dark: Colors.GRAY_DARK_02,
    light: Colors.GRAY_LIGHT_02,
  },
  BORDER_CARD: {
    dark: Colors.GRAY_LIGHT_04,
    light: Colors.GRAY_LIGHT_02,
  },
  BRAND_LINE: {
    light: Colors.PRIMARY_01,
    dark: Colors.PRIMARY_01,
  },
  CARD: {
    dark: Colors.GRAY_DARK_01,
    light: Colors.WHITE_01,
  },
  CARD_OVERLAY: {
    dark: Colors.GRAY_DARK_05,
    light: Colors.GRAY_LIGHT_05,
  },
  HEADER: {
    light: Colors.WHITE_01,
    dark: Colors.GRAY_DARK_05,
  },
  TEXT_DEFAULT: {
    light: Colors.BLACK_01,
    dark: Colors.WHITE_01,
  },
  TEXT_MUTED: {
    light: Colors.GRAY_LIGHT_06,
    dark: Colors.GRAY_DARK_06,
  },
  TEXT_LINK: {
    light: Colors.CYAN_01,
    dark: Colors.CYAN_01,
  },
};

export default NamedColors;