import { LIGHT_COLORS, DARK_COLORS } from "../../Pallette/Colors";
import { LIGHT_THEME, DARK_THEME, DEFAULT_COLOR_TOKENS } from "../../Pallette/themes";
export var defaultThemeColorPicker = {
    background: "grayscale0",
    borderButton: "grayscale0",
    borderSelectColor: "grayscale3",
    transparencyChess: "grayscale1"
};
var lightTheme = {
    background: LIGHT_COLORS.grayscale0,
    borderButton: LIGHT_COLORS.grayscale0,
    borderSelectColor: LIGHT_COLORS.grayscale3,
    transparencyChess: LIGHT_COLORS.grayscale1
};
var darkTheme = {
    background: DARK_COLORS.grayscale0,
    borderButton: DARK_COLORS.grayscale0,
    borderSelectColor: DARK_COLORS.grayscale3,
    transparencyChess: DARK_COLORS.grayscale1
};
LIGHT_THEME.components.colorPicker = lightTheme;
DARK_THEME.components.colorPicker = darkTheme;
DEFAULT_COLOR_TOKENS.colorPicker = defaultThemeColorPicker;
export var themesColorPicker = {
    light: lightTheme,
    dark: darkTheme
};
