Big-Data-HPC-Platform/esp/src/src-react/themes.ts

/*
 *  https://fabricweb.z5.web.core.windows.net/pr-deploy-site/refs/heads/7.0/theming-designer/index.html
 *
 *  Keep in sync with themes.css
 */

import { PartialTheme } from "@fluentui/react";

export const lightTheme: PartialTheme = {
    palette: {
        themePrimary: "#259ad6",
        themeLighterAlt: "#f5fbfd",
        themeLighter: "#d7edf8",
        themeLight: "#b6dff3",
        themeTertiary: "#74c0e7",
        themeSecondary: "#3ba6db",
        themeDarkAlt: "#218bc1",
        themeDark: "#1c76a3",
        themeDarker: "#145778",
        neutralLighterAlt: "#faf9f8",
        neutralLighter: "#f3f2f1",
        neutralLight: "#edebe9",
        neutralQuaternaryAlt: "#e1dfdd",
        neutralQuaternary: "#d0d0d0",
        neutralTertiaryAlt: "#c8c6c4",
        neutralTertiary: "#d1d1d1",
        neutralSecondary: "#a3a3a3",
        neutralPrimaryAlt: "#787878",
        neutralPrimary: "#666666",
        neutralDark: "#4e4e4e",
        black: "#393939",
        white: "#ffffff",
    }
};

export const darkTheme: PartialTheme = {
    palette: {
        themePrimary: "#ff8600",
        themeLighterAlt: "#0a0500",
        themeLighter: "#291600",
        themeLight: "#4d2900",
        themeTertiary: "#995200",
        themeSecondary: "#e07800",
        themeDarkAlt: "#ff9419",
        themeDark: "#ffa53d",
        themeDarker: "#ffbc70",
        neutralLighterAlt: "#323232",
        neutralLighter: "#313131",
        neutralLight: "#2f2f2f",
        neutralQuaternaryAlt: "#2c2c2c",
        neutralQuaternary: "#2a2a2a",
        neutralTertiaryAlt: "#282828",
        neutralTertiary: "#c8c8c8",
        neutralSecondary: "#d0d0d0",
        neutralPrimaryAlt: "#dadada",
        neutralPrimary: "#ffffff",
        neutralDark: "#f4f4f4",
        black: "#f8f8f8",
        white: "#333333",
    }
};