diff --git a/frontend/src/ts/constants/themes.ts b/frontend/src/ts/constants/themes.ts index 0bb86f625671..fbc57d1d3979 100644 --- a/frontend/src/ts/constants/themes.ts +++ b/frontend/src/ts/constants/themes.ts @@ -1,2336 +1,1141 @@ import { ThemeName } from "@monkeytype/schemas/configs"; -import { z } from "zod"; +import { hexToHSL } from "../utils/colors"; -const hexColorSchema = z - .string() - .regex( - /^#([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/, - "Invalid hex color", - ); +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; -export const ThemeSchema = z.object({ - hasCss: z.boolean().optional(), - bg: hexColorSchema, - main: hexColorSchema, - caret: hexColorSchema, - sub: hexColorSchema, - subAlt: hexColorSchema, - text: hexColorSchema, - error: hexColorSchema, - errorExtra: hexColorSchema, - colorfulError: hexColorSchema, - colorfulErrorExtra: hexColorSchema, -}); -export type Theme = z.infer; -export type ColorName = keyof Omit; -export const themes: Record = { +export const themes: Record> = { "8008": { - bg: "#333a45", - caret: "#f44c7f", - main: "#f44c7f", - sub: "#939eae", - subAlt: "#2e343d", - text: "#e9ecf0", - error: "#da3333", - errorExtra: "#791717", - colorfulError: "#c5da33", - colorfulErrorExtra: "#849224", + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", }, "9009": { - bg: "#eeebe2", - caret: "#7fa480", - main: "#080909", - sub: "#99947f", - subAlt: "#d3cfc1", - text: "#080909", - error: "#c87e74", - errorExtra: "#a56961", - colorfulError: "#c87e74", - colorfulErrorExtra: "#a56961", - hasCss: true, - }, - "80s_after_dark": { - bg: "#1b1d36", - caret: "#99d6ea", - main: "#fca6d1", - sub: "#99d6ea", - subAlt: "#17182c", - text: "#e1e7ec", - error: "#fffb85", - errorExtra: "#fffb85", - colorfulError: "#fffb85", - colorfulErrorExtra: "#fffb85", + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", }, - aether: { - bg: "#101820", - caret: "#eedaea", - main: "#eedaea", - sub: "#cf6bdd", - subAlt: "#292136", - text: "#eedaea", - error: "#ff5253", - errorExtra: "#e3002b", - colorfulError: "#ff5253", - colorfulErrorExtra: "#e3002b", - hasCss: true, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", }, - alduin: { - bg: "#1c1c1c", - caret: "#e3e3e3", - main: "#dfd7af", - sub: "#444444", - subAlt: "#242424", - text: "#f5f3ed", - error: "#af5f5f", - errorExtra: "#4d2113", - colorfulError: "#af5f5f", - colorfulErrorExtra: "#4d2113", + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", }, - alpine: { - bg: "#6c687f", - caret: "#585568", - main: "#ffffff", - sub: "#9994b8", - subAlt: "#77738c", - text: "#ffffff", - error: "#e32b2b", - errorExtra: "#a62626", - colorfulError: "#e32b2b", - colorfulErrorExtra: "#a62626", + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", }, - anti_hero: { - bg: "#00002e", - caret: "#ffffff", - main: "#ffadad", - sub: "#ff3d8b", - subAlt: "#060548", - text: "#f1deef", - error: "#8fecff", - errorExtra: "#558cab", - colorfulError: "#8fecff", - colorfulErrorExtra: "#558cab", + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", }, - arch: { - bg: "#0c0d11", - caret: "#7ebab5", - main: "#7ebab5", - sub: "#454864", - subAlt: "#171a25", - text: "#f6f5f5", - error: "#ff4754", - errorExtra: "#b02a33", - colorfulError: "#ff4754", - colorfulErrorExtra: "#b02a33", + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", }, - aurora: { - bg: "#011926", - caret: "#00e980", - main: "#00e980", - sub: "#245c69", - subAlt: "#000c13", - text: "#fff", - error: "#b94da1", - errorExtra: "#9b3a76", - colorfulError: "#b94da1", - colorfulErrorExtra: "#9b3a76", - hasCss: true, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", }, - beach: { - bg: "#ffeead", - caret: "#ffcc5c", - main: "#96ceb4", - sub: "#ffcc5c", - subAlt: "#f7dc8f", - text: "#5b7869", - error: "#ff6f69", - errorExtra: "#ff6f69", - colorfulError: "#ff6f69", - colorfulErrorExtra: "#ff6f69", - hasCss: true, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", }, - bento: { - bg: "#2d394d", - caret: "#ff7a90", - main: "#ff7a90", - sub: "#4a768d", - subAlt: "#263041", - text: "#fffaf8", - error: "#ee2a3a", - errorExtra: "#f04040", - colorfulError: "#fc2032", - colorfulErrorExtra: "#f04040", + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", }, - bingsu: { - bg: "#b8a7aa", - caret: "#ebe6ea", - main: "#83616e", - sub: "#48373d", - subAlt: "#ab989e", - text: "#ebe6ea", - error: "#921341", - errorExtra: "#640b2c", - colorfulError: "#921341", - colorfulErrorExtra: "#640b2c", - hasCss: true, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", }, - bliss: { - bg: "#262727", - caret: "#f0d3c9", - main: "#f0d3c9", - sub: "#665957", - subAlt: "#343231", - text: "#fff", - error: "#bd4141", - errorExtra: "#883434", - colorfulError: "#bd4141", - colorfulErrorExtra: "#883434", + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", }, - blue_dolphin: { - bg: "#003950", - caret: "#00bcd4", - main: "#ffcefb", - sub: "#00e4ff", - subAlt: "#014961", - text: "#82eaff", - error: "#ffbde6", - errorExtra: "#ff8188", - colorfulError: "#d1a5fd", - colorfulErrorExtra: "#ff8188", + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", }, - blueberry_dark: { - bg: "#212b42", - caret: "#962f7e", - main: "#add7ff", - sub: "#5c7da5", - subAlt: "#1b2334", - text: "#91b4d5", - error: "#df4576", - errorExtra: "#d996ac", - colorfulError: "#df4576", - colorfulErrorExtra: "#d996ac", - hasCss: true, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", }, - blueberry_light: { - bg: "#dae0f5", - caret: "#df4576", - main: "#506477", - sub: "#92a4be", - subAlt: "#c1c7df", - text: "#678198", - error: "#df4576", - errorExtra: "#d996ac", - colorfulError: "#df4576", - colorfulErrorExtra: "#d996ac", - hasCss: true, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", }, - botanical: { - bg: "#7b9c98", - caret: "#abc6c4", - main: "#eaf1f3", - sub: "#495755", - subAlt: "#72908d", - text: "#eaf1f3", - error: "#f6c9b4", - errorExtra: "#f59a71", - colorfulError: "#f6c9b4", - colorfulErrorExtra: "#f59a71", + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", }, - bouquet: { - bg: "#173f35", - caret: "#eaa09c", - main: "#eaa09c", - sub: "#408e7b", - subAlt: "#1f4e43", - text: "#e9e0d2", - error: "#d44729", - errorExtra: "#8f2f19", - colorfulError: "#d44729", - colorfulErrorExtra: "#8f2f19", + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", }, - breeze: { - bg: "#e8d5c4", - caret: "#7d67a9", - main: "#7d67a9", - sub: "#3a98b9", - subAlt: "#f6e6da", - text: "#1b4c5e", - error: "#7d67a9", - errorExtra: "#9f3e6d", - colorfulError: "#f9f871", - colorfulErrorExtra: "#67dfa1", + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", }, - bushido: { - bg: "#242933", - caret: "#ec4c56", - main: "#ec4c56", - sub: "#596172", - subAlt: "#1c222d", - text: "#f6f0e9", - error: "#ec4c56", - errorExtra: "#9b333a", - colorfulError: "#ecdc4c", - colorfulErrorExtra: "#bdb03d", + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", }, - cafe: { - bg: "#ceb18d", - caret: "#14120f", - main: "#14120f", - sub: "#d4d2d1", - subAlt: "#bba180", - text: "#14120f", - error: "#c82931", - errorExtra: "#ac1823", - colorfulError: "#c82931", - colorfulErrorExtra: "#ac1823", + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", }, - camping: { - bg: "#faf1e4", - caret: "#618c56", - main: "#618c56", - sub: "#c2b8aa", - subAlt: "#e7dccb", - text: "#3c403b", - error: "#ad4f4e", - errorExtra: "#7e3a39", - colorfulError: "#ad4f4e", - colorfulErrorExtra: "#7e3a39", - hasCss: true, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", }, - carbon: { - bg: "#313131", - caret: "#f66e0d", - main: "#f66e0d", - sub: "#616161", - subAlt: "#2b2b2b", - text: "#f5e6c8", - error: "#e72d2d", - errorExtra: "#7e2a33", - colorfulError: "#e72d2d", - colorfulErrorExtra: "#7e2a33", + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", }, - catppuccin: { - bg: "#1e1e2e", - caret: "#f2cdcd", - main: "#cba6f7", - sub: "#7f849c", - subAlt: "#181825", - text: "#cdd6f4", - error: "#f38ba8", - errorExtra: "#eba0ac", - colorfulError: "#f38ba8", - colorfulErrorExtra: "#eba0ac", - hasCss: true, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", }, - chaos_theory: { - bg: "#141221", - caret: "#dde5ed", - main: "#fd77d7", - sub: "#676e8a", - subAlt: "#1e1d2f", - text: "#dde5ed", - error: "#fd77d7", - errorExtra: "#b03c47", - colorfulError: "#ff5869", - colorfulErrorExtra: "#b03c47", - hasCss: true, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", }, - cheesecake: { - bg: "#fdf0d5", - caret: "#892948", - main: "#8e2949", - sub: "#d91c81", - subAlt: "#f3e2bf", - text: "#3a3335", - error: "#5cf074", - errorExtra: "#5cf074", - colorfulError: "#5cf074", - colorfulErrorExtra: "#5cf074", - hasCss: true, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", }, - cherry_blossom: { - bg: "#323437", - caret: "#ffffff", - main: "#d65ccc", - sub: "#787d82", - subAlt: "#2d2f31", - text: "#d1d0c5", - error: "#ca4754", - errorExtra: "#d32738", - colorfulError: "#ec182d", - colorfulErrorExtra: "#6e0c16", + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", }, - comfy: { - bg: "#4a5b6e", - caret: "#9ec1cc", - main: "#f8cdc6", - sub: "#9ec1cc", - subAlt: "#425366", - text: "#f5efee", - error: "#c9465e", - errorExtra: "#c9465e", - colorfulError: "#c9465e", - colorfulErrorExtra: "#c9465e", + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", }, - copper: { - bg: "#442f29", - caret: "#c25c42", - main: "#b46a55", - sub: "#7ebab5", - subAlt: "#50362e", - text: "#e7e0de", - error: "#a32424", - errorExtra: "#ec0909", - colorfulError: "#a32424", - colorfulErrorExtra: "#ec0909", + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", }, - creamsicle: { - bg: "#ff9869", - caret: "#fcfcf8", - main: "#fcfcf8", - sub: "#ff661f", - subAlt: "#fe8954", - text: "#fcfcf8", - error: "#6a0dad", - errorExtra: "#6a0dad", - colorfulError: "#6a0dad", - colorfulErrorExtra: "#6a0dad", + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", }, - cy_red: { - bg: "#6e2626", - caret: "#541d1d", - main: "#e55050", - sub: "#ff6060", - subAlt: "#3f1616", - text: "#ffaaaa", - error: "#919fd9", - errorExtra: "#4d5d9e", - colorfulError: "#919fd9", - colorfulErrorExtra: "#4d5d9e", + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", }, - cyberspace: { - bg: "#181c18", - caret: "#00ce7c", - main: "#00ce7c", - sub: "#9578d3", - subAlt: "#131613", - text: "#c2fbe1", - error: "#ff5f5f", - errorExtra: "#d22a2a", - colorfulError: "#ff5f5f", - colorfulErrorExtra: "#d22a2a", + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", }, - dark: { - bg: "#111", - caret: "#eee", - main: "#eee", - sub: "#444", - subAlt: "#191919", - text: "#eee", - error: "#da3333", - errorExtra: "#791717", - colorfulError: "#da3333", - colorfulErrorExtra: "#791717", + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", }, - dark_magic_girl: { - bg: "#091f2c", - caret: "#a288d9", - main: "#f5b1cc", - sub: "#93e8d3", - subAlt: "#071823", - text: "#a288d9", - error: "#e45c96", - errorExtra: "#e45c96", - colorfulError: "#00b398", - colorfulErrorExtra: "#e45c96", + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", }, - dark_note: { - bg: "#1f1f1f", - caret: "#e3dce0", - main: "#f2c17b", - sub: "#768f95", - subAlt: "#141414", - text: "#d2dff4", - error: "#ff0000", - errorExtra: "#588498", - colorfulError: "#ff0000", - colorfulErrorExtra: "#588498", - hasCss: true, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", }, - darling: { - bg: "#fec8cd", - caret: "#ffffff", - main: "#ffffff", - sub: "#a30000", - subAlt: "#f2babd", - text: "#ffffff", - error: "#2e7dde", - errorExtra: "#2e7dde", - colorfulError: "#2e7dde", - colorfulErrorExtra: "#2e7dde", + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", }, - deku: { - bg: "#058b8c", - caret: "#b63530", - main: "#b63530", - sub: "#255458", - subAlt: "#0e7d7e", - text: "#f7f2ea", - error: "#b63530", - errorExtra: "#530e0e", - colorfulError: "#ddca1f", - colorfulErrorExtra: "#8f8610", + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", }, - desert_oasis: { - bg: "#fff2d5", - caret: "#3a87fe", - main: "#d19d01", - sub: "#0061fe", - subAlt: "#eddebc", - text: "#332800", - error: "#76bb40", - errorExtra: "#4e7a27", - colorfulError: "#76bb40", - colorfulErrorExtra: "#4e7a27", - hasCss: true, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", }, - dev: { - bg: "#1b2028", - caret: "#4b5975", - main: "#23a9d5", - sub: "#4b5975", - subAlt: "#151a21", - text: "#ccccb5", - error: "#b81b2c", - errorExtra: "#84131f", - colorfulError: "#b81b2c", - colorfulErrorExtra: "#84131f", + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", }, - diner: { - bg: "#537997", - caret: "#ad5145", - main: "#c3af5b", - sub: "#445c7f", - subAlt: "#4d6f8b", - text: "#dfdbc8", - error: "#ad5145", - errorExtra: "#7e2a33", - colorfulError: "#ad5145", - colorfulErrorExtra: "#7e2a33", + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", }, - dino: { - bg: "#ffffff", - caret: "#40d672", - main: "#40d672", - sub: "#d5d5d5", - subAlt: "#cafad8", - text: "#1d221f", - error: "#ff5f5f", - errorExtra: "#d22a2a", - colorfulError: "#ff5f5f", - colorfulErrorExtra: "#d22a2a", + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", }, - discord: { - bg: "#313338", - caret: "#5a65ea", - main: "#5a65ea", - sub: "#565861", - subAlt: "#2b2d31", - text: "#dcdee3", - error: "#df4f4b", - errorExtra: "#df4f4b", - colorfulError: "#df4f4b", - colorfulErrorExtra: "#df4f4b", + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", }, - dmg: { - bg: "#dadbdc", - caret: "#384693", - main: "#ae185e", - sub: "#3846b1", - subAlt: "#bec1d2", - text: "#414141", - error: "#ae185e", - errorExtra: "#93335c", - colorfulError: "#80a053", - colorfulErrorExtra: "#306230", - hasCss: true, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", }, - dollar: { - bg: "#e4e4d4", - caret: "#424643", - main: "#6b886b", - sub: "#8a9b69", - subAlt: "#cbd0bf", - text: "#555a56", - error: "#d60000", - errorExtra: "#f68484", - colorfulError: "#ca4754", - colorfulErrorExtra: "#7e2a33", + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", }, - dots: { - bg: "#121520", - caret: "#fff", - main: "#fff", - sub: "#676e8a", - subAlt: "#1b1e2c", - text: "#fff", - error: "#da3333", - errorExtra: "#791717", - colorfulError: "#da3333", - colorfulErrorExtra: "#791717", - hasCss: true, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", }, - dracula: { - bg: "#282a36", - caret: "#bd93f9", - main: "#bd93f9", - sub: "#6272a4", - subAlt: "#20222c", - text: "#f8f8f2", - error: "#ff5555", - errorExtra: "#f1fa8c", - colorfulError: "#ff5555", - colorfulErrorExtra: "#f1fa8c", - hasCss: true, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", }, - drowning: { - bg: "#191826", - caret: "#4f85e8", - main: "#4a6fb5", - sub: "#50688c", - subAlt: "#1e1f2f", - text: "#9393a7", - error: "#be555f", - errorExtra: "#7e2a33", - colorfulError: "#be555f", - colorfulErrorExtra: "#7e2a33", + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", }, - dualshot: { - bg: "#737373", - caret: "#212222", - main: "#212222", - sub: "#aaaaaa", - subAlt: "#646464", - text: "#212222", - error: "#c82931", - errorExtra: "#ac1823", - colorfulError: "#c82931", - colorfulErrorExtra: "#ac1823", - hasCss: true, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", }, - earthsong: { - bg: "#292521", - caret: "#1298ba", - main: "#509452", - sub: "#f5ae2d", - subAlt: "#1d1b18", - text: "#e6c7a8", - error: "#7e2a33", - errorExtra: "#ff645a", - colorfulError: "#7e2a33", - colorfulErrorExtra: "#ff645a", + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", }, - everblush: { - bg: "#141b1e", - caret: "#6cbfbf", - main: "#8ccf7e", - sub: "#838887", - subAlt: "#232a2d", - text: "#dadada", - error: "#e57474", - errorExtra: "#ef7e7e", - colorfulError: "#e57474", - colorfulErrorExtra: "#ef7e7e", + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", }, - evil_eye: { - bg: "#0084c2", - caret: "#f7f2ea", - main: "#f7f2ea", - sub: "#01589f", - subAlt: "#0c79be", - text: "#171718", - error: "#ca4754", - errorExtra: "#7e2a33", - colorfulError: "#ca4754", - colorfulErrorExtra: "#7e2a33", + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", }, - ez_mode: { - bg: "#0068c6", - caret: "#4ddb47", - main: "#fa62d5", - sub: "#138bf7", - subAlt: "#005bac", - text: "#ffffff", - error: "#4ddb47", - errorExtra: "#42ba3b", - colorfulError: "#4ddb47", - colorfulErrorExtra: "#42ba3b", - hasCss: true, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", }, - fire: { - bg: "#0f0000", - caret: "#b31313", - main: "#b31313", - sub: "#683434", - subAlt: "#200a0a", - text: "#ffffff", - error: "#2f3cb6", - errorExtra: "#434a8f", - colorfulError: "#2f3cb6", - colorfulErrorExtra: "#434a8f", - hasCss: true, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", }, - fledgling: { - bg: "#3b363f", - caret: "#474747", - main: "#fc6e83", - sub: "#8e5568", - subAlt: "#332e38", - text: "#e6d5d3", - error: "#f52443", - errorExtra: "#bd001c", - colorfulError: "#ff0a2f", - colorfulErrorExtra: "#000000", + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", }, - fleuriste: { - bg: "#c6b294", - caret: "#8a785b", - main: "#405a52", - sub: "#64374d", - subAlt: "#b4a389", - text: "#091914", - error: "#990000", - errorExtra: "#8a1414", - colorfulError: "#a63a3a", - colorfulErrorExtra: "#bd4c4c", + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", }, - floret: { - bg: "#00272c", - caret: "#c3bd40", - main: "#ffdd6d", - sub: "#779097", - subAlt: "#173033", - text: "#e5e5e5", - error: "#8a4000", - errorExtra: "#00708d", - colorfulError: "#8a4000", - colorfulErrorExtra: "#628b96", + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", }, - froyo: { - bg: "#e1dacb", - caret: "#7b7d7d", - main: "#7b7d7d", - sub: "#b29c5e", - subAlt: "#d3cdc1", - text: "#7b7d7d", - error: "#f28578", - errorExtra: "#d56558", - colorfulError: "#f28578", - colorfulErrorExtra: "#d56558", - hasCss: true, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", }, - frozen_llama: { - bg: "#9bf2ea", - caret: "#ffffff", - main: "#6d44a6", - sub: "#b690fd", - subAlt: "#7fe7dd", - text: "#ffffff", - error: "#e42629", - errorExtra: "#e42629", - colorfulError: "#e42629", - colorfulErrorExtra: "#e42629", + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", }, - fruit_chew: { - bg: "#d6d3d6", - caret: "#b92221", - main: "#5c1e5f", - sub: "#b49cb5", - subAlt: "#cabfca", - text: "#282528", - error: "#bd2621", - errorExtra: "#a62626", - colorfulError: "#bd2621", - colorfulErrorExtra: "#a62626", - hasCss: true, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", }, - fundamentals: { - bg: "#727474", - caret: "#196378", - main: "#7fa482", - sub: "#cac4be", - subAlt: "#666868", - text: "#131313", - error: "#5e477c", - errorExtra: "#413157", - colorfulError: "#5e477c", - colorfulErrorExtra: "#413157", - hasCss: true, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", }, - future_funk: { - bg: "#2e1a47", - caret: "#f7f2ea", - main: "#f7f2ea", - sub: "#c18fff", - subAlt: "#27173c", - text: "#f7f2ea", - error: "#f04e98", - errorExtra: "#bd1c66", - colorfulError: "#f04e98", - colorfulErrorExtra: "#bd1c66", - hasCss: true, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", }, - github: { - bg: "#212830", - caret: "#41ce5c", - main: "#41ce5c", - sub: "#788386", - subAlt: "#141b23", - text: "#ccdae6", - error: "#c23e3a", - errorExtra: "#c23e3a", - colorfulError: "#c23e3a", - colorfulErrorExtra: "#c23e3a", + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", }, - godspeed: { - bg: "#eae4cf", - caret: "#f4d476", - main: "#9abbcd", - sub: "#ada998", - subAlt: "#ded9c9", - text: "#646669", - error: "#ca4754", - errorExtra: "#7e2a33", - colorfulError: "#ca4754", - colorfulErrorExtra: "#7e2a33", + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", }, - graen: { - bg: "#303c36", - caret: "#601420", - main: "#a59682", - sub: "#181d1a", - subAlt: "#36453c", - text: "#a59682", - error: "#601420", - errorExtra: "#5f0715", - colorfulError: "#601420", - colorfulErrorExtra: "#5f0715", - hasCss: true, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", }, - grand_prix: { - bg: "#36475c", - caret: "#c0d036", - main: "#c0d036", - sub: "#5c6c80", - subAlt: "#42536b", - text: "#c1c7d7", - error: "#fc5727", - errorExtra: "#fc5727", - colorfulError: "#fc5727", - colorfulErrorExtra: "#fc5727", + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", }, - grape: { - bg: "#2c003e", - caret: "#ff8f00", - main: "#ff8f00", - sub: "#6e225e", - subAlt: "#1f002d", - text: "#fff", - error: "#ff4081", - errorExtra: "#bf2054", - colorfulError: "#ff4081", - colorfulErrorExtra: "#bf2054", - hasCss: true, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", }, - gruvbox_dark: { - bg: "#282828", - caret: "#fabd2f", - main: "#d79921", - sub: "#665c54", - subAlt: "#212121", - text: "#ebdbb2", - error: "#fb4934", - errorExtra: "#cc241d", - colorfulError: "#cc241d", - colorfulErrorExtra: "#9d0006", + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", }, - gruvbox_light: { - bg: "#fbf1c7", - caret: "#689d6a", - main: "#689d6a", - sub: "#a89984", - subAlt: "#daceae", - text: "#3c3836", - error: "#cc241d", - errorExtra: "#9d0006", - colorfulError: "#cc241d", - colorfulErrorExtra: "#9d0006", + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", }, - hammerhead: { - bg: "#030613", - caret: "#4fcdb9", - main: "#4fcdb9", - sub: "#213c53", - subAlt: "#0a1928", - text: "#e2f1f5", - error: "#e32b2b", - errorExtra: "#a62626", - colorfulError: "#e32b2b", - colorfulErrorExtra: "#a62626", + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", }, - hanok: { - bg: "#d8d2c3", - caret: "#513a2a", - main: "#513a2a", - sub: "#8b6f5c", - subAlt: "#cdc0af", - text: "#393b3b", - error: "#ca4754", - errorExtra: "#7e2a33", - colorfulError: "#ca4754", - colorfulErrorExtra: "#7e2a33", + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", }, - hedge: { - bg: "#415e31", - caret: "#f2efbb", - main: "#6a994e", - sub: "#ede5b4", - subAlt: "#38502a", - text: "#f7f1d6", - error: "#ca3d3f", - errorExtra: "#782832", - colorfulError: "#e76f51", - colorfulErrorExtra: "#f4a261", + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", }, - honey: { - bg: "#f2aa00", - caret: "#795200", - main: "#fff546", - sub: "#a66b00", - subAlt: "#e19e00", - text: "#f3eecb", - error: "#df3333", - errorExtra: "#6d1f1f", - colorfulError: "#df3333", - colorfulErrorExtra: "#6d1f1f", + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", }, - horizon: { - bg: "#1c1e26", - caret: "#bbbbbb", - main: "#c4a88a", - sub: "#db886f", - subAlt: "#17181f", - text: "#bbbbbb", - error: "#d55170", - errorExtra: "#ff3d3d", - colorfulError: "#d55170", - colorfulErrorExtra: "#d55170", - hasCss: true, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", }, - husqy: { - bg: "#000000", - caret: "#c58aff", - main: "#c58aff", - sub: "#972fff", - subAlt: "#1e001e", - text: "#ebd7ff", - error: "#da3333", - errorExtra: "#791717", - colorfulError: "#da3333", - colorfulErrorExtra: "#791717", - hasCss: true, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", }, - iceberg_dark: { - bg: "#161821", - caret: "#d2d4de", - main: "#84a0c6", - sub: "#595e76", - subAlt: "#232531", - text: "#c6c8d1", - error: "#e27878", - errorExtra: "#e2a478", - colorfulError: "#e27878", - colorfulErrorExtra: "#e2a478", + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", }, - iceberg_light: { - bg: "#e8e9ec", - caret: "#262a3f", - main: "#2d539e", - sub: "#adb1c4", - subAlt: "#ccceda", - text: "#33374c", - error: "#cc517a", - errorExtra: "#cc3768", - colorfulError: "#cc517a", - colorfulErrorExtra: "#cc3768", + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", }, - incognito: { - bg: "#0e0e0e", - caret: "#ff9900", - main: "#ff9900", - sub: "#555555", - subAlt: "#151515", - text: "#c6c6c6", - error: "#e44545", - errorExtra: "#e44545", - colorfulError: "#b13535", - colorfulErrorExtra: "#b13535", - hasCss: true, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", }, - ishtar: { - bg: "#202020", - caret: "#c58940", - main: "#91170c", - sub: "#847869", - subAlt: "#272727", - text: "#fae1c3", - error: "#bb1e10", - errorExtra: "#791717", - colorfulError: "#c5da33", - colorfulErrorExtra: "#849224", - hasCss: true, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", }, - iv_clover: { - bg: "#a0a0a0", - caret: "#8d8d8d", - main: "#573e40", - sub: "#353535", - subAlt: "#bebebe", - text: "#3b2d3b", - error: "#937173", - errorExtra: "#987678", - colorfulError: "#ad8d60", - colorfulErrorExtra: "#b7976a", + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", }, - iv_spade: { - bg: "#0c0c0c", - caret: "#bebebe", - main: "#b7976a", - sub: "#404040", - subAlt: "#121212", - text: "#d3c2c3", - error: "#9d7b7d", - errorExtra: "#a78587", - colorfulError: "#b7976a", - colorfulErrorExtra: "#c1a174", + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", }, - joker: { - bg: "#1a0e25", - caret: "#99de1e", - main: "#99de1e", - sub: "#7554a3", - subAlt: "#14081f", - text: "#e9e2f5", - error: "#e32b2b", - errorExtra: "#a62626", - colorfulError: "#e32b2b", - colorfulErrorExtra: "#a62626", + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", }, - laser: { - bg: "#221b44", - caret: "#009eaf", - main: "#009eaf", - sub: "#b82356", - subAlt: "#1e173b", - text: "#dbe7e8", - error: "#a8d400", - errorExtra: "#668000", - colorfulError: "#a8d400", - colorfulErrorExtra: "#668000", + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", }, - lavender: { - bg: "#ada6c2", - caret: "#e4e3e9", - main: "#e4e3e9", - sub: "#e4e3e9", - subAlt: "#a19bb9", - text: "#2f2a41", - error: "#ca4754", - errorExtra: "#7e2a33", - colorfulError: "#ca4754", - colorfulErrorExtra: "#7e2a33", - hasCss: true, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", }, - leather: { - bg: "#a86948", - caret: "#ef6d49", - main: "#ffe4bc", - sub: "#81482b", - subAlt: "#9a5f3f", - text: "#ffe4bc", - error: "#ca4754", - errorExtra: "#7e2a33", - colorfulError: "#ca4754", - colorfulErrorExtra: "#7e2a33", + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", }, - lil_dragon: { - bg: "#ebe1ef", - caret: "#212b43", - main: "#8a5bd6", - sub: "#a28db8", - subAlt: "#dac7e2", - text: "#212b43", - error: "#f794ca", - errorExtra: "#f279c2", - colorfulError: "#f794ca", - colorfulErrorExtra: "#f279c2", - hasCss: true, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", }, - lilac_mist: { - bg: "#fffbfe", - caret: "#e099d6", - main: "#b94189", - sub: "#e094c2", - subAlt: "#ecdcee", - text: "#5c2954", - error: "#ff6f69", - errorExtra: "#ff6f69", - colorfulError: "#bc7fc0", - colorfulErrorExtra: "#bc41b1", + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", }, lime: { - bg: "#7c878e", - caret: "#93c247", - main: "#93c247", - sub: "#4b5257", - subAlt: "#737d82", - text: "#bfcfdc", - error: "#ea4221", - errorExtra: "#7e2a33", - colorfulError: "#ea4221", - colorfulErrorExtra: "#7e2a33", + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", }, - luna: { - bg: "#221c35", - caret: "#f67599", - main: "#f67599", - sub: "#5a3a7e", - subAlt: "#2f2346", - text: "#ffe3eb", - error: "#efc050", - errorExtra: "#c5972c", - colorfulError: "#efc050", - colorfulErrorExtra: "#c5972c", + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", }, - macroblank: { - bg: "#b2d2c8", - caret: "#766f71", - main: "#c13117", - sub: "#717977", - subAlt: "#c6ddd3", - text: "#490909", - error: "#c13117", - errorExtra: "#fff5f5", - colorfulError: "#fff5f5", - colorfulErrorExtra: "#ffe9c2", + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", }, - magic_girl: { - bg: "#ffffff", - caret: "#e45c96", - main: "#f5b1cc", - sub: "#93e8d3", - subAlt: "#f2f2f2", - text: "#00ac8c", - error: "#ffe495", - errorExtra: "#e45c96", - colorfulError: "#ffe485", - colorfulErrorExtra: "#e45c96", + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", }, - mashu: { - bg: "#2b2b2c", - caret: "#76689a", - main: "#76689a", - sub: "#d8a0a6", - subAlt: "#27242c", - text: "#f1e2e4", - error: "#d44729", - errorExtra: "#8f2f19", - colorfulError: "#d44729", - colorfulErrorExtra: "#8f2f19", + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", }, - matcha_moccha: { - bg: "#523525", - caret: "#7ec160", - main: "#7ec160", - sub: "#9e6749", - subAlt: "#422b1e", - text: "#ecddcc", - error: "#fb4934", - errorExtra: "#cc241d", - colorfulError: "#fb4934", - colorfulErrorExtra: "#cc241d", + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", }, - material: { - bg: "#263238", - caret: "#80cbc4", - main: "#80cbc4", - sub: "#4c6772", - subAlt: "#2e3c43", - text: "#e6edf3", - error: "#fb4934", - errorExtra: "#cc241d", - colorfulError: "#fb4934", - colorfulErrorExtra: "#cc241d", + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", }, - matrix: { - bg: "#000000", - caret: "#15ff00", - main: "#15ff00", - sub: "#006500", - subAlt: "#032000", - text: "#d1ffcd", - error: "#da3333", - errorExtra: "#791717", - colorfulError: "#da3333", - colorfulErrorExtra: "#791717", - hasCss: true, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", }, - menthol: { - bg: "#00c18c", - caret: "#99fdd8", - main: "#ffffff", - sub: "#186544", - subAlt: "#17ae7d", - text: "#ffffff", - error: "#e03c3c", - errorExtra: "#b12525", - colorfulError: "#e03c3c", - colorfulErrorExtra: "#b12525", + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", }, - metaverse: { - bg: "#232323", - caret: "#d82934", - main: "#d82934", - sub: "#5e5e5e", - subAlt: "#1d1d1d", - text: "#e8e8e8", - error: "#da3333", - errorExtra: "#791717", - colorfulError: "#d7da33", - colorfulErrorExtra: "#737917", + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", }, - metropolis: { - bg: "#0f1f2c", - caret: "#56c3b7", - main: "#56c3b7", - sub: "#326984", - subAlt: "#0b1822", - text: "#e4edf1", - error: "#d44729", - errorExtra: "#8f2f19", - colorfulError: "#d44729", - colorfulErrorExtra: "#8f2f19", - hasCss: true, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", }, - mexican: { - bg: "#f8ad34", - caret: "#eee", - main: "#b12189", - sub: "#333", - subAlt: "#f9b951", - text: "#eee", - error: "#da3333", - errorExtra: "#791717", - colorfulError: "#da3333", - colorfulErrorExtra: "#791717", + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", }, - miami: { - bg: "#f35588", - caret: "#a3f7bf", - main: "#05dfd7", - sub: "#94294c", - subAlt: "#db4979", - text: "#f0e9ec", - error: "#fff591", - errorExtra: "#b9b269", - colorfulError: "#fff591", - colorfulErrorExtra: "#b9b269", + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", }, - miami_nights: { - bg: "#18181a", - caret: "#e4609b", - main: "#e4609b", - sub: "#47bac0", - subAlt: "#0f0f10", - text: "#fff", - error: "#fff591", - errorExtra: "#b6af68", - colorfulError: "#fff591", - colorfulErrorExtra: "#b6af68", + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", }, - midnight: { - bg: "#0b0e13", - caret: "#60759f", - main: "#60759f", - sub: "#394760", - subAlt: "#141a24", - text: "#9fadc6", - error: "#c27070", - errorExtra: "#c28b70", - colorfulError: "#c27070", - colorfulErrorExtra: "#c28b70", + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", }, - milkshake: { - bg: "#ffffff", - caret: "#212b43", - main: "#212b43", - sub: "#62cfe6", - subAlt: "#ddeff3", - text: "#212b43", - error: "#f19dac", - errorExtra: "#e58c9d", - colorfulError: "#f19dac", - colorfulErrorExtra: "#e58c9d", - hasCss: true, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", }, - mint: { - bg: "#05385b", - caret: "#5cdb95", - main: "#5cdb95", - sub: "#20688a", - subAlt: "#07324e", - text: "#edf5e1", - error: "#f35588", - errorExtra: "#a3385a", - colorfulError: "#f35588", - colorfulErrorExtra: "#a3385a", + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", }, - mizu: { - bg: "#afcbdd", - caret: "#fcfbf6", - main: "#fcfbf6", - sub: "#85a5bb", - subAlt: "#9fc1d4", - text: "#1a2633", - error: "#bf616a", - errorExtra: "#793e44", - colorfulError: "#bf616a", - colorfulErrorExtra: "#793e44", + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", }, - modern_dolch: { - bg: "#2d2e30", - caret: "#7eddd3", - main: "#7eddd3", - sub: "#54585c", - subAlt: "#242527", - text: "#e3e6eb", - error: "#d36a7b", - errorExtra: "#994154", - colorfulError: "#d36a7b", - colorfulErrorExtra: "#994154", + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", }, - modern_dolch_light: { - bg: "#dbdbdb", - caret: "#8fd1c3", - main: "#8fd1c3", - sub: "#a3a2a2", - subAlt: "#e8e8e8", - text: "#454545", - error: "#ea8a9a", - errorExtra: "#e0556d", - colorfulError: "#ea8a9a", - colorfulErrorExtra: "#e0556d", + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", }, - modern_ink: { - bg: "#ffffff", - caret: "#ff0000", - main: "#ff360d", - sub: "#b7b7b7", - subAlt: "#ececec", - text: "#000000", - error: "#d70000", - errorExtra: "#b00000", - colorfulError: "#000000", - colorfulErrorExtra: "#000000", - hasCss: true, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", }, - monokai: { - bg: "#272822", - caret: "#66d9ef", - main: "#a6e22e", - sub: "#e6db74", - subAlt: "#1f201b", - text: "#e2e2dc", - error: "#f92672", - errorExtra: "#fd971f", - colorfulError: "#f92672", - colorfulErrorExtra: "#fd971f", + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", }, - moonlight: { - bg: "#191f28", - caret: "#8f744b", - main: "#c69f68", - sub: "#4b5975", - subAlt: "#141a22", - text: "#ccccb5", - error: "#b81b2c", - errorExtra: "#84131f", - colorfulError: "#b81b2c", - colorfulErrorExtra: "#84131f", - hasCss: true, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", }, - mountain: { - bg: "#0f0f0f", - caret: "#f5f5f5", - main: "#e7e7e7", - sub: "#4c4c4c", - subAlt: "#1a1a1a", - text: "#e7e7e7", - error: "#ac8c8c", - errorExtra: "#c49ea0", - colorfulError: "#aca98a", - colorfulErrorExtra: "#c4c19e", + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", }, - mr_sleeves: { - bg: "#d1d7da", - caret: "#8fadc9", - main: "#daa99b", - sub: "#9a9fa1", - subAlt: "#bfcbd1", - text: "#1d1d1d", - error: "#bf6464", - errorExtra: "#793e44", - colorfulError: "#8fadc9", - colorfulErrorExtra: "#667c91", - hasCss: true, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", }, - ms_cupcakes: { - bg: "#ffffff", - caret: "#303030", - main: "#5ed5f3", - sub: "#d64090", - subAlt: "#edf8fa", - text: "#0a282f", - error: "#a4dd32", - errorExtra: "#90bd34", - colorfulError: "#a4dd32", - colorfulErrorExtra: "#87b330", + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", }, - muted: { - bg: "#525252", - caret: "#b1e4e3", - main: "#c5b4e3", - sub: "#939eae", - subAlt: "#494949", - text: "#b1e4e3", - error: "#edc1cd", - errorExtra: "#edc1cd", - colorfulError: "#edc1cd", - colorfulErrorExtra: "#edc1cd", + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", }, - nautilus: { - bg: "#132237", - caret: "#ebb723", - main: "#ebb723", - sub: "#0b4c6c", - subAlt: "#0e1a29", - text: "#1cbaac", - error: "#da3333", - errorExtra: "#791717", - colorfulError: "#da3333", - colorfulErrorExtra: "#791717", + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", }, - nebula: { - bg: "#212135", - caret: "#78c729", - main: "#be3c88", - sub: "#19b3b8", - subAlt: "#191928", - text: "#838686", - error: "#ca4754", - errorExtra: "#7e2a33", - colorfulError: "#ca4754", - colorfulErrorExtra: "#7e2a33", + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", }, - night_runner: { - bg: "#212121", - caret: "#feff04", - main: "#feff04", - sub: "#5c4a9c", - subAlt: "#1a1a1a", - text: "#e8e8e8", - error: "#da3333", - errorExtra: "#791717", - colorfulError: "#da3333", - colorfulErrorExtra: "#791717", + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", }, - nord: { - bg: "#242933", - caret: "#eceff4", - main: "#88c0d0", - sub: "#929aaa", - subAlt: "#2e3440", - text: "#d8dee9", - error: "#bf616a", - errorExtra: "#793e44", - colorfulError: "#bf616a", - colorfulErrorExtra: "#793e44", + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", }, - nord_light: { - bg: "#eceff4", - caret: "#8fbcbb", - main: "#8fbcbb", - sub: "#6a7791", - subAlt: "#d8dee9", - text: "#8fbcbb", - error: "#bf616a", - errorExtra: "#793e44", - colorfulError: "#bf616a", - colorfulErrorExtra: "#793e44", + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", }, - norse: { - bg: "#242425", - caret: "#2b5f6d", - main: "#2b5f6d", - sub: "#505b5e", - subAlt: "#303333", - text: "#ccc2b1", - error: "#7e2a2a", - errorExtra: "#771d1d", - colorfulError: "#ca4754", - colorfulErrorExtra: "#7e2a33", + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", }, - oblivion: { - bg: "#313231", - caret: "#a5a096", - main: "#a5a096", - sub: "#5d6263", - subAlt: "#3a3b3b", - text: "#f7f5f1", - error: "#dd452e", - errorExtra: "#9e3423", - colorfulError: "#dd452e", - colorfulErrorExtra: "#9e3423", - hasCss: true, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", }, - olive: { - bg: "#e9e5cc", - caret: "#92946f", - main: "#92946f", - sub: "#b7b39e", - subAlt: "#d4cfbc", - text: "#373731", - error: "#cf2f2f", - errorExtra: "#a22929", - colorfulError: "#cf2f2f", - colorfulErrorExtra: "#a22929", + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", }, - olivia: { - bg: "#1c1b1d", - caret: "#deaf9d", - main: "#deaf9d", - sub: "#4e3e3e", - subAlt: "#262223", - text: "#f2efed", - error: "#bf616a", - errorExtra: "#793e44", - colorfulError: "#e03d4e", - colorfulErrorExtra: "#aa2f3b", + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", }, - onedark: { - bg: "#2f343f", - caret: "#61afef", - main: "#61afef", - sub: "#eceff4", - subAlt: "#262b34", - text: "#98c379", - error: "#e06c75", - errorExtra: "#d62436", - colorfulError: "#d62436", - colorfulErrorExtra: "#ff0019", + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", }, - our_theme: { - bg: "#ce1226", - caret: "#fcd116", - main: "#fcd116", - sub: "#6d0f19", - subAlt: "#9f1020", - text: "#ffffff", - error: "#fcd116", - errorExtra: "#fcd116", - colorfulError: "#1672fc", - colorfulErrorExtra: "#1672fc", - }, - pale_nimbus: { - bg: "#433e4c", - caret: "#9efffd", - main: "#94ffc2", - sub: "#ffaca3", - subAlt: "#694f5e", - text: "#feffdb", - error: "#ff5c5c", - errorExtra: "#ff0000", - colorfulError: "#ff3874", - colorfulErrorExtra: "#c2386f", + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", }, - paper: { - bg: "#eeeeee", - caret: "#444444", - main: "#444444", - sub: "#b2b2b2", - subAlt: "#dddddd", - text: "#444444", - error: "#d70000", - errorExtra: "#d70000", - colorfulError: "#d70000", - colorfulErrorExtra: "#d70000", + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", }, - passion_fruit: { - bg: "#7c2142", - caret: "#ffffff", - main: "#f4a3b4", - sub: "#9994b8", - subAlt: "#833c5e", - text: "#ffffff", - error: "#deb80b", - errorExtra: "#deb80b", - colorfulError: "#deb80b", - colorfulErrorExtra: "#deb80b", + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", }, - pastel: { - bg: "#e0b2bd", - caret: "#fbf4b6", - main: "#fbf4b6", - sub: "#b4e9ff", - subAlt: "#d29fab", - text: "#6d5c6f", - error: "#ff6961", - errorExtra: "#c23b22", - colorfulError: "#ff6961", - colorfulErrorExtra: "#c23b22", + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", }, - peach_blossom: { - bg: "#292929", - caret: "#616161", - main: "#99b898", - sub: "#616161", - subAlt: "#2a363b", - text: "#fecea8", - error: "#ff6961", - errorExtra: "#e84a5f", - colorfulError: "#ff6961", - colorfulErrorExtra: "#e84a5f", + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", }, - peaches: { - bg: "#e0d7c1", - caret: "#dd7a5f", - main: "#dd7a5f", - sub: "#e7b28e", - subAlt: "#e2caaf", - text: "#5f4c41", - error: "#ff6961", - errorExtra: "#c23b22", - colorfulError: "#ff6961", - colorfulErrorExtra: "#c23b22", + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", }, - phantom: { - bg: "#001", - caret: "#bb9af7", - main: "#7aa2f7", - sub: "#414868", - subAlt: "#24283b", - text: "#c0caf5", - error: "#f7768e", - errorExtra: "#db4b4b", - colorfulError: "#ff7a93", - colorfulErrorExtra: "#ff9e64", - hasCss: true, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", }, - pink_lemonade: { - bg: "#f6d992", - caret: "#fcfcf8", - main: "#f6a192", - sub: "#f6b092", - subAlt: "#f6cc93", - text: "#fcfcf8", - error: "#ff6f69", - errorExtra: "#ff6f69", - colorfulError: "#ff6f69", - colorfulErrorExtra: "#ff6f69", + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", }, - pulse: { - bg: "#181818", - caret: "#17b8bd", - main: "#17b8bd", - sub: "#53565a", - subAlt: "#121212", - text: "#e5f4f4", - error: "#da3333", - errorExtra: "#791717", - colorfulError: "#da3333", - colorfulErrorExtra: "#791717", + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", }, - purpleish: { - bg: "#1e1e32", - caret: "#7a52cc", - main: "#7a52cc", - sub: "#5c5c99", - subAlt: "#181829", - text: "#a3a3cc", - error: "#ff6666", - errorExtra: "#ff6666", - colorfulError: "#ff6666", - colorfulErrorExtra: "#ff6666", + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", }, - rainbow_trail: { - bg: "#f5f5f5", - caret: "#0d0d0d", - main: "#363636", - sub: "#4f4f4f", - subAlt: "#e0e0e0", - text: "#1f1f1f", - error: "#ff0008", - errorExtra: "#ff0008", - colorfulError: "#ff0008", - colorfulErrorExtra: "#ff0008", - hasCss: true, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", }, - red_dragon: { - bg: "#1a0b0c", - caret: "#ff3a32", - main: "#ff3a32", - sub: "#e2a528", - subAlt: "#0e0506", - text: "#4a4d4e", - error: "#771b1f", - errorExtra: "#591317", - colorfulError: "#771b1f", - colorfulErrorExtra: "#591317", + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", }, - red_samurai: { - bg: "#84202c", - caret: "#c79e6e", - main: "#c79e6e", - sub: "#55131b", - subAlt: "#751d26", - text: "#e2dad0", - error: "#33bbda", - errorExtra: "#176b79", - colorfulError: "#33bbda", - colorfulErrorExtra: "#176779", + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", }, - repose_dark: { - bg: "#2f3338", - caret: "#d6d2bc", - main: "#d6d2bc", - sub: "#8f8e84", - subAlt: "#3a3c3d", - text: "#d6d2bc", - error: "#ff4a59", - errorExtra: "#c43c53", - colorfulError: "#ff4a59", - colorfulErrorExtra: "#c43c53", + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", }, - repose_light: { - bg: "#efead0", - caret: "#5f605e", - main: "#5f605e", - sub: "#8f8e84", - subAlt: "#dbd6c4", - text: "#333538", - error: "#c43c53", - errorExtra: "#a52632", - colorfulError: "#c43c53", - colorfulErrorExtra: "#a52632", + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", }, - retro: { - bg: "#dad3c1", - caret: "#1d1b17", - main: "#1d1b17", - sub: "#918b7d", - subAlt: "#c8c3b3", - text: "#1d1b17", - error: "#bf616a", - errorExtra: "#793e44", - colorfulError: "#bf616a", - colorfulErrorExtra: "#793e44", + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", }, - retrocast: { - bg: "#07737a", - caret: "#88dbdf", - main: "#88dbdf", - sub: "#f3e03b", - subAlt: "#26858b", - text: "#ffffff", - error: "#ff585d", - errorExtra: "#c04455", - colorfulError: "#ff585d", - colorfulErrorExtra: "#c04455", - hasCss: true, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", }, - rgb: { - bg: "#111", - caret: "#eee", - main: "#eee", - sub: "#444", - subAlt: "#1a1a1a", - text: "#eee", - error: "#eee", - errorExtra: "#b3b3b3", - colorfulError: "#eee", - colorfulErrorExtra: "#b3b3b3", - hasCss: true, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", }, - rose_pine: { - bg: "#1f1d27", - caret: "#f6c177", - main: "#9ccfd8", - sub: "#c4a7e7", - subAlt: "#282533", - text: "#e0def4", - error: "#eb6f92", - errorExtra: "#ebbcba", - colorfulError: "#eb6f92", - colorfulErrorExtra: "#ebbcba", + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", }, - rose_pine_dawn: { - bg: "#fffaf3", - caret: "#ea9d34", - main: "#56949f", - sub: "#c4a7e7", - subAlt: "#f0e9df", - text: "#286983", - error: "#b4637a", - errorExtra: "#d7827e", - colorfulError: "#b4637a", - colorfulErrorExtra: "#d7827e", + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", }, - rose_pine_moon: { - bg: "#2a273f", - caret: "#f6c177", - main: "#9ccfd8", - sub: "#c4a7e7", - subAlt: "#211f32", - text: "#e0def4", - error: "#eb6f92", - errorExtra: "#ebbcba", - colorfulError: "#eb6f92", - colorfulErrorExtra: "#ebbcba", + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", }, - rudy: { - bg: "#1a2b3e", - caret: "#af8f5c", - main: "#af8f5c", - sub: "#3a506c", - subAlt: "#152231", - text: "#c9c8bf", - error: "#bf616a", - errorExtra: "#793e44", - colorfulError: "#bf616a", - colorfulErrorExtra: "#793e44", + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", }, - ryujinscales: { - bg: "#081426", - caret: "#ef6d49", - main: "#f17754", - sub: "#ffbc90", - subAlt: "#040e1d", - text: "#ffe4bc", - error: "#ca4754", - errorExtra: "#7e2a33", - colorfulError: "#ca4754", - colorfulErrorExtra: "#7e2a33", + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", }, - serika: { - bg: "#e1e1e3", - caret: "#e2b714", - main: "#e2b714", - sub: "#aaaeb3", - subAlt: "#d1d3d8", - text: "#323437", - error: "#da3333", - errorExtra: "#791717", - colorfulError: "#da3333", - colorfulErrorExtra: "#791717", + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", }, - serika_dark: { - bg: "#323437", - caret: "#e2b714", - main: "#e2b714", - sub: "#646669", - subAlt: "#2c2e31", - text: "#d1d0c5", - error: "#ca4754", - errorExtra: "#7e2a33", - colorfulError: "#ca4754", - colorfulErrorExtra: "#7e2a33", + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", }, - sewing_tin: { - bg: "#241963", - caret: "#fbdb8c", - main: "#f2ce83", - sub: "#446ad5", - subAlt: "#2a277a", - text: "#ffffff", - error: "#c6915e", - errorExtra: "#c6915e", - colorfulError: "#c6915e", - colorfulErrorExtra: "#c6915e", - hasCss: true, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", }, - sewing_tin_light: { - bg: "#ffffff", - caret: "#fbdb8c", - main: "#2d2076", - sub: "#385eca", - subAlt: "#c8cedf", - text: "#2d2076", - error: "#f2ce83", - errorExtra: "#f2ce83", - colorfulError: "#f2ce83", - colorfulErrorExtra: "#f2ce83", - hasCss: true, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", }, - shadow: { - bg: "#000", - caret: "#eee", - main: "#eee", - sub: "#444", - subAlt: "#171717", - text: "#eee", - error: "#fff", - errorExtra: "#d8d8d8", - colorfulError: "#fff", - colorfulErrorExtra: "#d8d8d8", - hasCss: true, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", }, - shoko: { - bg: "#ced7e0", - caret: "#81c4dd", - main: "#81c4dd", - sub: "#7599b1", - subAlt: "#b7cada", - text: "#3b4c58", - error: "#bf616a", - errorExtra: "#793e44", - colorfulError: "#bf616a", - colorfulErrorExtra: "#793e44", + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", }, - slambook: { - bg: "#fffdde", - caret: "#367e18", - main: "#03001c", - sub: "#1c82adc4", - subAlt: "#c6dce4", - text: "#13005a", - error: "#f900bf", - errorExtra: "#ce1212", - colorfulError: "#ce1212", - colorfulErrorExtra: "#3ec70b", + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", }, - snes: { - bg: "#bfbec2", - caret: "#523793", - main: "#553d94", - sub: "#9f8ad4", - subAlt: "#b5b0c2", - text: "#2e2e2e", - error: "#ca4754", - errorExtra: "#7e2a33", - colorfulError: "#ca4754", - colorfulErrorExtra: "#7e2a33", - hasCss: true, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", }, - soaring_skies: { - bg: "#fff9f2", - caret: "#1e107a", - main: "#55c6f0", - sub: "#1e107a", - subAlt: "#e5ddd4", - text: "#1d1e1e", - error: "#fb5745", - errorExtra: "#b03c30", - colorfulError: "#fb5745", - colorfulErrorExtra: "#b03c30", + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", }, - solarized_dark: { - bg: "#002b36", - caret: "#dc322f", - main: "#859900", - sub: "#2aa198", - subAlt: "#00222b", - text: "#268bd2", - error: "#d33682", - errorExtra: "#9b225c", - colorfulError: "#d33682", - colorfulErrorExtra: "#9b225c", + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", }, - solarized_light: { - bg: "#fdf6e3", - caret: "#dc322f", - main: "#859900", - sub: "#2aa198", - subAlt: "#e2d8be", - text: "#181819", - error: "#d33682", - errorExtra: "#9b225c", - colorfulError: "#d33682", - colorfulErrorExtra: "#9b225c", + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", }, - solarized_osaka: { - bg: "#00141a", - caret: "#b58900", - main: "#859900", - sub: "#2aa198", - subAlt: "#00222b", - text: "#eee8d5", - error: "#dc322f", - errorExtra: "#9b225c", - colorfulError: "#d33682", - colorfulErrorExtra: "#9b225c", - hasCss: true, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", }, - sonokai: { - bg: "#2c2e34", - caret: "#f38c71", - main: "#9ed072", - sub: "#e7c664", - subAlt: "#232429", - text: "#e2e2e3", - error: "#fc5d7c", - errorExtra: "#ecac6a", - colorfulError: "#fc5d7c", - colorfulErrorExtra: "#ecac6a", - }, - spiderman: { - bg: "#0d1219", - caret: "#e23636", - main: "#e23636", - sub: "#0476f2", - subAlt: "#0b1c2e", - text: "#f0f0f0", - error: "#0476f2", - errorExtra: "#0353a8", - colorfulError: "#0476f2", - colorfulErrorExtra: "#0353a8", + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", }, - stealth: { - bg: "#010203", - caret: "#e25303", - main: "#383e42", - sub: "#5e676e", - subAlt: "#121212", - text: "#383e42", - error: "#e25303", - errorExtra: "#73280c", - colorfulError: "#e25303", - colorfulErrorExtra: "#73280c", - hasCss: true, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", }, - strawberry: { - bg: "#f37f83", - caret: "#fcfcf8", - main: "#fcfcf8", - sub: "#e53c58", - subAlt: "#ef6e77", - text: "#fcfcf8", - error: "#fcd23f", - errorExtra: "#d7ae1e", - colorfulError: "#fcd23f", - colorfulErrorExtra: "#d7ae1e", + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", }, - striker: { - bg: "#124883", - caret: "#d7dcda", - main: "#d7dcda", - sub: "#0f2d4e", - subAlt: "#104176", - text: "#d6dbd9", - error: "#fb4934", - errorExtra: "#cc241d", - colorfulError: "#fb4934", - colorfulErrorExtra: "#cc241d", + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", }, - suisei: { - bg: "#3b4a62", - caret: "#bef0ff", - main: "#bef0ff", - sub: "#fe9841", - subAlt: "#313e55", - text: "#dbdeeb", - error: "#ed2939", - errorExtra: "#ce122c", - colorfulError: "#ed2939", - colorfulErrorExtra: "#ce122c", - hasCss: true, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", }, - sunset: { - bg: "#211e24", - caret: "#ffca99", - main: "#f79777", - sub: "#5b578e", - subAlt: "#161319", - text: "#f4e0c9", - error: "#66a1ff", - errorExtra: "#376ca4", - colorfulError: "#66a1ff", - colorfulErrorExtra: "#376ca4", - hasCss: true, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", }, - superuser: { - bg: "#262a33", - caret: "#43ffaf", - main: "#43ffaf", - sub: "#526777", - subAlt: "#1f232c", - text: "#e5f7ef", - error: "#ff5f5f", - errorExtra: "#d22a2a", - colorfulError: "#ff5f5f", - colorfulErrorExtra: "#d22a2a", + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", }, - sweden: { - bg: "#0058a3", - caret: "#b5b5b5", - main: "#ffcc02", - sub: "#57abdb", - subAlt: "#024f8e", - text: "#ffffff", - error: "#e74040", - errorExtra: "#a22f2f", - colorfulError: "#f56674", - colorfulErrorExtra: "#e33546", + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", }, - tangerine: { - bg: "#ffede0", - caret: "#5d8500", - main: "#fe5503", - sub: "#ff9562", - subAlt: "#fdd3bf", - text: "#3d1705", - error: "#7fb500", - errorExtra: "#5f8700", - colorfulError: "#7fb500", - colorfulErrorExtra: "#5f8700", + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", }, - taro: { - bg: "#b3baff", - caret: "#00e9e5", - main: "#130f1a", - sub: "#6f6c91", - subAlt: "#a3a7df", - text: "#130f1a", - error: "#ffe23e", - errorExtra: "#fff1c3", - colorfulError: "#ffe23e", - colorfulErrorExtra: "#fff1c3", - hasCss: true, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", }, - terminal: { - bg: "#191a1b", - caret: "#79a617", - main: "#79a617", - sub: "#48494b", - subAlt: "#141516", - text: "#e7eae0", - error: "#a61717", - errorExtra: "#731010", - colorfulError: "#a61717", - colorfulErrorExtra: "#731010", + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", }, - terra: { - bg: "#0c100e", - caret: "#89c559", - main: "#89c559", - sub: "#436029", - subAlt: "#0f1d18", - text: "#f0edd1", - error: "#d3ca78", - errorExtra: "#89844d", - colorfulError: "#d3ca78", - colorfulErrorExtra: "#89844d", + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", }, - terrazzo: { - bg: "#f1e5da", - caret: "#e0794e", - main: "#e0794e", - sub: "#688e8f", - subAlt: "#e3d3c6", - text: "#023e3b", - error: "#a01034", - errorExtra: "#a01034", - colorfulError: "#a01034", - colorfulErrorExtra: "#a01034", - hasCss: true, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", }, - terror_below: { - bg: "#0b1e1a", - caret: "#66ac92", - main: "#66ac92", - sub: "#015c53", - subAlt: "#041715", - text: "#dceae5", - error: "#bf616a", - errorExtra: "#793e44", - colorfulError: "#bf616a", - colorfulErrorExtra: "#793e44", + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", }, - tiramisu: { - bg: "#cfc6b9", - caret: "#7d5448", - main: "#c0976f", - sub: "#c0976f", - subAlt: "#d0bca7", - text: "#7d5448", - error: "#e9632d", - errorExtra: "#e9632d", - colorfulError: "#e9632d", - colorfulErrorExtra: "#e9632d", + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", }, - trackday: { - bg: "#464d66", - caret: "#475782", - main: "#e0513e", - sub: "#5c7eb9", - subAlt: "#3d4359", - text: "#cfcfcf", - error: "#e44e4e", - errorExtra: "#fd3f3f", - colorfulError: "#ff2e2e", - colorfulErrorExtra: "#bb2525", - hasCss: true, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", }, - trance: { - bg: "#00021b", - caret: "#e51376", - main: "#e51376", - sub: "#3c4c79", - subAlt: "#18214c", - text: "#fff", - error: "#02d3b0", - errorExtra: "#3f887c", - colorfulError: "#02d3b0", - colorfulErrorExtra: "#3f887c", - hasCss: true, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", }, - tron_orange: { - bg: "#0d1c1c", - caret: "#f0e800", - main: "#f0e800", - sub: "#ff6600", - subAlt: "#9c9191", - text: "#ffffff", - error: "#ff0000", - errorExtra: "#ff0000", - colorfulError: "#ff0000", - colorfulErrorExtra: "#ff0000", + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", }, - vaporwave: { - bg: "#a4a7ea", - caret: "#28cafe", - main: "#e368da", - sub: "#7c7faf", - subAlt: "#989bd9", - text: "#f1ebf1", - error: "#573ca9", - errorExtra: "#3d2b77", - colorfulError: "#28cafe", - colorfulErrorExtra: "#25a9ce", + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", }, - vesper: { - bg: "#101010", - caret: "#99ffe4", - main: "#ffc799", - sub: "#a0a0a0", - subAlt: "#1c1c1c", - text: "#ffffff", - error: "#ff8080", - errorExtra: "#b25959", - colorfulError: "#ff8080", - colorfulErrorExtra: "#b25959", - }, - vesper_light: { - bg: "#ffffff", - caret: "#067a6e", - main: "#fb7100", - sub: "#a0a0a0", - subAlt: "#fff8f4", - text: "#000000", - error: "#ed2839", - errorExtra: "#ff6c72", - colorfulError: "#ed2839", - colorfulErrorExtra: "#ff6c72", + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", }, - viridescent: { - bg: "#2c3333", - caret: "#f0d3c9", - main: "#95d5b2", - sub: "#84a98c", - subAlt: "#232828", - text: "#e9f5db", - error: "#ff4646", - errorExtra: "#ab2f2f", - colorfulError: "#bd4141", - colorfulErrorExtra: "#883434", + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", }, - voc: { - bg: "#190618", - caret: "#e0caac", - main: "#e0caac", - sub: "#4c1e48", - subAlt: "#2c0c28", - text: "#eeeae4", - error: "#af3735", - errorExtra: "#7e2a29", - colorfulError: "#af3735", - colorfulErrorExtra: "#7e2a29", + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", }, - vscode: { - bg: "#1e1e1e", - caret: "#569cd6", - main: "#007acc", - sub: "#4d4d4d", - subAlt: "#191919", - text: "#d4d4d4", - error: "#f44747", - errorExtra: "#f44747", - colorfulError: "#f44747", - colorfulErrorExtra: "#f44747", + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", }, - watermelon: { - bg: "#1f4437", - caret: "#d6686f", - main: "#d6686f", - sub: "#3e7a65", - subAlt: "#244d3f", - text: "#cdc6bc", - error: "#c82931", - errorExtra: "#ac1823", - colorfulError: "#c82931", - colorfulErrorExtra: "#ac1823", + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", }, - wavez: { - bg: "#1c292f", - caret: "#6bde3b", - main: "#6bde3b", - sub: "#1f5e6b", - subAlt: "#1b3238", - text: "#e9efe6", - error: "#ca4754", - errorExtra: "#7e2a33", - colorfulError: "#ca4754", - colorfulErrorExtra: "#7e2a33", + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", }, - witch_girl: { - bg: "#f3dbda", - caret: "#afc5bd", - main: "#56786a", - sub: "#ddb4a7", - subAlt: "#e7c8be", - text: "#56786a", - error: "#b29a91", - errorExtra: "#b29a91", - colorfulError: "#b29a91", - colorfulErrorExtra: "#b29a91", + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + chocomonkey: { + bgColor: "#1b2228", + mainColor: "#a7c080", + subColor: "#7f8c8d", + textColor: "#d3c6aa", }, }; -export type ThemeWithName = Theme & { name: ThemeName }; -export const ThemesList: ThemeWithName[] = Object.keys(themes) +export const ThemesList: Theme[] = Object.keys(themes) .sort() .map( (it) => ({ ...themes[it as ThemeName], - name: it as ThemeName, - }) as Theme & { name: ThemeName }, + name: it, + } as Theme), ); + +export const ThemesListSorted = [ + ...ThemesList.sort((a, b) => { + const b1 = hexToHSL(a.bgColor); + const b2 = hexToHSL(b.bgColor); + return b2.lgt - b1.lgt; + }), +]; diff --git a/frontend/static/themes/chocomonkey.css b/frontend/static/themes/chocomonkey.css new file mode 100644 index 000000000000..c196d19e27af --- /dev/null +++ b/frontend/static/themes/chocomonkey.css @@ -0,0 +1,12 @@ +:root { + --bg-color: #1b2228; + --main-color: #a7c080; + --caret-color: #d8a657; + --sub-color: #7f8c8d; + --sub-alt-color: #151a1f; + --text-color: #d3c6aa; + --error-color: #e67e80; + --error-extra-color: #e67e80; + --colorful-error-color: #e67e80; + --colorful-error-extra-color: #d699b6; +} diff --git a/packages/schemas/src/themes.ts b/packages/schemas/src/themes.ts index ace96ba0a33c..de6d3b9fd797 100644 --- a/packages/schemas/src/themes.ts +++ b/packages/schemas/src/themes.ts @@ -181,15 +181,13 @@ export const ThemeNameSchema = z.enum( "tron_orange", "vaporwave", "vesper", - "vesper_light", "viridescent", "voc", "vscode", "watermelon", "wavez", "witch_girl", - "pale_nimbus", - "spiderman", + "chocomonkey", ], { errorMap: customEnumErrorHandler("Must be a known theme"),