import { LIGHT_COLORS, DARK_COLORS } from "../../Pallette/Colors";
import { LIGHT_THEME, DARK_THEME, DEFAULT_COLOR_TOKENS } from "../../Pallette/themes";
export var defaultTheme = {
    background: "grayscale5",
    backgroundHover: "grayscale7",
    backgroundActive: "grayscale10",
    backgroundDisabled: "grayscale1"
};
var lightTheme = {
    background: LIGHT_COLORS.grayscale5,
    backgroundHover: LIGHT_COLORS.grayscale7,
    backgroundActive: LIGHT_COLORS.grayscale10,
    backgroundDisabled: LIGHT_COLORS.grayscale1
};
var darkTheme = {
    background: DARK_COLORS.grayscale5,
    backgroundHover: DARK_COLORS.grayscale7,
    backgroundActive: DARK_COLORS.grayscale10,
    backgroundDisabled: DARK_COLORS.grayscale1
};
LIGHT_THEME.components.scroll = lightTheme;
DARK_THEME.components.scroll = darkTheme;
DEFAULT_COLOR_TOKENS.scroll = defaultTheme;
export var themesScroll = {
    light: lightTheme,
    dark: darkTheme
};
