GitFOSS

import { default as Colors } from "./Colors";

const NamedColors = {
  BORDER_DEFAULT: {
    dark: Colors.GRAY_DARK_02,
    light: Colors.GRAY_LIGHT_02,
  },
  BORDER_CARD: {
    dark: Colors.GRAY_LIGHT_04,
    light: Colors.GRAY_LIGHT_02,
  },
  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,
  },
  BRAND_LINE: {
    light: Colors.PRIMARY_01,
    dark: Colors.PRIMARY_01,
  },
  BACKGROUND: {
    light: Colors.GRAY_LIGHT_01,
    dark: Colors.GRAY_DARK_01,
  },
  CARD: {
    dark: Colors.GRAY_DARK_02,
    light: Colors.WHITE_01,
  },
  CARD_OVERLAY: {
    dark: Colors.GRAY_DARK_05,
    light: Colors.GRAY_LIGHT_05,
  },
  HEADER: {
    light: Colors.WHITE_01,
    dark: Colors.BLACK_01,
  },
  SIDE_MENU: {
    light: Colors.WHITE_01,
    dark: Colors.BLACK_01,
  },
  SIDE_MENU_SECTION_HOVER: {
    light: Colors.GRAY_LIGHT_08,
    dark: Colors.GRAY_DARK_04,
  },
  SIDE_MENU_ITEM_HOVER: {
    light: Colors.GRAY_LIGHT_05,
    dark: Colors.GRAY_DARK_03,
  },
  SIDE_EXAMPLES: {
    light: Colors.GRAY_LIGHT_03,
    dark: Colors.GRAY_DARK_04,
  },
};

export default NamedColors;