react-pdf-builder/dist/themes/dark/DarkColorScheme.js

Build beautiful PDF documents in React.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.darkColorScheme = void 0;
const ThemeBuilder_1 = require("../ThemeBuilder");
const LightColorScheme_1 = require("../light/LightColorScheme");
const colors = {
    blue: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.colors.blue, 0.2),
    indigo: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.colors.indigo, 0.2),
    purple: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.colors.purple, 0.2),
    pink: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.colors.pink, 0.2),
    red: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.colors.red, 0.2),
    orange: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.colors.orange, 0.2),
    yellow: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.colors.yellow, 0.2),
    green: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.colors.green, 0.2),
    teal: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.colors.teal, 0.2),
    cyan: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.colors.cyan, 0.2),
};
const greyscale = {
    white: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.greyscale.white, 0.01),
    gray100: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.greyscale.gray100, 0.01),
    gray200: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.greyscale.gray200, 0.01),
    gray300: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.greyscale.gray300, 0.01),
    gray400: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.greyscale.gray400, 0.05),
    gray500: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.greyscale.gray500, 0.05),
    gray600: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.greyscale.gray600, 0.05),
    gray700: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.greyscale.gray700, 0.05),
    gray800: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.greyscale.gray800, 0.05),
    gray900: ThemeBuilder_1.ThemeBuilder.darken(LightColorScheme_1.lightColorScheme.greyscale.gray900, 0.05),
    black: LightColorScheme_1.lightColorScheme.greyscale.black,
};
const themeColors = {
    primary: colors.blue,
    secondary: greyscale.gray600,
    success: colors.green,
    info: colors.cyan,
    warning: colors.yellow,
    danger: colors.red,
    light: greyscale.gray100,
    dark: greyscale.gray900,
};
const lightContrast = greyscale.gray100;
const darkContrast = greyscale.black;
const contrastColors = {
    blue: lightContrast,
    indigo: lightContrast,
    purple: lightContrast,
    pink: lightContrast,
    red: lightContrast,
    orange: lightContrast,
    yellow: darkContrast,
    green: lightContrast,
    teal: lightContrast,
    cyan: lightContrast,
    white: darkContrast,
    gray100: darkContrast,
    gray200: darkContrast,
    gray300: darkContrast,
    gray400: darkContrast,
    gray500: darkContrast,
    gray600: lightContrast,
    gray700: lightContrast,
    gray800: lightContrast,
    gray900: lightContrast,
    black: lightContrast,
    primary: lightContrast,
    secondary: lightContrast,
    success: lightContrast,
    info: lightContrast,
    warning: darkContrast,
    danger: lightContrast,
    light: darkContrast,
    dark: lightContrast,
};
/** Color scheme based on Bootstrap 5 colors. */
exports.darkColorScheme = {
    colors: colors,
    greyscale: greyscale,
    theme: themeColors,
    contrast: contrastColors,
};