import { LIGHT_COLORS, DARK_COLORS } from "../../Pallette/Colors";
import { LIGHT_THEME, DARK_THEME, DEFAULT_COLOR_TOKENS } from "../../Pallette/themes";
export var defaultThemeTabs = {
    colorDefault: "grayscale12",
    colorHover: "grayscale8",
    colorPressed: "jotunheim9",
    colorDisabled: "grayscale5",
    backgroundHover: "grayscale1",
    backgroundPressed: "jotunheim4"
};
var lightTheme = {
    colorDefault: LIGHT_COLORS.grayscale12,
    colorHover: LIGHT_COLORS.grayscale8,
    colorPressed: LIGHT_COLORS.jotunheim9,
    colorDisabled: LIGHT_COLORS.grayscale5,
    backgroundHover: LIGHT_COLORS.grayscale3,
    backgroundPressed: LIGHT_COLORS.jotunheim7
};
var darkTheme = {
    colorDefault: DARK_COLORS.grayscale12,
    colorHover: DARK_COLORS.grayscale8,
    colorPressed: DARK_COLORS.jotunheim9,
    colorDisabled: DARK_COLORS.grayscale5,
    backgroundHover: DARK_COLORS.grayscale3,
    backgroundPressed: DARK_COLORS.jotunheim7
};
LIGHT_THEME.components.tab = lightTheme;
DARK_THEME.components.tab = darkTheme;
DEFAULT_COLOR_TOKENS.tab = defaultThemeTabs;
export var themesTabs = {
    light: lightTheme,
    dark: darkTheme
};
