8a61853 (parent 524408d)5/12/2026, 3:10:15 PM
.ts
TypeScript
(application/typescript)
import { default as Colors } from "./Colors";

const NamedColors = {
  BACKGROUND: {
    light: "#DCEEE9", // Colors.GRAY_LIGHT_05,
    dark: "#080e0f", //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,
  },
  BORDER_INPUT: {
    dark: Colors.WHITE_ALPHA_50,
    light: Colors.BLACK_ALPHA_50,
  },
  BORDER_INPUT_FOCUS: {
    dark: Colors.RED_01,
    light: Colors.RED_01,
  },
  BRAND_LINE: {
    light: Colors.PRIMARY_01,
    dark: Colors.PRIMARY_01,
  },
  CARD: {
    dark: Colors.GRAY_DARK_01,
    light: Colors.WHITE_01,
  },
  CARD_ALPHA_01: {
    dark: Colors.GRAY_DARK_01_ALPHA_01,
    light: Colors.WHITE_ALPHA_01,
  },
  CARD_OVERLAY: {
    dark: Colors.GRAY_DARK_05,
    light: Colors.GRAY_LIGHT_05,
  },
  HEADER: {
    light: Colors.WHITE_ALPHA_01,
    dark: Colors.GRAY_DARK_05_ALPHA_01,
  },
  INPUT: {
    light: Colors.WHITE_01,
    dark: Colors.BLACK_LIGHTER_01,
  },
  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,
  },
  TEXT_LINK_HOVER: {
    light: Colors.GRAY_DARK_03,
    dark: Colors.GRAY_LIGHT_03,
  },
};

export default NamedColors;