jb-core/theme/lib/color/constants.ts

jb design system core modules

import { JBColor } from "./jb-color";
import type { JBThemeColors } from "./types";
import { getNeutralColor, createColorGroup } from "./utils";

const primary = new JBColor({lightness:0.6,chroma:0.26,hue:256},'--jb-primary');
const secondary = new JBColor({lightness:0.6,chroma:0.26,hue:286},'--jb-secondary');
const yellow = new JBColor({lightness:0.75,chroma:0.18,hue:70},'--jb-yellow');
const green = new JBColor({lightness:0.68,chroma:0.1484,hue:162.1},'--jb-green');
const red = new JBColor({lightness:0.6,chroma:0.22,hue:23.21},'--jb-red');

export const defaultColors:JBThemeColors = {
  single:{
    black: new JBColor({lightness:0.14,chroma:0,hue:0},'--jb-black'),
    white: new JBColor({lightness:1,chroma:0,hue:0},'--jb-white'),
    highlight:new JBColor({lightness:0.93,chroma:0.2302,hue:125.18},'--jb-highlight'),
  },
  neutral: [getNeutralColor(0),getNeutralColor(1),getNeutralColor(2),getNeutralColor(3),getNeutralColor(4),getNeutralColor(5),getNeutralColor(6),getNeutralColor(7),getNeutralColor(8),getNeutralColor(9),getNeutralColor(10)],
  primary:createColorGroup(primary),
  secondary:createColorGroup(secondary),
  yellow:createColorGroup(yellow),
  green:createColorGroup(green),
  red:createColorGroup(red),
} as const;