"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.customLightTheme = void 0;
const theme_1 = require("@backstage/theme");
const componentOverrides_1 = require("./componentOverrides");
const pageTheme_1 = require("./pageTheme");
const customLightTheme = (themeColors) => {
    var _a, _b;
    return (0, theme_1.createUnifiedTheme)({
        fontFamily: componentOverrides_1.redHatFont.fontFamily,
        palette: Object.assign(Object.assign(Object.assign({}, (_a = theme_1.themes.light.getTheme("v5")) === null || _a === void 0 ? void 0 : _a.palette), (themeColors.primaryColor && {
            primary: Object.assign(Object.assign({}, (_b = theme_1.themes.light.getTheme("v5")) === null || _b === void 0 ? void 0 : _b.palette.primary), { main: themeColors.primaryColor }),
        })), { navigation: {
                background: "#222427",
                indicator: themeColors.navigationIndicatorColor || "#0066CC",
                color: "#ffffff",
                selectedColor: "#ffffff",
                navItem: {
                    hoverBackground: "#3c3f42",
                },
            }, text: {
                primary: "#151515",
                secondary: "#757575",
            } }),
        defaultPageTheme: "home",
        pageTheme: (0, pageTheme_1.pageTheme)(themeColors),
        components: (0, componentOverrides_1.components)(themeColors, "light"),
    });
};
exports.customLightTheme = customLightTheme;