@madeja-studio/telar/src/theme/core.ts

UI component library by Madeja Studio

import { color } from './color';

declare global {
  namespace Telar {
    interface Theme {
      core: CoreTheme;
    }
  }
}

export const coreTheme = {
  color: {
    background: {
      default: color.white,
      disabled: color.coolGray[40],
      layer1: color.coolGray[20],
      layer2: color.coolGray[30],
      layer3: color.coolGray[40],
    },
    danger: color.red[60],
    primary: color.blue[60],
    secondary: color.cyan[80],
    tertiary: color.teal[70],
    text: {
      dimmed: color.coolGray[70],
      onColor: color.white,
      primary: color.black,
    },
  },
};

export type CoreTheme = typeof coreTheme;