mirror of
https://github.com/AykutSarac/jsoncrack.com.git
synced 2025-02-04 01:32:54 +08:00
111 lines
2.5 KiB
TypeScript
111 lines
2.5 KiB
TypeScript
const fixedColors = {
|
|
CRIMSON: "#DC143C",
|
|
BLURPLE: "#5865F2",
|
|
PURPLE: "#9036AF",
|
|
FULL_WHITE: "#FFFFFF",
|
|
BLACK: "#202225",
|
|
BLACK_DARK: "#2C2F33",
|
|
BLACK_LIGHT: "#2F3136",
|
|
BLACK_PRIMARY: "#36393f",
|
|
DARK_SALMON: "#E9967A",
|
|
DANGER: "hsl(359,calc(var(--saturation-factor, 1)*66.7%),54.1%)",
|
|
LIGHTGREEN: "#90EE90",
|
|
SEAGREEN: "#11883B",
|
|
ORANGE: "#FAA81A",
|
|
SILVER: "#B9BBBE",
|
|
PRIMARY: "#4D4D4D",
|
|
TEXT_DANGER: "#db662e",
|
|
};
|
|
|
|
const nodeColors = {
|
|
dark: {
|
|
NODE_COLORS: {
|
|
TEXT: "#DCE5E7",
|
|
NODE_KEY: "#59b8ff",
|
|
NODE_VALUE: "#DCE5E7",
|
|
INTEGER: "#e8c479",
|
|
NULL: "#939598",
|
|
BOOL: {
|
|
FALSE: "#F85C50",
|
|
TRUE: "#00DC7D",
|
|
},
|
|
PARENT_ARR: "#FC9A40",
|
|
PARENT_OBJ: "#59b8ff",
|
|
CHILD_COUNT: "white",
|
|
},
|
|
},
|
|
light: {
|
|
NODE_COLORS: {
|
|
TEXT: "#000",
|
|
NODE_KEY: "#761CEA",
|
|
NODE_VALUE: "#535353",
|
|
INTEGER: "#FD0079",
|
|
NULL: "#afafaf",
|
|
BOOL: {
|
|
FALSE: "#FF0000",
|
|
TRUE: "#748700",
|
|
},
|
|
PARENT_ARR: "#FF6B00",
|
|
PARENT_OBJ: "#761CEA",
|
|
CHILD_COUNT: "#535353",
|
|
},
|
|
},
|
|
};
|
|
|
|
export const darkTheme = {
|
|
...fixedColors,
|
|
...nodeColors.dark,
|
|
BLACK_SECONDARY: "#23272A",
|
|
SILVER_DARK: "#4D4D4D",
|
|
NODE_KEY: "#FAA81A",
|
|
OBJECT_KEY: "#59b8ff",
|
|
SIDEBAR_ICONS: "#8B8E90",
|
|
|
|
INTERACTIVE_NORMAL: "#b9bbbe",
|
|
INTERACTIVE_HOVER: "#dcddde",
|
|
INTERACTIVE_ACTIVE: "#fff",
|
|
BACKGROUND_NODE: "#2B2C3E",
|
|
BACKGROUND_TERTIARY: "#202225",
|
|
BACKGROUND_SECONDARY: "#2f3136",
|
|
BACKGROUND_PRIMARY: "#36393f",
|
|
BACKGROUND_MODIFIER_ACCENT: "rgba(79,84,92,0.48)",
|
|
MODAL_BACKGROUND: "#36393E",
|
|
TEXT_NORMAL: "#dcddde",
|
|
TEXT_POSITIVE: "hsl(139,calc(var(--saturation-factor, 1)*51.6%),52.2%)",
|
|
GRID_BG_COLOR: "#1C1C1C",
|
|
GRID_COLOR_PRIMARY: "#2A2A2A",
|
|
GRID_COLOR_SECONDARY: "#252525",
|
|
};
|
|
|
|
export const lightTheme = {
|
|
...fixedColors,
|
|
...nodeColors.light,
|
|
BLACK_SECONDARY: "#F2F2F2",
|
|
SILVER_DARK: "#CCCCCC",
|
|
NODE_KEY: "#DC3790",
|
|
OBJECT_KEY: "#0260E8",
|
|
SIDEBAR_ICONS: "#6D6E70",
|
|
|
|
INTERACTIVE_NORMAL: "#4f5660",
|
|
INTERACTIVE_HOVER: "#2e3338",
|
|
INTERACTIVE_ACTIVE: "#060607",
|
|
BACKGROUND_NODE: "#F6F8FA",
|
|
BACKGROUND_TERTIARY: "#e3e5e8",
|
|
BACKGROUND_SECONDARY: "#f2f3f5",
|
|
BACKGROUND_PRIMARY: "#FFFFFF",
|
|
BACKGROUND_MODIFIER_ACCENT: "rgba(106,116,128,0.24)",
|
|
MODAL_BACKGROUND: "#FFFFFF",
|
|
TEXT_NORMAL: "#2e3338",
|
|
TEXT_POSITIVE: "#008736",
|
|
GRID_BG_COLOR: "#FAFAFA",
|
|
GRID_COLOR_PRIMARY: "#EBEBEB",
|
|
GRID_COLOR_SECONDARY: "#EEEEEE",
|
|
};
|
|
|
|
const themeDs = {
|
|
...lightTheme,
|
|
...darkTheme,
|
|
};
|
|
|
|
export default themeDs;
|