From 5414fe0a73e52078340e5f72da4344bbc472fcb1 Mon Sep 17 00:00:00 2001 From: conner-mcnicholas Date: Mon, 27 Oct 2025 15:55:24 -0700 Subject: [PATCH 1/3] lghs theme --- .../src/ts/constants/themes_20251026214628.ts | 1135 ++++++++++++++++ .../src/ts/constants/themes_20251027144510.ts | 1136 ++++++++++++++++ .../src/ts/constants/themes_20251027144614.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027144617.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027144619.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027144629.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027144632.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027144715.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027144722.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027144741.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027144804.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027144807.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027144821.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027144824.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027144827.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027144829.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027144846.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027150746.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027150748.ts | 1141 +++++++++++++++++ .../src/ts/constants/themes_20251027150750.ts | 1141 +++++++++++++++++ .../themes/lghs_wildchats_20251027151107.css | 0 .../themes/lghs_wildchats_20251027151116.css | 12 + .../themes/lghs_wildchats_20251027151138.css | 12 + .../themes/lghs_wildchats_20251027151150.css | 12 + .../themes/lghs_wildchats_20251027151152.css | 12 + .../themes/lghs_wildchats_20251027151159.css | 12 + .../themes/lghs_wildchats_20251027151207.css | 12 + .../themes/lghs_wildchats_20251027151219.css | 12 + .../themes/lghs_wildchats_20251027151227.css | 12 + .../themes/lghs_wildchats_20251027152620.css | 12 + .../themes/lghs_wildchats_20251027152628.css | 12 + .../themes/lghs_wildchats_20251027152630.css | 12 + .../themes/lghs_wildchats_20251027152649.css | 12 + .../themes/lghs_wildchats_20251027153206.css | 12 + .../themes/lghs_wildchats_20251027153215.css | 12 + .../themes/lghs_wildchats_20251027153218.css | 12 + .../themes/lghs_wildchats_20251027153219.css | 12 + .../themes/lghs_wildchats_20251027153223.css | 12 + .../themes/lghs_wildchats_20251027153242.css | 12 + .../themes/lghs_wildchats_20251027154356.css | 12 + .../themes/lghs_wildchats_20251027154406.css | 12 + .../themes/lghs_wildchats_20251027154421.css | 12 + .../themes/lghs_wildchats_20251027154445.css | 12 + .../themes/terror_below_20251026214629.css | 12 + .../themes/terror_below_20251027153505.css | 12 + .../themes/terror_below_20251027153528.css | 12 + .../themes/terror_below_20251027153543.css | 12 + .../themes/terror_below_20251027154257.css | 12 + .../themes/terror_below_20251027154302.css | 12 + .../themes/terror_below_20251027154320.css | 12 + frontend/src/ts/constants/themes.ts | 6 + frontend/static/themes/lghs_wildchats.css | 12 + .../schemas/src/themes_20251026214629.ts | 194 +++ .../schemas/src/themes_20251027144324.ts | 195 +++ .../schemas/src/themes_20251027144333.ts | 195 +++ .../schemas/src/themes_20251027144335.ts | 195 +++ .../schemas/src/themes_20251027144339.ts | 195 +++ .../schemas/src/themes_20251027154607.ts | 195 +++ .../schemas/src/themes_20251027154614.ts | 195 +++ .../schemas/src/themes_20251027154617.ts | 195 +++ .../schemas/src/themes_20251027154618.ts | 195 +++ packages/schemas/src/themes.ts | 1 + 62 files changed, 24930 insertions(+) create mode 100644 frontend/.history/src/ts/constants/themes_20251026214628.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144510.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144614.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144617.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144619.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144629.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144632.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144715.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144722.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144741.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144804.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144807.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144821.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144824.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144827.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144829.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027144846.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027150746.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027150748.ts create mode 100644 frontend/.history/src/ts/constants/themes_20251027150750.ts create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151107.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151116.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151138.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151150.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151152.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151159.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151207.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151219.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151227.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027152620.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027152628.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027152630.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027152649.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027153206.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027153215.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027153218.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027153219.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027153223.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027153242.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027154356.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027154406.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027154421.css create mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027154445.css create mode 100644 frontend/.history/static/themes/terror_below_20251026214629.css create mode 100644 frontend/.history/static/themes/terror_below_20251027153505.css create mode 100644 frontend/.history/static/themes/terror_below_20251027153528.css create mode 100644 frontend/.history/static/themes/terror_below_20251027153543.css create mode 100644 frontend/.history/static/themes/terror_below_20251027154257.css create mode 100644 frontend/.history/static/themes/terror_below_20251027154302.css create mode 100644 frontend/.history/static/themes/terror_below_20251027154320.css create mode 100644 frontend/static/themes/lghs_wildchats.css create mode 100644 packages/.history/schemas/src/themes_20251026214629.ts create mode 100644 packages/.history/schemas/src/themes_20251027144324.ts create mode 100644 packages/.history/schemas/src/themes_20251027144333.ts create mode 100644 packages/.history/schemas/src/themes_20251027144335.ts create mode 100644 packages/.history/schemas/src/themes_20251027144339.ts create mode 100644 packages/.history/schemas/src/themes_20251027154607.ts create mode 100644 packages/.history/schemas/src/themes_20251027154614.ts create mode 100644 packages/.history/schemas/src/themes_20251027154617.ts create mode 100644 packages/.history/schemas/src/themes_20251027154618.ts diff --git a/frontend/.history/src/ts/constants/themes_20251026214628.ts b/frontend/.history/src/ts/constants/themes_20251026214628.ts new file mode 100644 index 000000000000..65ff67be00df --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251026214628.ts @@ -0,0 +1,1135 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144510.ts b/frontend/.history/src/ts/constants/themes_20251027144510.ts new file mode 100644 index 000000000000..290d3787c1f0 --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144510.ts @@ -0,0 +1,1136 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144614.ts b/frontend/.history/src/ts/constants/themes_20251027144614.ts new file mode 100644 index 000000000000..895bc45faa34 --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144614.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + your_theme_name: { + bgColor: "#ffffff", + mainColor: "#ffffff", + subColor: "#ffffff", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144617.ts b/frontend/.history/src/ts/constants/themes_20251027144617.ts new file mode 100644 index 000000000000..860e9de9862e --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144617.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + your_theme_name: { + bgColor: "#ffffff", + mainColor: "#ffffff", + subColor: "#ffffff", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144619.ts b/frontend/.history/src/ts/constants/themes_20251027144619.ts new file mode 100644 index 000000000000..f667c5d53a54 --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144619.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + your_theme_name: { + bgColor: "#ffffff", + mainColor: "#ffffff", + subColor: "#ffffff", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144629.ts b/frontend/.history/src/ts/constants/themes_20251027144629.ts new file mode 100644 index 000000000000..d8503f309038 --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144629.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + lghs_wildchat: { + bgColor: "#ffffff", + mainColor: "#ffffff", + subColor: "#ffffff", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144632.ts b/frontend/.history/src/ts/constants/themes_20251027144632.ts new file mode 100644 index 000000000000..c6571583fc71 --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144632.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + lghs_wildchats: { + bgColor: "#ffffff", + mainColor: "#ffffff", + subColor: "#ffffff", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144715.ts b/frontend/.history/src/ts/constants/themes_20251027144715.ts new file mode 100644 index 000000000000..18881771a8cc --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144715.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144722.ts b/frontend/.history/src/ts/constants/themes_20251027144722.ts new file mode 100644 index 000000000000..c6571583fc71 --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144722.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + lghs_wildchats: { + bgColor: "#ffffff", + mainColor: "#ffffff", + subColor: "#ffffff", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144741.ts b/frontend/.history/src/ts/constants/themes_20251027144741.ts new file mode 100644 index 000000000000..ce45a10caf43 --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144741.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + lghs_wildchats: { + bgColor: "#", + mainColor: "#ffffff", + subColor: "#ffffff", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144804.ts b/frontend/.history/src/ts/constants/themes_20251027144804.ts new file mode 100644 index 000000000000..0b676ff45fcb --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144804.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + lghs_wildchats: { + bgColor: "#1", + mainColor: "#ffffff", + subColor: "#ffffff", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144807.ts b/frontend/.history/src/ts/constants/themes_20251027144807.ts new file mode 100644 index 000000000000..17aa0f15d5db --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144807.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + lghs_wildchats: { + bgColor: "#141414", + mainColor: "#ffffff", + subColor: "#ffffff", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144821.ts b/frontend/.history/src/ts/constants/themes_20251027144821.ts new file mode 100644 index 000000000000..b9ce7050d270 --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144821.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + lghs_wildchats: { + bgColor: "#141414", + mainColor: "#", + subColor: "#ffffff", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144824.ts b/frontend/.history/src/ts/constants/themes_20251027144824.ts new file mode 100644 index 000000000000..96ebe54e38df --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144824.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + lghs_wildchats: { + bgColor: "#141414", + mainColor: "#f3", + subColor: "#ffffff", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144827.ts b/frontend/.history/src/ts/constants/themes_20251027144827.ts new file mode 100644 index 000000000000..66e5cf0a1662 --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144827.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + lghs_wildchats: { + bgColor: "#141414", + mainColor: "#f37", + subColor: "#ffffff", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144829.ts b/frontend/.history/src/ts/constants/themes_20251027144829.ts new file mode 100644 index 000000000000..d4be31ebc324 --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144829.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + lghs_wildchats: { + bgColor: "#141414", + mainColor: "#f37128", + subColor: "#ffffff", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027144846.ts b/frontend/.history/src/ts/constants/themes_20251027144846.ts new file mode 100644 index 000000000000..23454b899e8b --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027144846.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + lghs_wildchats: { + bgColor: "#141414", + mainColor: "#f37128", + subColor: "#f", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027150746.ts b/frontend/.history/src/ts/constants/themes_20251027150746.ts new file mode 100644 index 000000000000..96d7881370fb --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027150746.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + lghs_wildchats: { + bgColor: "#141414", + mainColor: "#f37128", + subColor: "#ffa", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027150748.ts b/frontend/.history/src/ts/constants/themes_20251027150748.ts new file mode 100644 index 000000000000..df24ed0cdf59 --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027150748.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + lghs_wildchats: { + bgColor: "#141414", + mainColor: "#f37128", + subColor: "#ffa0", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/src/ts/constants/themes_20251027150750.ts b/frontend/.history/src/ts/constants/themes_20251027150750.ts new file mode 100644 index 000000000000..10d32bcff495 --- /dev/null +++ b/frontend/.history/src/ts/constants/themes_20251027150750.ts @@ -0,0 +1,1141 @@ +import { ThemeName } from "@monkeytype/schemas/configs"; +import { hexToHSL } from "../utils/colors"; + +export type Theme = { + name: ThemeName; + bgColor: string; + mainColor: string; + subColor: string; + textColor: string; +}; + +export const themes: Record> = { + "8008": { + bgColor: "#333a45", + mainColor: "#f44c7f", + subColor: "#939eae", + textColor: "#e9ecf0", + }, + "9009": { + bgColor: "#eeebe2", + mainColor: "#080909", + subColor: "#99947f", + textColor: "#080909", + }, + dark_note: { + bgColor: "#1f1f1f", + mainColor: "#f2c17b", + subColor: "#768f95", + textColor: "#d2dff4", + }, + viridescent: { + bgColor: "#2c3333", + mainColor: "#95d5b2", + subColor: "#84a98c", + textColor: "#e9f5db", + }, + dark: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + phantom: { + bgColor: "#1a1b26", + mainColor: "#7aa2f7", + subColor: "#414868", + textColor: "#c0caf5", + }, + muted: { + bgColor: "#525252", + mainColor: "#c5b4e3", + subColor: "#939eae", + textColor: "#b1e4e3", + }, + dark_magic_girl: { + bgColor: "#091f2c", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#a288d9", + }, + carbon: { + bgColor: "#313131", + mainColor: "#f66e0d", + subColor: "#616161", + textColor: "#f5e6c8", + }, + vesper: { + bgColor: "#101010", + mainColor: "#ffc799", + subColor: "#99ffe4", + textColor: "#ffffff", + }, + our_theme: { + bgColor: "#ce1226", + mainColor: "#fcd116", + subColor: "#6d0f19", + textColor: "#ffffff", + }, + dots: { + bgColor: "#121520", + mainColor: "#fff", + subColor: "#676e8a", + textColor: "#fff", + }, + nautilus: { + bgColor: "#132237", + mainColor: "#ebb723", + subColor: "#0b4c6c", + textColor: "#1cbaac", + }, + serika: { + bgColor: "#e1e1e3", + mainColor: "#e2b714", + subColor: "#aaaeb3", + textColor: "#323437", + }, + serika_dark: { + bgColor: "#323437", + mainColor: "#e2b714", + subColor: "#646669", + textColor: "#d1d0c5", + }, + bushido: { + bgColor: "#242933", + mainColor: "#ec4c56", + subColor: "#596172", + textColor: "#f6f0e9", + }, + red_samurai: { + bgColor: "#84202c", + mainColor: "#c79e6e", + subColor: "#55131b", + textColor: "#e2dad0", + }, + rgb: { + bgColor: "#111", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + oblivion: { + bgColor: "#313231", + mainColor: "#a5a096", + subColor: "#5d6263", + textColor: "#f7f5f1", + }, + magic_girl: { + bgColor: "#ffffff", + mainColor: "#f5b1cc", + subColor: "#93e8d3", + textColor: "#00ac8c", + }, + metropolis: { + bgColor: "#0f1f2c", + mainColor: "#56c3b7", + subColor: "#326984", + textColor: "#e4edf1", + }, + mountain: { + bgColor: "#0f0f0f", + mainColor: "#e7e7e7", + subColor: "#4c4c4c", + textColor: "#e7e7e7", + }, + laser: { + bgColor: "#221b44", + mainColor: "#009eaf", + subColor: "#b82356", + textColor: "#dbe7e8", + }, + retro: { + bgColor: "#dad3c1", + mainColor: "#1d1b17", + subColor: "#918b7d", + textColor: "#1d1b17", + }, + dracula: { + bgColor: "#282a36", + mainColor: "#bd93f9", + subColor: "#6272a4", + textColor: "#f8f8f2", + }, + nord: { + bgColor: "#242933", + mainColor: "#88C0D0", + subColor: "#2E3440", + textColor: "#88C0D0", + }, + mr_sleeves: { + bgColor: "#d1d7da", + mainColor: "#daa99b", + subColor: "#9a9fa1", + textColor: "#1d1d1d", + }, + olivia: { + bgColor: "#1c1b1d", + mainColor: "#deaf9d", + subColor: "#4e3e3e", + textColor: "#f2efed", + }, + bliss: { + bgColor: "#262727", + mainColor: "#f0d3c9", + subColor: "#665957", + textColor: "#fff", + }, + mizu: { + bgColor: "#afcbdd", + mainColor: "#fcfbf6", + subColor: "#85a5bb", + textColor: "#1a2633", + }, + metaverse: { + bgColor: "#232323", + mainColor: "#d82934", + subColor: "#5e5e5e", + textColor: "#e8e8e8", + }, + shadow: { + bgColor: "#000", + mainColor: "#eee", + subColor: "#444", + textColor: "#eee", + }, + mint: { + bgColor: "#05385b", + mainColor: "#5cdb95", + subColor: "#20688a", + textColor: "#edf5e1", + }, + miami: { + bgColor: "#f35588", + mainColor: "#05dfd7", + subColor: "#94294c", + textColor: "#f0e9ec", + }, + miami_nights: { + bgColor: "#18181a", + mainColor: "#e4609b", + subColor: "#47bac0", + textColor: "#fff", + }, + modern_dolch: { + bgColor: "#2d2e30", + mainColor: "#7eddd3", + subColor: "#54585c", + textColor: "#e3e6eb", + }, + botanical: { + bgColor: "#7b9c98", + mainColor: "#eaf1f3", + subColor: "#495755", + textColor: "#eaf1f3", + }, + bingsu: { + bgColor: "#b8a7aa", + mainColor: "#83616e", + subColor: "#48373d", + textColor: "#ebe6ea", + }, + terminal: { + bgColor: "#191a1b", + mainColor: "#79a617", + subColor: "#48494b", + textColor: "#e7eae0", + }, + lavender: { + bgColor: "#ada6c2", + mainColor: "#e4e3e9", + subColor: "#e4e3e9", + textColor: "#2f2a41", + }, + taro: { + bgColor: "#b3baff", + mainColor: "#130f1a", + subColor: "#6f6c91", + textColor: "#130f1a", + }, + striker: { + bgColor: "#124883", + mainColor: "#d7dcda", + subColor: "#0f2d4e", + textColor: "#d6dbd9", + }, + gruvbox_dark: { + bgColor: "#282828", + mainColor: "#d79921", + subColor: "#665c54", + textColor: "#ebdbb2", + }, + gruvbox_light: { + bgColor: "#fbf1c7", + mainColor: "#689d6a", + subColor: "#a89984", + textColor: "#3c3836", + }, + monokai: { + bgColor: "#272822", + mainColor: "#a6e22e", + subColor: "#e6db74", + textColor: "#e2e2dc", + }, + sonokai: { + bgColor: "#2c2e34", + mainColor: "#9ed072", + subColor: "#e7c664", + textColor: "#e2e2e3", + }, + camping: { + bgColor: "#faf1e4", + mainColor: "#618c56", + subColor: "#c2b8aa", + textColor: "#3c403b", + }, + voc: { + bgColor: "#190618", + mainColor: "#e0caac", + subColor: "#4c1e48", + textColor: "#eeeae4", + }, + vaporwave: { + bgColor: "#a4a7ea", + mainColor: "#e368da", + subColor: "#7c7faf", + textColor: "#f1ebf1", + }, + pulse: { + bgColor: "#181818", + mainColor: "#17b8bd", + subColor: "#53565a", + textColor: "#e5f4f4", + }, + matrix: { + bgColor: "#000000", + mainColor: "#15ff00", + subColor: "#006500", + textColor: "#d1ffcd", + }, + olive: { + bgColor: "#e9e5cc", + mainColor: "#92946f", + subColor: "#b7b39e", + textColor: "#373731", + }, + strawberry: { + bgColor: "#f37f83", + mainColor: "#fcfcf8", + subColor: "#e53c58", + textColor: "#fcfcf8", + }, + night_runner: { + bgColor: "#212121", + mainColor: "#feff04", + subColor: "#5c4a9c", + textColor: "#e8e8e8", + }, + cyberspace: { + bgColor: "#181c18", + mainColor: "#00ce7c", + subColor: "#9578d3", + textColor: "#c2fbe1", + }, + joker: { + bgColor: "#1a0e25", + mainColor: "#99de1e", + subColor: "#7554a3", + textColor: "#e9e2f5", + }, + dualshot: { + bgColor: "#737373", + mainColor: "#212222", + subColor: "#aaaaaa", + textColor: "#212222", + }, + solarized_dark: { + bgColor: "#002b36", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#268bd2", + }, + solarized_light: { + bgColor: "#fdf6e3", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#181819", + }, + solarized_osaka: { + bgColor: "#00141a", + mainColor: "#859900", + subColor: "#2aa198", + textColor: "#b58900", + }, + terra: { + bgColor: "#0c100e", + mainColor: "#89c559", + subColor: "#436029", + textColor: "#f0edd1", + }, + red_dragon: { + bgColor: "#1a0b0c", + mainColor: "#ff3a32", + subColor: "#e2a528", + textColor: "#4a4d4e", + }, + hammerhead: { + bgColor: "#030613", + mainColor: "#4fcdb9", + subColor: "#213c53", + textColor: "#e2f1f5", + }, + future_funk: { + bgColor: "#2e1a47", + mainColor: "#f7f2ea", + subColor: "#c18fff", + textColor: "#f7f2ea", + }, + milkshake: { + bgColor: "#ffffff", + mainColor: "#212b43", + subColor: "#62cfe6", + textColor: "#212b43", + }, + aether: { + bgColor: "#101820", + mainColor: "#eedaea", + subColor: "#cf6bdd", + textColor: "#eedaea", + }, + froyo: { + bgColor: "#e1dacb", + mainColor: "#7b7d7d", + subColor: "#b29c5e", + textColor: "#7b7d7d", + }, + retrocast: { + bgColor: "#07737a", + mainColor: "#88dbdf", + subColor: "#f3e03b", + textColor: "#ffffff", + }, + luna: { + bgColor: "#221c35", + mainColor: "#f67599", + subColor: "#5a3a7e", + textColor: "#ffe3eb", + }, + graen: { + bgColor: "#303c36", + mainColor: "#a59682", + subColor: "#181d1a", + textColor: "#a59682", + }, + bento: { + bgColor: "#2d394d", + mainColor: "#ff7a90", + subColor: "#4a768d", + textColor: "#fffaf8", + }, + watermelon: { + bgColor: "#1f4437", + mainColor: "#d6686f", + subColor: "#3e7a65", + textColor: "#cdc6bc", + }, + menthol: { + bgColor: "#00c18c", + mainColor: "#ffffff", + subColor: "#186544", + textColor: "#ffffff", + }, + ishtar: { + bgColor: "#202020", + mainColor: "#91170c", + subColor: "#847869", + textColor: "#fae1c3", + }, + mashu: { + bgColor: "#2b2b2c", + mainColor: "#76689a", + subColor: "#d8a0a6", + textColor: "#f1e2e4", + }, + deku: { + bgColor: "#058b8c", + mainColor: "#b63530", + subColor: "#255458", + textColor: "#f7f2ea", + }, + honey: { + bgColor: "#f2aa00", + mainColor: "#fff546", + subColor: "#a66b00", + textColor: "#f3eecb", + }, + shoko: { + bgColor: "#ced7e0", + mainColor: "#81c4dd", + subColor: "#7599b1", + textColor: "#3b4c58", + }, + norse: { + bgColor: "#242425", + mainColor: "#2b5f6d", + subColor: "#505b5e", + textColor: "#ccc2b1", + }, + matcha_moccha: { + bgColor: "#523525", + mainColor: "#7ec160", + subColor: "#9e6749", + textColor: "#ecddcc", + }, + cafe: { + bgColor: "#ceb18d", + mainColor: "#14120f", + subColor: "#d4d2d1", + textColor: "#14120f", + }, + alpine: { + bgColor: "#6c687f", + mainColor: "#ffffff", + subColor: "#9994b8", + textColor: "#ffffff", + }, + superuser: { + bgColor: "#262a33", + mainColor: "#43ffaf", + subColor: "#526777", + textColor: "#e5f7ef", + }, + ms_cupcakes: { + bgColor: "#ffffff", + mainColor: "#5ed5f3", + subColor: "#d64090", + textColor: "#0a282f", + }, + dollar: { + bgColor: "#e4e4d4", + mainColor: "#6b886b", + subColor: "#8a9b69", + textColor: "#555a56", + }, + lime: { + bgColor: "#7c878e", + mainColor: "#93c247", + subColor: "#4b5257", + textColor: "#bfcfdc", + }, + sweden: { + bgColor: "#0058a3", + mainColor: "#ffcc02", + subColor: "#57abdb", + textColor: "#ffffff", + }, + wavez: { + bgColor: "#1c292f", + mainColor: "#6bde3b", + subColor: "#1f5e6b", + textColor: "#e9efe6", + }, + nebula: { + bgColor: "#212135", + mainColor: "#be3c88", + subColor: "#19b3b8", + textColor: "#838686", + }, + lil_dragon: { + bgColor: "#ebe1ef", + mainColor: "#8a5bd6", + subColor: "#a28db8", + textColor: "#212b43", + }, + pastel: { + bgColor: "#e0b2bd", + mainColor: "#fbf4b6", + subColor: "#b4e9ff", + textColor: "#6d5c6f", + }, + alduin: { + bgColor: "#1c1c1c", + mainColor: "#dfd7af", + subColor: "#444444", + textColor: "#f5f3ed", + }, + paper: { + bgColor: "#eeeeee", + mainColor: "#444444", + subColor: "#b2b2b2", + textColor: "#444444", + }, + fundamentals: { + bgColor: "#727474", + mainColor: "#7fa482", + subColor: "#cac4be", + textColor: "#131313", + }, + drowning: { + bgColor: "#191826", + mainColor: "#4a6fb5", + subColor: "#50688c", + textColor: "#9393a7", + }, + iceberg_dark: { + bgColor: "#161821", + mainColor: "#84a0c6", + subColor: "#595e76", + textColor: "#c6c8d1", + }, + iceberg_light: { + bgColor: "#e8e9ec", + mainColor: "#2d539e", + subColor: "#adb1c4", + textColor: "#33374c", + }, + onedark: { + bgColor: "#2f343f", + mainColor: "#61afef", + subColor: "#eceff4", + textColor: "#98c379", + }, + darling: { + bgColor: "#fec8cd", + mainColor: "#ffffff", + subColor: "#a30000", + textColor: "#ffffff", + }, + repose_dark: { + bgColor: "#2f3338", + mainColor: "#d6d2bc", + subColor: "#8f8e84", + textColor: "#d6d2bc", + }, + repose_light: { + bgColor: "#efead0", + mainColor: "#5f605e", + subColor: "#8f8e84", + textColor: "#333538", + }, + horizon: { + bgColor: "#1c1e26", + mainColor: "#c4a88a", + subColor: "#db886f", + textColor: "#bbbbbb", + }, + rudy: { + bgColor: "#1a2b3e", + mainColor: "#af8f5c", + subColor: "#3a506c", + textColor: "#c9c8bf", + }, + stealth: { + bgColor: "#010203", + mainColor: "#383e42", + subColor: "#5e676e", + textColor: "#383e42", + }, + "80s_after_dark": { + bgColor: "#1b1d36", + mainColor: "#fca6d1", + subColor: "#99d6ea", + textColor: "#e1e7ec", + }, + arch: { + bgColor: "#0c0d11", + mainColor: "#7ebab5", + subColor: "#454864", + textColor: "#f6f5f5", + }, + rose_pine: { + bgColor: "#1f1d27", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_moon: { + bgColor: "#2a273f", + mainColor: "#9ccfd8", + subColor: "#c4a7e7", + textColor: "#e0def4", + }, + rose_pine_dawn: { + bgColor: "#fffaf3", + mainColor: "#56949f", + subColor: "#c4a7e7", + textColor: "#286983", + }, + copper: { + bgColor: "#442f29", + mainColor: "#b46a55", + subColor: "#7ebab5", + textColor: "#e7e0de", + }, + grand_prix: { + bgColor: "#36475c", + mainColor: "#c0d036", + subColor: "#5c6c80", + textColor: "#c1c7d7", + }, + peaches: { + bgColor: "#e0d7c1", + mainColor: "#dd7a5f", + subColor: "#e7b28e", + textColor: "#5f4c41", + }, + bouquet: { + bgColor: "#173f35", + mainColor: "#eaa09c", + subColor: "#408e7b", + textColor: "#e9e0d2", + }, + midnight: { + bgColor: "#0b0e13", + mainColor: "#60759f", + subColor: "#394760", + textColor: "#9fadc6", + }, + blueberry_light: { + bgColor: "#dae0f5", + mainColor: "#506477", + subColor: "#92a4be", + textColor: "#678198", + }, + blueberry_dark: { + bgColor: "#212b42", + mainColor: "#add7ff", + subColor: "#5c7da5", + textColor: "#91b4d5", + }, + fledgling: { + bgColor: "#3b363f", + mainColor: "#fc6e83", + subColor: "#8e5568", + textColor: "#e6d5d3", + }, + ez_mode: { + bgColor: "#0068c6", + mainColor: "#fa62d5", + subColor: "#138bf7", + textColor: "#ffffff", + }, + vscode: { + bgColor: "#1e1e1e", + mainColor: "#007acc", + subColor: "#4d4d4d", + textColor: "#d4d4d4", + }, + material: { + bgColor: "#263238", + mainColor: "#80cbc4", + subColor: "#4c6772", + textColor: "#e6edf3", + }, + godspeed: { + bgColor: "#eae4cf", + mainColor: "#9abbcd", + subColor: "#ada998", + textColor: "#646669", + }, + witch_girl: { + bgColor: "#f3dbda", + mainColor: "#56786a", + subColor: "#ddb4a7", + textColor: "#56786a", + }, + terror_below: { + bgColor: "#0b1e1a", + mainColor: "#66ac92", + subColor: "#015c53", + textColor: "#dceae5", + }, + sewing_tin: { + bgColor: "#241963", + mainColor: "#f2ce83", + subColor: "#446ad5", + textColor: "#ffffff", + }, + soaring_skies: { + bgColor: "#fff9f2", + mainColor: "#55c6f0", + subColor: "#1e107a", + textColor: "#1d1e1e", + }, + sewing_tin_light: { + bgColor: "#ffffff", + mainColor: "#2d2076", + subColor: "#385eca", + textColor: "#2d2076", + }, + chaos_theory: { + bgColor: "#141221", + mainColor: "#fd77d7", + subColor: "#676e8a", + textColor: "#dde5ed", + }, + hanok: { + bgColor: "#d8d2c3", + mainColor: "#513a2a", + subColor: "#8b6f5c", + textColor: "#393b3b", + }, + comfy: { + bgColor: "#4a5b6e", + mainColor: "#f8cdc6", + subColor: "#9ec1cc", + textColor: "#f5efee", + }, + tiramisu: { + bgColor: "#cfc6b9", + mainColor: "#c0976f", + subColor: "#c0976f", + textColor: "#7d5448", + }, + diner: { + bgColor: "#537997", + mainColor: "#c3af5b", + subColor: "#445c7f", + textColor: "#dfdbc8", + }, + modern_ink: { + bgColor: "#ffffff", + mainColor: "#ff360d", + subColor: "#b7b7b7", + textColor: "#000000", + }, + dev: { + bgColor: "#1b2028", + mainColor: "#23a9d5", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + moonlight: { + bgColor: "#191f28", + mainColor: "#c69f68", + subColor: "#4b5975", + textColor: "#ccccb5", + }, + pink_lemonade: { + bgColor: "#f6d992", + mainColor: "#f6a192", + subColor: "#f6b092", + textColor: "#fcfcf8", + }, + creamsicle: { + bgColor: "#ff9869", + mainColor: "#fcfcf8", + subColor: "#ff661f", + textColor: "#fcfcf8", + }, + beach: { + bgColor: "#ffeead", + mainColor: "#96ceb4", + subColor: "#ffcc5c", + textColor: "#5b7869", + }, + desert_oasis: { + bgColor: "#fff2d5", + mainColor: "#d19d01", + subColor: "#0061fe", + textColor: "#332800", + }, + frozen_llama: { + bgColor: "#9bf2ea", + mainColor: "#6d44a6", + subColor: "#b690fd", + textColor: "#ffffff", + }, + ryujinscales: { + bgColor: "#081426", + mainColor: "#f17754", + subColor: "#ffbc90", + textColor: "#ffe4bc", + }, + trackday: { + bgColor: "#464d66", + mainColor: "#e0513e", + subColor: "#5c7eb9", + textColor: "#cfcfcf", + }, + fruit_chew: { + bgColor: "#d6d3d6", + mainColor: "#5c1e5f", + subColor: "#b49cb5", + textColor: "#282528", + }, + evil_eye: { + bgColor: "#0084c2", + mainColor: "#f7f2ea", + subColor: "#01589f", + textColor: "#171718", + }, + trance: { + bgColor: "#00021b", + mainColor: "#e51376", + subColor: "#3c4c79", + textColor: "#fff", + }, + fire: { + bgColor: "#0f0000", + mainColor: "#b31313", + subColor: "#683434", + textColor: "#ffffff", + }, + aurora: { + bgColor: "#011926", + mainColor: "#00e980", + subColor: "#245c69", + textColor: "#fff", + }, + leather: { + bgColor: "#a86948", + mainColor: "#ffe4bc", + subColor: "#81482b", + textColor: "#ffe4bc", + }, + fleuriste: { + bgColor: "#c6b294", + mainColor: "#405a52", + subColor: "#64374d", + textColor: "#091914", + }, + dmg: { + bgColor: "#dadbdc", + mainColor: "#ae185e", + subColor: "#3846b1", + textColor: "#414141", + }, + catppuccin: { + bgColor: "#1e1e2e", + mainColor: "#cba6f7", + subColor: "#7f849c", + textColor: "#cdd6f4", + }, + snes: { + bgColor: "#bfbec2", + mainColor: "#553d94", + subColor: "#9f8ad4", + textColor: "#2e2e2e", + }, + passion_fruit: { + bgColor: "#7c2142", + mainColor: "#f4a3b4", + subColor: "#9994b8", + textColor: "#ffffff", + }, + blue_dolphin: { + bgColor: "#003950", + mainColor: "#ffcefb", + subColor: "#00e4ff", + textColor: "#82eaff", + }, + mexican: { + bgColor: "#f8ad34", + mainColor: "#b12189", + subColor: "#333", + textColor: "#eee", + }, + husqy: { + bgColor: "#000000", + mainColor: "#c58aff", + subColor: "#972fff", + textColor: "#ebd7ff", + }, + peach_blossom: { + bgColor: "#292929", + mainColor: "#99b898", + subColor: "#616161", + textColor: "#fecea8", + }, + dino: { + bgColor: "#ffffff", + mainColor: "#40d672", + subColor: "#d5d5d5", + textColor: "#1d221f", + }, + tron_orange: { + bgColor: "#0d1c1c", + mainColor: "#f0e800", + subColor: "#ff6600", + textColor: "#ffffff", + }, + hedge: { + bgColor: "#415e31", + mainColor: "#6a994e", + subColor: "#ede5b4", + textColor: "#f7f1d6", + }, + modern_dolch_light: { + bgColor: "#dbdbdb", + mainColor: "#8fd1c3", + subColor: "#acacac", + textColor: "#454545", + }, + iv_spade: { + bgColor: "#0c0c0c", + mainColor: "#b7976a", + subColor: "#404040", + textColor: "#d3c2c3", + }, + iv_clover: { + bgColor: "#a0a0a0", + mainColor: "#573e40", + subColor: "#353535", + textColor: "#3b2d3b", + }, + cheesecake: { + bgColor: "#fdf0d5", + mainColor: "#8e2949", + subColor: "#d91c81", + textColor: "#3a3335", + }, + earthsong: { + bgColor: "#292521", + mainColor: "#509452", + subColor: "#f5ae2d", + textColor: "#e6c7a8", + }, + purpleish: { + bgColor: "#1e1e32", + mainColor: "#7a52cc", + subColor: "#3d3d66", + textColor: "#7a52cc", + }, + nord_light: { + bgColor: "#eceff4", + mainColor: "#8fbcbb", + subColor: "#6a7791", + textColor: "#8fbcbb", + }, + slambook: { + bgColor: "#FFFDDE", + mainColor: "#13005A", + subColor: "#1c82adc4", + textColor: "#125d98", + }, + breeze: { + bgColor: "#e8d5c4", + mainColor: "#7d67a9", + subColor: "#3a98b9", + textColor: "#1b4c5e", + }, + cherry_blossom: { + bgColor: "#323437", + mainColor: "#d65ccc", + subColor: "#787d82", + textColor: "#d1d0c5", + }, + everblush: { + bgColor: "#141b1e", + mainColor: "#8ccf7e", + subColor: "#838887", + textColor: "#dadada", + }, + grape: { + bgColor: "#2c003e", + mainColor: "#ff8f00", + subColor: "#651e56", + textColor: "#fff", + }, + rainbow_trail: { + bgColor: "#f5f5f5", + mainColor: "#363636", + subColor: "#4f4f4f", + textColor: "#1f1f1f", + }, + tangerine: { + bgColor: "#ffede0", + mainColor: "#fe5503", + subColor: "#ff9562", + textColor: "#3d1705", + }, + macroblank: { + bgColor: "#b2d2c8", + mainColor: "#c13117", + subColor: "#717977", + textColor: "#490909", + }, + anti_hero: { + bgColor: "#00002e", + mainColor: "#ffadad", + subColor: "#ff3d8b", + textColor: "#f1deef", + }, + incognito: { + bgColor: "#0e0e0e", + mainColor: "#ff9900", + subColor: "#2f2f2f", + textColor: "#c6c6c6", + }, + discord: { + bgColor: "#313338", + mainColor: "#5a65ea", + subColor: "#565861", + textColor: "#dcdee3", + }, + cy_red: { + bgColor: "#6e2626", + mainColor: "#e55050", + subColor: "#ff6060", + textColor: "#ffaaaa", + }, + floret: { + bgColor: "#00272c", + mainColor: " #ffdd6d", + subColor: "#779097", + textColor: "#E5E5E5", + }, + lilac_mist: { + bgColor: "#fffbfe", + mainColor: "#b94189", + subColor: "#e094c2", + textColor: "#5c2954", + }, + terrazzo: { + bgColor: "#f1e5da", + mainColor: "#e0794e", + subColor: "#688e8f", + textColor: "#023e3b", + }, + suisei: { + bgColor: "#3b4a62", + mainColor: "#bef0ff", + subColor: "#fe9841", + textColor: "#dbdeeb", + }, + github: { + bgColor: "#212830", + mainColor: "#41ce5c", + subColor: "#788386", + textColor: "#ccdae6", + }, + sunset: { + bgColor: "#211e24", + mainColor: "#f79777", + subColor: "#5b578e", + textColor: "#f4e0c9", + }, + lghs_wildchats: { + bgColor: "#141414", + mainColor: "#f37128", + subColor: "#ffa061", + textColor: "#ffffff", + }, +}; + +export const ThemesList: Theme[] = Object.keys(themes) + .sort() + .map( + (it) => + ({ + ...themes[it as 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/.history/static/themes/lghs_wildchats_20251027151107.css b/frontend/.history/static/themes/lghs_wildchats_20251027151107.css new file mode 100644 index 000000000000..e69de29bb2d1 diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151116.css b/frontend/.history/static/themes/lghs_wildchats_20251027151116.css new file mode 100644 index 000000000000..08816d178267 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027151116.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #ffffff; + --main-color: #ffffff; + --caret-color: #ffffff; + --sub-color: #ffffff; + --sub-alt-color: #ffffff; + --text-color: #ffffff; + --error-color: #ffffff; + --error-extra-color: #ffffff; + --colorful-error-color: #ffffff; + --colorful-error-extra-color: #ffffff; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151138.css b/frontend/.history/static/themes/lghs_wildchats_20251027151138.css new file mode 100644 index 000000000000..8b8b3fa287d1 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027151138.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: #ffffff; + --caret-color: #ffffff; + --sub-color: #ffffff; + --sub-alt-color: #ffffff; + --text-color: #ffffff; + --error-color: #ffffff; + --error-extra-color: #ffffff; + --colorful-error-color: #ffffff; + --colorful-error-extra-color: #ffffff; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151150.css b/frontend/.history/static/themes/lghs_wildchats_20251027151150.css new file mode 100644 index 000000000000..d03500ddd007 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027151150.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: dv; + --caret-color: #ffffff; + --sub-color: #ffffff; + --sub-alt-color: #ffffff; + --text-color: #ffffff; + --error-color: #ffffff; + --error-extra-color: #ffffff; + --colorful-error-color: #ffffff; + --colorful-error-extra-color: #ffffff; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151152.css b/frontend/.history/static/themes/lghs_wildchats_20251027151152.css new file mode 100644 index 000000000000..911d3fad3f4d --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027151152.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #ffffff; + --sub-color: #ffffff; + --sub-alt-color: #ffffff; + --text-color: #ffffff; + --error-color: #ffffff; + --error-extra-color: #ffffff; + --colorful-error-color: #ffffff; + --colorful-error-extra-color: #ffffff; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151159.css b/frontend/.history/static/themes/lghs_wildchats_20251027151159.css new file mode 100644 index 000000000000..20eac2096c8e --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027151159.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #ffffff; + --sub-alt-color: #ffffff; + --text-color: #ffffff; + --error-color: #ffffff; + --error-extra-color: #ffffff; + --colorful-error-color: #ffffff; + --colorful-error-extra-color: #ffffff; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151207.css b/frontend/.history/static/themes/lghs_wildchats_20251027151207.css new file mode 100644 index 000000000000..9432e6030f8d --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027151207.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #4a494f; + --sub-alt-color: #ffffff; + --text-color: #ffffff; + --error-color: #ffffff; + --error-extra-color: #ffffff; + --colorful-error-color: #ffffff; + --colorful-error-extra-color: #ffffff; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151219.css b/frontend/.history/static/themes/lghs_wildchats_20251027151219.css new file mode 100644 index 000000000000..7efe000c54f7 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027151219.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #ffa061; + --sub-alt-color: #ffffff; + --text-color: #ffffff; + --error-color: #ffffff; + --error-extra-color: #ffffff; + --colorful-error-color: #ffffff; + --colorful-error-extra-color: #ffffff; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151227.css b/frontend/.history/static/themes/lghs_wildchats_20251027151227.css new file mode 100644 index 000000000000..c9f4a8311fc4 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027151227.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #ffa061; + --sub-alt-color: #4a494f; + --text-color: #ffffff; + --error-color: #ffffff; + --error-extra-color: #ffffff; + --colorful-error-color: #ffffff; + --colorful-error-extra-color: #ffffff; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027152620.css b/frontend/.history/static/themes/lghs_wildchats_20251027152620.css new file mode 100644 index 000000000000..27f4d6a0c529 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027152620.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #ffa061; + --sub-alt-color: #4a494f; + --text-color: #ffffff; + --error-color: #ff6666; + --error-extra-color: #ffffff; + --colorful-error-color: #ffffff; + --colorful-error-extra-color: #ffffff; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027152628.css b/frontend/.history/static/themes/lghs_wildchats_20251027152628.css new file mode 100644 index 000000000000..5484558423a3 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027152628.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #ffa061; + --sub-alt-color: #4a494f; + --text-color: #ffffff; + --error-color: #ff6666; + --error-extra-color: dv; + --colorful-error-color: #ffffff; + --colorful-error-extra-color: #ffffff; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027152630.css b/frontend/.history/static/themes/lghs_wildchats_20251027152630.css new file mode 100644 index 000000000000..60fd98109538 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027152630.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #ffa061; + --sub-alt-color: #4a494f; + --text-color: #ffffff; + --error-color: #ff6666; + --error-extra-color: #ff0000; + --colorful-error-color: #ffffff; + --colorful-error-extra-color: #ffffff; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027152649.css b/frontend/.history/static/themes/lghs_wildchats_20251027152649.css new file mode 100644 index 000000000000..86f8d2eb70d0 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027152649.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #ffa061; + --sub-alt-color: #4a494f; + --text-color: #ffffff; + --error-color: #ff6666; + --error-extra-color: #ff0000; + --colorful-error-color: #c35555; + --colorful-error-extra-color: #ffffff; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027153206.css b/frontend/.history/static/themes/lghs_wildchats_20251027153206.css new file mode 100644 index 000000000000..e037f9c75c62 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027153206.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #ffa061; + --sub-alt-color: #4a494f; + --text-color: #ffffff; + --error-color: #ff6666; + --error-extra-color: #ff0000; + --colorful-error-color: #c35555; + --colorful-error-extra-color: #c70000; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027153215.css b/frontend/.history/static/themes/lghs_wildchats_20251027153215.css new file mode 100644 index 000000000000..60fd98109538 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027153215.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #ffa061; + --sub-alt-color: #4a494f; + --text-color: #ffffff; + --error-color: #ff6666; + --error-extra-color: #ff0000; + --colorful-error-color: #ffffff; + --colorful-error-extra-color: #ffffff; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027153218.css b/frontend/.history/static/themes/lghs_wildchats_20251027153218.css new file mode 100644 index 000000000000..a7007687b619 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027153218.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #ffa061; + --sub-alt-color: #4a494f; + --text-color: #ffffff; + --error-color: #ff6666; + --error-extra-color: ; + --colorful-error-color: #ffffff; + --colorful-error-extra-color: #ffffff; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027153219.css b/frontend/.history/static/themes/lghs_wildchats_20251027153219.css new file mode 100644 index 000000000000..5484558423a3 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027153219.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #ffa061; + --sub-alt-color: #4a494f; + --text-color: #ffffff; + --error-color: #ff6666; + --error-extra-color: dv; + --colorful-error-color: #ffffff; + --colorful-error-extra-color: #ffffff; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027153223.css b/frontend/.history/static/themes/lghs_wildchats_20251027153223.css new file mode 100644 index 000000000000..e037f9c75c62 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027153223.css @@ -0,0 +1,12 @@ + :root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #ffa061; + --sub-alt-color: #4a494f; + --text-color: #ffffff; + --error-color: #ff6666; + --error-extra-color: #ff0000; + --colorful-error-color: #c35555; + --colorful-error-extra-color: #c70000; + } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027153242.css b/frontend/.history/static/themes/lghs_wildchats_20251027153242.css new file mode 100644 index 000000000000..c28b114056a3 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027153242.css @@ -0,0 +1,12 @@ +:root { +--bg-color: #141414; +--main-color: #f37128; +--caret-color: #a18463; +--sub-color: #ffa061; +--sub-alt-color: #4a494f; +--text-color: #ffffff; +--error-color: #ff6666; +--error-extra-color: #ff0000; +--colorful-error-color: #c35555; +--colorful-error-extra-color: #c70000; +} \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027154356.css b/frontend/.history/static/themes/lghs_wildchats_20251027154356.css new file mode 100644 index 000000000000..d026fd59d654 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027154356.css @@ -0,0 +1,12 @@ +:root { +--bg-color: #141414; +--main-color: #f37128; +--caret-color: #a18463; +--sub-color: #ffa061; +--sub-alt-color: #4a494f; +--text-color: #ffffff; +--error-color: #ff6666; +--error-extra-color: #ff0000; +--colorful-error-color: #c35555; +--colorful-error-extra-color: #c70000; +}qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027154406.css b/frontend/.history/static/themes/lghs_wildchats_20251027154406.css new file mode 100644 index 000000000000..c28b114056a3 --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027154406.css @@ -0,0 +1,12 @@ +:root { +--bg-color: #141414; +--main-color: #f37128; +--caret-color: #a18463; +--sub-color: #ffa061; +--sub-alt-color: #4a494f; +--text-color: #ffffff; +--error-color: #ff6666; +--error-extra-color: #ff0000; +--colorful-error-color: #c35555; +--colorful-error-extra-color: #c70000; +} \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027154421.css b/frontend/.history/static/themes/lghs_wildchats_20251027154421.css new file mode 100644 index 000000000000..def739bf30da --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027154421.css @@ -0,0 +1,12 @@ +:root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #ffa061; + --sub-alt-color: #4a494f; + --text-color: #ffffff; + --error-color: #ff6666; + --error-extra-color: #ff0000; + --colorful-error-color: #c35555; + --colorful-error-extra-color: #c70000; +} \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027154445.css b/frontend/.history/static/themes/lghs_wildchats_20251027154445.css new file mode 100644 index 000000000000..f3f310a9c67d --- /dev/null +++ b/frontend/.history/static/themes/lghs_wildchats_20251027154445.css @@ -0,0 +1,12 @@ +:root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #ffa061; + --sub-alt-color: #4a494f; + --text-color: #ffffff; + --error-color: #ff6666; + --error-extra-color: #ff0000; + --colorful-error-color: #c35555; + --colorful-error-extra-color: #c70000; +} diff --git a/frontend/.history/static/themes/terror_below_20251026214629.css b/frontend/.history/static/themes/terror_below_20251026214629.css new file mode 100644 index 000000000000..4532483efeed --- /dev/null +++ b/frontend/.history/static/themes/terror_below_20251026214629.css @@ -0,0 +1,12 @@ +:root { + --bg-color: #0b1e1a; + --caret-color: #66ac92; + --main-color: #66ac92; + --sub-color: #015c53; + --sub-alt-color: #041715; + --text-color: #dceae5; + --error-color: #bf616a; + --error-extra-color: #793e44; + --colorful-error-color: #bf616a; + --colorful-error-extra-color: #793e44; +} diff --git a/frontend/.history/static/themes/terror_below_20251027153505.css b/frontend/.history/static/themes/terror_below_20251027153505.css new file mode 100644 index 000000000000..203845a04466 --- /dev/null +++ b/frontend/.history/static/themes/terror_below_20251027153505.css @@ -0,0 +1,12 @@ +:root { + --bg-color: #0b1e1a; + --caret-color: #66ac92; + --main-color: #66ac92; + --sub-color: #015c53; + --sub-alt-color: #041715; + --text-color: #dceae5; + --error-color: #bf616a; + --error-extra-color: #793e44; + --colorful-error-color: #c35555; + --colorful-error-extra-color: #793e44; +} diff --git a/frontend/.history/static/themes/terror_below_20251027153528.css b/frontend/.history/static/themes/terror_below_20251027153528.css new file mode 100644 index 000000000000..9d359e65003e --- /dev/null +++ b/frontend/.history/static/themes/terror_below_20251027153528.css @@ -0,0 +1,12 @@ +:root { + --bg-color: #0b1e1a; + --caret-color: #66ac92; + --main-color: #66ac92; + --sub-color: #015c53; + --sub-alt-color: #041715; + --text-color: #dceae5; + --error-color: #bf616a; + --error-extra-color: #793e44; + --colorful-error-color: #c35555; + --colorful-error-extra-color: #c70000; +} diff --git a/frontend/.history/static/themes/terror_below_20251027153543.css b/frontend/.history/static/themes/terror_below_20251027153543.css new file mode 100644 index 000000000000..46eee3ff1837 --- /dev/null +++ b/frontend/.history/static/themes/terror_below_20251027153543.css @@ -0,0 +1,12 @@ +:root { + --bg-color: #0b1e1a; + --caret-color: #66ac92; + --main-color: #66ac92; + --sub-color: #015c53; + --sub-alt-color: #041715; + --text-color: #dceae5; + --error-color: #ff6666; + --error-extra-color: #793e44; + --colorful-error-color: #c35555; + --colorful-error-extra-color: #c70000; +} diff --git a/frontend/.history/static/themes/terror_below_20251027154257.css b/frontend/.history/static/themes/terror_below_20251027154257.css new file mode 100644 index 000000000000..4532483efeed --- /dev/null +++ b/frontend/.history/static/themes/terror_below_20251027154257.css @@ -0,0 +1,12 @@ +:root { + --bg-color: #0b1e1a; + --caret-color: #66ac92; + --main-color: #66ac92; + --sub-color: #015c53; + --sub-alt-color: #041715; + --text-color: #dceae5; + --error-color: #bf616a; + --error-extra-color: #793e44; + --colorful-error-color: #bf616a; + --colorful-error-extra-color: #793e44; +} diff --git a/frontend/.history/static/themes/terror_below_20251027154302.css b/frontend/.history/static/themes/terror_below_20251027154302.css new file mode 100644 index 000000000000..3ad996fa4095 --- /dev/null +++ b/frontend/.history/static/themes/terror_below_20251027154302.css @@ -0,0 +1,12 @@ +:root { + --bg-color: #0b1e1a; + --caret-color: #66ac92; + --main-color: #66ac92; + --sub-color: #015c53; + --sub-alt-color: #041715; + --text-color: #dceae5; + --error-color: #bf616a; + --error-extra-color: #793e44; + --colorful-error-color: dz; + --colorful-error-extra-color: #793e44; +} diff --git a/frontend/.history/static/themes/terror_below_20251027154320.css b/frontend/.history/static/themes/terror_below_20251027154320.css new file mode 100644 index 000000000000..4532483efeed --- /dev/null +++ b/frontend/.history/static/themes/terror_below_20251027154320.css @@ -0,0 +1,12 @@ +:root { + --bg-color: #0b1e1a; + --caret-color: #66ac92; + --main-color: #66ac92; + --sub-color: #015c53; + --sub-alt-color: #041715; + --text-color: #dceae5; + --error-color: #bf616a; + --error-extra-color: #793e44; + --colorful-error-color: #bf616a; + --colorful-error-extra-color: #793e44; +} diff --git a/frontend/src/ts/constants/themes.ts b/frontend/src/ts/constants/themes.ts index 65ff67be00df..10d32bcff495 100644 --- a/frontend/src/ts/constants/themes.ts +++ b/frontend/src/ts/constants/themes.ts @@ -1114,6 +1114,12 @@ export const themes: Record> = { subColor: "#5b578e", textColor: "#f4e0c9", }, + lghs_wildchats: { + bgColor: "#141414", + mainColor: "#f37128", + subColor: "#ffa061", + textColor: "#ffffff", + }, }; export const ThemesList: Theme[] = Object.keys(themes) diff --git a/frontend/static/themes/lghs_wildchats.css b/frontend/static/themes/lghs_wildchats.css new file mode 100644 index 000000000000..f3f310a9c67d --- /dev/null +++ b/frontend/static/themes/lghs_wildchats.css @@ -0,0 +1,12 @@ +:root { + --bg-color: #141414; + --main-color: #f37128; + --caret-color: #a18463; + --sub-color: #ffa061; + --sub-alt-color: #4a494f; + --text-color: #ffffff; + --error-color: #ff6666; + --error-extra-color: #ff0000; + --colorful-error-color: #c35555; + --colorful-error-extra-color: #c70000; +} diff --git a/packages/.history/schemas/src/themes_20251026214629.ts b/packages/.history/schemas/src/themes_20251026214629.ts new file mode 100644 index 000000000000..c7c8c548ad4a --- /dev/null +++ b/packages/.history/schemas/src/themes_20251026214629.ts @@ -0,0 +1,194 @@ +import { z } from "zod"; +import { customEnumErrorHandler } from "./util"; + +export const ThemeNameSchema = z.enum( + [ + "8008", + "80s_after_dark", + "9009", + "aether", + "alduin", + "alpine", + "anti_hero", + "arch", + "aurora", + "beach", + "bento", + "bingsu", + "bliss", + "blue_dolphin", + "blueberry_dark", + "blueberry_light", + "botanical", + "bouquet", + "breeze", + "bushido", + "cafe", + "camping", + "carbon", + "catppuccin", + "chaos_theory", + "cheesecake", + "cherry_blossom", + "comfy", + "copper", + "creamsicle", + "cy_red", + "cyberspace", + "dark", + "dark_magic_girl", + "dark_note", + "darling", + "deku", + "desert_oasis", + "dev", + "diner", + "dino", + "discord", + "dmg", + "dollar", + "dots", + "dracula", + "drowning", + "dualshot", + "earthsong", + "everblush", + "evil_eye", + "ez_mode", + "fire", + "fledgling", + "fleuriste", + "floret", + "froyo", + "frozen_llama", + "fruit_chew", + "fundamentals", + "future_funk", + "github", + "godspeed", + "graen", + "grand_prix", + "grape", + "gruvbox_dark", + "gruvbox_light", + "hammerhead", + "hanok", + "hedge", + "honey", + "horizon", + "husqy", + "iceberg_dark", + "iceberg_light", + "incognito", + "ishtar", + "iv_clover", + "iv_spade", + "joker", + "laser", + "lavender", + "leather", + "lil_dragon", + "lilac_mist", + "lime", + "luna", + "macroblank", + "magic_girl", + "mashu", + "matcha_moccha", + "material", + "matrix", + "menthol", + "metaverse", + "metropolis", + "mexican", + "miami", + "miami_nights", + "midnight", + "milkshake", + "mint", + "mizu", + "modern_dolch", + "modern_dolch_light", + "modern_ink", + "monokai", + "moonlight", + "mountain", + "mr_sleeves", + "ms_cupcakes", + "muted", + "nautilus", + "nebula", + "night_runner", + "nord", + "nord_light", + "norse", + "oblivion", + "olive", + "olivia", + "onedark", + "our_theme", + "paper", + "passion_fruit", + "pastel", + "peach_blossom", + "peaches", + "phantom", + "pink_lemonade", + "pulse", + "purpleish", + "rainbow_trail", + "red_dragon", + "red_samurai", + "repose_dark", + "repose_light", + "retro", + "retrocast", + "rgb", + "rose_pine", + "rose_pine_dawn", + "rose_pine_moon", + "rudy", + "ryujinscales", + "serika", + "serika_dark", + "sewing_tin", + "sewing_tin_light", + "shadow", + "shoko", + "slambook", + "snes", + "soaring_skies", + "solarized_dark", + "solarized_light", + "solarized_osaka", + "sonokai", + "stealth", + "strawberry", + "striker", + "suisei", + "sunset", + "superuser", + "sweden", + "tangerine", + "taro", + "terminal", + "terra", + "terrazzo", + "terror_below", + "tiramisu", + "trackday", + "trance", + "tron_orange", + "vaporwave", + "vesper", + "viridescent", + "voc", + "vscode", + "watermelon", + "wavez", + "witch_girl", + ], + { + errorMap: customEnumErrorHandler("Must be a known theme"), + } +); diff --git a/packages/.history/schemas/src/themes_20251027144324.ts b/packages/.history/schemas/src/themes_20251027144324.ts new file mode 100644 index 000000000000..dac72e3a01ab --- /dev/null +++ b/packages/.history/schemas/src/themes_20251027144324.ts @@ -0,0 +1,195 @@ +import { z } from "zod"; +import { customEnumErrorHandler } from "./util"; + +export const ThemeNameSchema = z.enum( + [ + "8008", + "80s_after_dark", + "9009", + "aether", + "alduin", + "alpine", + "anti_hero", + "arch", + "aurora", + "beach", + "bento", + "bingsu", + "bliss", + "blue_dolphin", + "blueberry_dark", + "blueberry_light", + "botanical", + "bouquet", + "breeze", + "bushido", + "cafe", + "camping", + "carbon", + "catppuccin", + "chaos_theory", + "cheesecake", + "cherry_blossom", + "comfy", + "copper", + "creamsicle", + "cy_red", + "cyberspace", + "dark", + "dark_magic_girl", + "dark_note", + "darling", + "deku", + "desert_oasis", + "dev", + "diner", + "dino", + "discord", + "dmg", + "dollar", + "dots", + "dracula", + "drowning", + "dualshot", + "earthsong", + "everblush", + "evil_eye", + "ez_mode", + "fire", + "fledgling", + "fleuriste", + "floret", + "froyo", + "frozen_llama", + "fruit_chew", + "fundamentals", + "future_funk", + "github", + "godspeed", + "graen", + "grand_prix", + "grape", + "gruvbox_dark", + "gruvbox_light", + "hammerhead", + "hanok", + "hedge", + "honey", + "horizon", + "husqy", + "iceberg_dark", + "iceberg_light", + "incognito", + "ishtar", + "iv_clover", + "iv_spade", + "joker", + "laser", + "lavender", + "leather", + "lil_dragon", + "lilac_mist", + "lime", + "luna", + "macroblank", + "magic_girl", + "mashu", + "matcha_moccha", + "material", + "matrix", + "menthol", + "metaverse", + "metropolis", + "mexican", + "miami", + "miami_nights", + "midnight", + "milkshake", + "mint", + "mizu", + "modern_dolch", + "modern_dolch_light", + "modern_ink", + "monokai", + "moonlight", + "mountain", + "mr_sleeves", + "ms_cupcakes", + "muted", + "nautilus", + "nebula", + "night_runner", + "nord", + "nord_light", + "norse", + "oblivion", + "olive", + "olivia", + "onedark", + "our_theme", + "paper", + "passion_fruit", + "pastel", + "peach_blossom", + "peaches", + "phantom", + "pink_lemonade", + "pulse", + "purpleish", + "rainbow_trail", + "red_dragon", + "red_samurai", + "repose_dark", + "repose_light", + "retro", + "retrocast", + "rgb", + "rose_pine", + "rose_pine_dawn", + "rose_pine_moon", + "rudy", + "ryujinscales", + "serika", + "serika_dark", + "sewing_tin", + "sewing_tin_light", + "shadow", + "shoko", + "slambook", + "snes", + "soaring_skies", + "solarized_dark", + "solarized_light", + "solarized_osaka", + "sonokai", + "stealth", + "strawberry", + "striker", + "suisei", + "sunset", + "superuser", + "sweden", + "tangerine", + "taro", + "terminal", + "terra", + "terrazzo", + "terror_below", + "tiramisu", + "trackday", + "trance", + "tron_orange", + "vaporwave", + "vesper", + "viridescent", + "voc", + "vscode", + "watermelon", + "wavez", + "witch_girl", + + ], + { + errorMap: customEnumErrorHandler("Must be a known theme"), + } +); diff --git a/packages/.history/schemas/src/themes_20251027144333.ts b/packages/.history/schemas/src/themes_20251027144333.ts new file mode 100644 index 000000000000..a1457831d1b4 --- /dev/null +++ b/packages/.history/schemas/src/themes_20251027144333.ts @@ -0,0 +1,195 @@ +import { z } from "zod"; +import { customEnumErrorHandler } from "./util"; + +export const ThemeNameSchema = z.enum( + [ + "8008", + "80s_after_dark", + "9009", + "aether", + "alduin", + "alpine", + "anti_hero", + "arch", + "aurora", + "beach", + "bento", + "bingsu", + "bliss", + "blue_dolphin", + "blueberry_dark", + "blueberry_light", + "botanical", + "bouquet", + "breeze", + "bushido", + "cafe", + "camping", + "carbon", + "catppuccin", + "chaos_theory", + "cheesecake", + "cherry_blossom", + "comfy", + "copper", + "creamsicle", + "cy_red", + "cyberspace", + "dark", + "dark_magic_girl", + "dark_note", + "darling", + "deku", + "desert_oasis", + "dev", + "diner", + "dino", + "discord", + "dmg", + "dollar", + "dots", + "dracula", + "drowning", + "dualshot", + "earthsong", + "everblush", + "evil_eye", + "ez_mode", + "fire", + "fledgling", + "fleuriste", + "floret", + "froyo", + "frozen_llama", + "fruit_chew", + "fundamentals", + "future_funk", + "github", + "godspeed", + "graen", + "grand_prix", + "grape", + "gruvbox_dark", + "gruvbox_light", + "hammerhead", + "hanok", + "hedge", + "honey", + "horizon", + "husqy", + "iceberg_dark", + "iceberg_light", + "incognito", + "ishtar", + "iv_clover", + "iv_spade", + "joker", + "laser", + "lavender", + "leather", + "lil_dragon", + "lilac_mist", + "lime", + "luna", + "macroblank", + "magic_girl", + "mashu", + "matcha_moccha", + "material", + "matrix", + "menthol", + "metaverse", + "metropolis", + "mexican", + "miami", + "miami_nights", + "midnight", + "milkshake", + "mint", + "mizu", + "modern_dolch", + "modern_dolch_light", + "modern_ink", + "monokai", + "moonlight", + "mountain", + "mr_sleeves", + "ms_cupcakes", + "muted", + "nautilus", + "nebula", + "night_runner", + "nord", + "nord_light", + "norse", + "oblivion", + "olive", + "olivia", + "onedark", + "our_theme", + "paper", + "passion_fruit", + "pastel", + "peach_blossom", + "peaches", + "phantom", + "pink_lemonade", + "pulse", + "purpleish", + "rainbow_trail", + "red_dragon", + "red_samurai", + "repose_dark", + "repose_light", + "retro", + "retrocast", + "rgb", + "rose_pine", + "rose_pine_dawn", + "rose_pine_moon", + "rudy", + "ryujinscales", + "serika", + "serika_dark", + "sewing_tin", + "sewing_tin_light", + "shadow", + "shoko", + "slambook", + "snes", + "soaring_skies", + "solarized_dark", + "solarized_light", + "solarized_osaka", + "sonokai", + "stealth", + "strawberry", + "striker", + "suisei", + "sunset", + "superuser", + "sweden", + "tangerine", + "taro", + "terminal", + "terra", + "terrazzo", + "terror_below", + "tiramisu", + "trackday", + "trance", + "tron_orange", + "vaporwave", + "vesper", + "viridescent", + "voc", + "vscode", + "watermelon", + "wavez", + "witch_girl", + "lghs_wildchat" + ], + { + errorMap: customEnumErrorHandler("Must be a known theme"), + } +); diff --git a/packages/.history/schemas/src/themes_20251027144335.ts b/packages/.history/schemas/src/themes_20251027144335.ts new file mode 100644 index 000000000000..c7f5e9379e38 --- /dev/null +++ b/packages/.history/schemas/src/themes_20251027144335.ts @@ -0,0 +1,195 @@ +import { z } from "zod"; +import { customEnumErrorHandler } from "./util"; + +export const ThemeNameSchema = z.enum( + [ + "8008", + "80s_after_dark", + "9009", + "aether", + "alduin", + "alpine", + "anti_hero", + "arch", + "aurora", + "beach", + "bento", + "bingsu", + "bliss", + "blue_dolphin", + "blueberry_dark", + "blueberry_light", + "botanical", + "bouquet", + "breeze", + "bushido", + "cafe", + "camping", + "carbon", + "catppuccin", + "chaos_theory", + "cheesecake", + "cherry_blossom", + "comfy", + "copper", + "creamsicle", + "cy_red", + "cyberspace", + "dark", + "dark_magic_girl", + "dark_note", + "darling", + "deku", + "desert_oasis", + "dev", + "diner", + "dino", + "discord", + "dmg", + "dollar", + "dots", + "dracula", + "drowning", + "dualshot", + "earthsong", + "everblush", + "evil_eye", + "ez_mode", + "fire", + "fledgling", + "fleuriste", + "floret", + "froyo", + "frozen_llama", + "fruit_chew", + "fundamentals", + "future_funk", + "github", + "godspeed", + "graen", + "grand_prix", + "grape", + "gruvbox_dark", + "gruvbox_light", + "hammerhead", + "hanok", + "hedge", + "honey", + "horizon", + "husqy", + "iceberg_dark", + "iceberg_light", + "incognito", + "ishtar", + "iv_clover", + "iv_spade", + "joker", + "laser", + "lavender", + "leather", + "lil_dragon", + "lilac_mist", + "lime", + "luna", + "macroblank", + "magic_girl", + "mashu", + "matcha_moccha", + "material", + "matrix", + "menthol", + "metaverse", + "metropolis", + "mexican", + "miami", + "miami_nights", + "midnight", + "milkshake", + "mint", + "mizu", + "modern_dolch", + "modern_dolch_light", + "modern_ink", + "monokai", + "moonlight", + "mountain", + "mr_sleeves", + "ms_cupcakes", + "muted", + "nautilus", + "nebula", + "night_runner", + "nord", + "nord_light", + "norse", + "oblivion", + "olive", + "olivia", + "onedark", + "our_theme", + "paper", + "passion_fruit", + "pastel", + "peach_blossom", + "peaches", + "phantom", + "pink_lemonade", + "pulse", + "purpleish", + "rainbow_trail", + "red_dragon", + "red_samurai", + "repose_dark", + "repose_light", + "retro", + "retrocast", + "rgb", + "rose_pine", + "rose_pine_dawn", + "rose_pine_moon", + "rudy", + "ryujinscales", + "serika", + "serika_dark", + "sewing_tin", + "sewing_tin_light", + "shadow", + "shoko", + "slambook", + "snes", + "soaring_skies", + "solarized_dark", + "solarized_light", + "solarized_osaka", + "sonokai", + "stealth", + "strawberry", + "striker", + "suisei", + "sunset", + "superuser", + "sweden", + "tangerine", + "taro", + "terminal", + "terra", + "terrazzo", + "terror_below", + "tiramisu", + "trackday", + "trance", + "tron_orange", + "vaporwave", + "vesper", + "viridescent", + "voc", + "vscode", + "watermelon", + "wavez", + "witch_girl", + "lghs_wildchat", + ], + { + errorMap: customEnumErrorHandler("Must be a known theme"), + } +); diff --git a/packages/.history/schemas/src/themes_20251027144339.ts b/packages/.history/schemas/src/themes_20251027144339.ts new file mode 100644 index 000000000000..c7f5e9379e38 --- /dev/null +++ b/packages/.history/schemas/src/themes_20251027144339.ts @@ -0,0 +1,195 @@ +import { z } from "zod"; +import { customEnumErrorHandler } from "./util"; + +export const ThemeNameSchema = z.enum( + [ + "8008", + "80s_after_dark", + "9009", + "aether", + "alduin", + "alpine", + "anti_hero", + "arch", + "aurora", + "beach", + "bento", + "bingsu", + "bliss", + "blue_dolphin", + "blueberry_dark", + "blueberry_light", + "botanical", + "bouquet", + "breeze", + "bushido", + "cafe", + "camping", + "carbon", + "catppuccin", + "chaos_theory", + "cheesecake", + "cherry_blossom", + "comfy", + "copper", + "creamsicle", + "cy_red", + "cyberspace", + "dark", + "dark_magic_girl", + "dark_note", + "darling", + "deku", + "desert_oasis", + "dev", + "diner", + "dino", + "discord", + "dmg", + "dollar", + "dots", + "dracula", + "drowning", + "dualshot", + "earthsong", + "everblush", + "evil_eye", + "ez_mode", + "fire", + "fledgling", + "fleuriste", + "floret", + "froyo", + "frozen_llama", + "fruit_chew", + "fundamentals", + "future_funk", + "github", + "godspeed", + "graen", + "grand_prix", + "grape", + "gruvbox_dark", + "gruvbox_light", + "hammerhead", + "hanok", + "hedge", + "honey", + "horizon", + "husqy", + "iceberg_dark", + "iceberg_light", + "incognito", + "ishtar", + "iv_clover", + "iv_spade", + "joker", + "laser", + "lavender", + "leather", + "lil_dragon", + "lilac_mist", + "lime", + "luna", + "macroblank", + "magic_girl", + "mashu", + "matcha_moccha", + "material", + "matrix", + "menthol", + "metaverse", + "metropolis", + "mexican", + "miami", + "miami_nights", + "midnight", + "milkshake", + "mint", + "mizu", + "modern_dolch", + "modern_dolch_light", + "modern_ink", + "monokai", + "moonlight", + "mountain", + "mr_sleeves", + "ms_cupcakes", + "muted", + "nautilus", + "nebula", + "night_runner", + "nord", + "nord_light", + "norse", + "oblivion", + "olive", + "olivia", + "onedark", + "our_theme", + "paper", + "passion_fruit", + "pastel", + "peach_blossom", + "peaches", + "phantom", + "pink_lemonade", + "pulse", + "purpleish", + "rainbow_trail", + "red_dragon", + "red_samurai", + "repose_dark", + "repose_light", + "retro", + "retrocast", + "rgb", + "rose_pine", + "rose_pine_dawn", + "rose_pine_moon", + "rudy", + "ryujinscales", + "serika", + "serika_dark", + "sewing_tin", + "sewing_tin_light", + "shadow", + "shoko", + "slambook", + "snes", + "soaring_skies", + "solarized_dark", + "solarized_light", + "solarized_osaka", + "sonokai", + "stealth", + "strawberry", + "striker", + "suisei", + "sunset", + "superuser", + "sweden", + "tangerine", + "taro", + "terminal", + "terra", + "terrazzo", + "terror_below", + "tiramisu", + "trackday", + "trance", + "tron_orange", + "vaporwave", + "vesper", + "viridescent", + "voc", + "vscode", + "watermelon", + "wavez", + "witch_girl", + "lghs_wildchat", + ], + { + errorMap: customEnumErrorHandler("Must be a known theme"), + } +); diff --git a/packages/.history/schemas/src/themes_20251027154607.ts b/packages/.history/schemas/src/themes_20251027154607.ts new file mode 100644 index 000000000000..8f1c34afc16f --- /dev/null +++ b/packages/.history/schemas/src/themes_20251027154607.ts @@ -0,0 +1,195 @@ +import { z } from "zod"; +import { customEnumErrorHandler } from "./util"; + +export const ThemeNameSchema = z.enum( + [ + "8008", + "80s_after_dark", + "9009", + "aether", + "alduin", + "alpine", + "anti_hero", + "arch", + "aurora", + "beach", + "bento", + "bingsu", + "bliss", + "blue_dolphin", + "blueberry_dark", + "blueberry_light", + "botanical", + "bouquet", + "breeze", + "bushido", + "cafe", + "camping", + "carbon", + "catppuccin", + "chaos_theory", + "cheesecake", + "cherry_blossom", + "comfy", + "copper", + "creamsicle", + "cy_red", + "cyberspace", + "dark", + "dark_magic_girl", + "dark_note", + "darling", + "deku", + "desert_oasis", + "dev", + "diner", + "dino", + "discord", + "dmg", + "dollar", + "dots", + "dracula", + "drowning", + "dualshot", + "earthsong", + "everblush", + "evil_eye", + "ez_mode", + "fire", + "fledgling", + "fleuriste", + "floret", + "froyo", + "frozen_llama", + "fruit_chew", + "fundamentals", + "future_funk", + "github", + "godspeed", + "graen", + "grand_prix", + "grape", + "gruvbox_dark", + "gruvbox_light", + "hammerhead", + "hanok", + "hedge", + "honey", + "horizon", + "husqy", + "iceberg_dark", + "iceberg_light", + "incognito", + "ishtar", + "iv_clover", + "iv_spade", + "joker", + "laser", + "lavender", + "leather", + "lil_dragon", + "lilac_mist", + "lime", + "luna", + "macroblank", + "magic_girl", + "mashu", + "matcha_moccha", + "material", + "matrix", + "menthol", + "metaverse", + "metropolis", + "mexican", + "miami", + "miami_nights", + "midnight", + "milkshake", + "mint", + "mizu", + "modern_dolch", + "modern_dolch_light", + "modern_ink", + "monokai", + "moonlight", + "mountain", + "mr_sleeves", + "ms_cupcakes", + "muted", + "nautilus", + "nebula", + "night_runner", + "nord", + "nord_light", + "norse", + "oblivion", + "olive", + "olivia", + "onedark", + "our_theme", + "paper", + "passion_fruit", + "pastel", + "peach_blossom", + "peaches", + "phantom", + "pink_lemonade", + "pulse", + "purpleish", + "rainbow_trail", + "red_dragon", + "red_samurai", + "repose_dark", + "repose_light", + "retro", + "retrocast", + "rgb", + "rose_pine", + "rose_pine_dawn", + "rose_pine_moon", + "rudy", + "ryujinscales", + "serika", + "serika_dark", + "sewing_tin", + "sewing_tin_light", + "shadow", + "shoko", + "slambook", + "snes", + "soaring_skies", + "solarized_dark", + "solarized_light", + "solarized_osaka", + "sonokai", + "stealth", + "strawberry", + "striker", + "suisei", + "sunset", + "superuser", + "sweden", + "tangerine", + "taro", + "terminal", + "terra", + "terrazzo", + "terror_below", + "tiramisu", + "trackday", + "trance", + "tron_orange", + "vaporwave", + "vesper", + "viridescent", + "voc", + "vscode", + "watermelon", + "wavez", + "witch_girl", + "lghs_wildchats", + ], + { + errorMap: customEnumErrorHandler("Must be a known theme"), + } +); diff --git a/packages/.history/schemas/src/themes_20251027154614.ts b/packages/.history/schemas/src/themes_20251027154614.ts new file mode 100644 index 000000000000..cd368cc73bcc --- /dev/null +++ b/packages/.history/schemas/src/themes_20251027154614.ts @@ -0,0 +1,195 @@ +import { z } from "zod"; +import { customEnumErrorHandler } from "./util"; + +export const ThemeNameSchema = z.enum( + [ + "8008", + "80s_after_dark", + "9009", + "aether", + "alduin", + "alpine", + "anti_hero", + "arch", + "aurora", + "beach", + "bento", + "bingsu", + "bliss", + "blue_dolphin", + "blueberry_dark", + "blueberry_light", + "botanical", + "bouquet", + "breeze", + "bushido", + "cafe", + "camping", + "carbon", + "catppuccin", + "chaos_theory", + "cheesecake", + "cherry_blossom", + "comfy", + "copper", + "creamsicle", + "cy_red", + "cyberspace", + "dark", + "dark_magic_girl", + "dark_note", + "darling", + "deku", + "desert_oasis", + "dev", + "diner", + "dino", + "discord", + "dmg", + "dollar", + "dots", + "dracula", + "drowning", + "dualshot", + "earthsong", + "everblush", + "evil_eye", + "ez_mode", + "fire", + "fledgling", + "fleuriste", + "floret", + "froyo", + "frozen_llama", + "fruit_chew", + "fundamentals", + "future_funk", + "github", + "godspeed", + "graen", + "grand_prix", + "grape", + "gruvbox_dark", + "gruvbox_light", + "hammerhead", + "hanok", + "hedge", + "honey", + "horizon", + "husqy", + "iceberg_dark", + "iceberg_light", + "incognito", + "ishtar", + "iv_clover", + "iv_spade", + "joker", + "laser", + "lavender", + "leather", + "lil_dragon", + "lilac_mist", + "lime", + "luna", + "macroblank", + "magic_girl", + "mashu", + "matcha_moccha", + "material", + "matrix", + "menthol", + "metaverse", + "metropolis", + "mexican", + "miami", + "miami_nights", + "midnight", + "milkshake", + "mint", + "mizu", + "modern_dolch", + "modern_dolch_light", + "modern_ink", + "monokai", + "moonlight", + "mountain", + "mr_sleeves", + "ms_cupcakes", + "muted", + "nautilus", + "nebula", + "night_runner", + "nord", + "nord_light", + "norse", + "oblivion", + "olive", + "olivia", + "onedark", + "our_theme", + "paper", + "passion_fruit", + "pastel", + "peach_blossom", + "peaches", + "phantom", + "pink_lemonade", + "pulse", + "purpleish", + "rainbow_trail", + "red_dragon", + "red_samurai", + "repose_dark", + "repose_light", + "retro", + "retrocast", + "rgb", + "rose_pine", + "rose_pine_dawn", + "rose_pine_moon", + "rudy", + "ryujinscales", + "serika", + "serika_dark", + "sewing_tin", + "sewing_tin_light", + "shadow", + "shoko", + "slambook", + "snes", + "soaring_skies", + "solarized_dark", + "solarized_light", + "solarized_osaka", + "sonokai", + "stealth", + "strawberry", + "striker", + "suisei", + "sunset", + "superuser", + "sweden", + "tangerine", + "taro", + "terminal", + "terra", + "terrazzo", + "terror_below", + "tiramisu", + "trackday", + "trance", + "tron_orange", + "vaporwave", + "vesper", + "viridescent", + "voc", + "vscode", + "watermelon", + "wavez", + "witch_girl", + "lghs_wildchatsdds", + ], + { + errorMap: customEnumErrorHandler("Must be a known theme"), + } +); diff --git a/packages/.history/schemas/src/themes_20251027154617.ts b/packages/.history/schemas/src/themes_20251027154617.ts new file mode 100644 index 000000000000..8f1c34afc16f --- /dev/null +++ b/packages/.history/schemas/src/themes_20251027154617.ts @@ -0,0 +1,195 @@ +import { z } from "zod"; +import { customEnumErrorHandler } from "./util"; + +export const ThemeNameSchema = z.enum( + [ + "8008", + "80s_after_dark", + "9009", + "aether", + "alduin", + "alpine", + "anti_hero", + "arch", + "aurora", + "beach", + "bento", + "bingsu", + "bliss", + "blue_dolphin", + "blueberry_dark", + "blueberry_light", + "botanical", + "bouquet", + "breeze", + "bushido", + "cafe", + "camping", + "carbon", + "catppuccin", + "chaos_theory", + "cheesecake", + "cherry_blossom", + "comfy", + "copper", + "creamsicle", + "cy_red", + "cyberspace", + "dark", + "dark_magic_girl", + "dark_note", + "darling", + "deku", + "desert_oasis", + "dev", + "diner", + "dino", + "discord", + "dmg", + "dollar", + "dots", + "dracula", + "drowning", + "dualshot", + "earthsong", + "everblush", + "evil_eye", + "ez_mode", + "fire", + "fledgling", + "fleuriste", + "floret", + "froyo", + "frozen_llama", + "fruit_chew", + "fundamentals", + "future_funk", + "github", + "godspeed", + "graen", + "grand_prix", + "grape", + "gruvbox_dark", + "gruvbox_light", + "hammerhead", + "hanok", + "hedge", + "honey", + "horizon", + "husqy", + "iceberg_dark", + "iceberg_light", + "incognito", + "ishtar", + "iv_clover", + "iv_spade", + "joker", + "laser", + "lavender", + "leather", + "lil_dragon", + "lilac_mist", + "lime", + "luna", + "macroblank", + "magic_girl", + "mashu", + "matcha_moccha", + "material", + "matrix", + "menthol", + "metaverse", + "metropolis", + "mexican", + "miami", + "miami_nights", + "midnight", + "milkshake", + "mint", + "mizu", + "modern_dolch", + "modern_dolch_light", + "modern_ink", + "monokai", + "moonlight", + "mountain", + "mr_sleeves", + "ms_cupcakes", + "muted", + "nautilus", + "nebula", + "night_runner", + "nord", + "nord_light", + "norse", + "oblivion", + "olive", + "olivia", + "onedark", + "our_theme", + "paper", + "passion_fruit", + "pastel", + "peach_blossom", + "peaches", + "phantom", + "pink_lemonade", + "pulse", + "purpleish", + "rainbow_trail", + "red_dragon", + "red_samurai", + "repose_dark", + "repose_light", + "retro", + "retrocast", + "rgb", + "rose_pine", + "rose_pine_dawn", + "rose_pine_moon", + "rudy", + "ryujinscales", + "serika", + "serika_dark", + "sewing_tin", + "sewing_tin_light", + "shadow", + "shoko", + "slambook", + "snes", + "soaring_skies", + "solarized_dark", + "solarized_light", + "solarized_osaka", + "sonokai", + "stealth", + "strawberry", + "striker", + "suisei", + "sunset", + "superuser", + "sweden", + "tangerine", + "taro", + "terminal", + "terra", + "terrazzo", + "terror_below", + "tiramisu", + "trackday", + "trance", + "tron_orange", + "vaporwave", + "vesper", + "viridescent", + "voc", + "vscode", + "watermelon", + "wavez", + "witch_girl", + "lghs_wildchats", + ], + { + errorMap: customEnumErrorHandler("Must be a known theme"), + } +); diff --git a/packages/.history/schemas/src/themes_20251027154618.ts b/packages/.history/schemas/src/themes_20251027154618.ts new file mode 100644 index 000000000000..8f1c34afc16f --- /dev/null +++ b/packages/.history/schemas/src/themes_20251027154618.ts @@ -0,0 +1,195 @@ +import { z } from "zod"; +import { customEnumErrorHandler } from "./util"; + +export const ThemeNameSchema = z.enum( + [ + "8008", + "80s_after_dark", + "9009", + "aether", + "alduin", + "alpine", + "anti_hero", + "arch", + "aurora", + "beach", + "bento", + "bingsu", + "bliss", + "blue_dolphin", + "blueberry_dark", + "blueberry_light", + "botanical", + "bouquet", + "breeze", + "bushido", + "cafe", + "camping", + "carbon", + "catppuccin", + "chaos_theory", + "cheesecake", + "cherry_blossom", + "comfy", + "copper", + "creamsicle", + "cy_red", + "cyberspace", + "dark", + "dark_magic_girl", + "dark_note", + "darling", + "deku", + "desert_oasis", + "dev", + "diner", + "dino", + "discord", + "dmg", + "dollar", + "dots", + "dracula", + "drowning", + "dualshot", + "earthsong", + "everblush", + "evil_eye", + "ez_mode", + "fire", + "fledgling", + "fleuriste", + "floret", + "froyo", + "frozen_llama", + "fruit_chew", + "fundamentals", + "future_funk", + "github", + "godspeed", + "graen", + "grand_prix", + "grape", + "gruvbox_dark", + "gruvbox_light", + "hammerhead", + "hanok", + "hedge", + "honey", + "horizon", + "husqy", + "iceberg_dark", + "iceberg_light", + "incognito", + "ishtar", + "iv_clover", + "iv_spade", + "joker", + "laser", + "lavender", + "leather", + "lil_dragon", + "lilac_mist", + "lime", + "luna", + "macroblank", + "magic_girl", + "mashu", + "matcha_moccha", + "material", + "matrix", + "menthol", + "metaverse", + "metropolis", + "mexican", + "miami", + "miami_nights", + "midnight", + "milkshake", + "mint", + "mizu", + "modern_dolch", + "modern_dolch_light", + "modern_ink", + "monokai", + "moonlight", + "mountain", + "mr_sleeves", + "ms_cupcakes", + "muted", + "nautilus", + "nebula", + "night_runner", + "nord", + "nord_light", + "norse", + "oblivion", + "olive", + "olivia", + "onedark", + "our_theme", + "paper", + "passion_fruit", + "pastel", + "peach_blossom", + "peaches", + "phantom", + "pink_lemonade", + "pulse", + "purpleish", + "rainbow_trail", + "red_dragon", + "red_samurai", + "repose_dark", + "repose_light", + "retro", + "retrocast", + "rgb", + "rose_pine", + "rose_pine_dawn", + "rose_pine_moon", + "rudy", + "ryujinscales", + "serika", + "serika_dark", + "sewing_tin", + "sewing_tin_light", + "shadow", + "shoko", + "slambook", + "snes", + "soaring_skies", + "solarized_dark", + "solarized_light", + "solarized_osaka", + "sonokai", + "stealth", + "strawberry", + "striker", + "suisei", + "sunset", + "superuser", + "sweden", + "tangerine", + "taro", + "terminal", + "terra", + "terrazzo", + "terror_below", + "tiramisu", + "trackday", + "trance", + "tron_orange", + "vaporwave", + "vesper", + "viridescent", + "voc", + "vscode", + "watermelon", + "wavez", + "witch_girl", + "lghs_wildchats", + ], + { + errorMap: customEnumErrorHandler("Must be a known theme"), + } +); diff --git a/packages/schemas/src/themes.ts b/packages/schemas/src/themes.ts index c7c8c548ad4a..8f1c34afc16f 100644 --- a/packages/schemas/src/themes.ts +++ b/packages/schemas/src/themes.ts @@ -187,6 +187,7 @@ export const ThemeNameSchema = z.enum( "watermelon", "wavez", "witch_girl", + "lghs_wildchats", ], { errorMap: customEnumErrorHandler("Must be a known theme"), From 30b44eb5c06fe32f3bb8fc664109c6ee00d042c7 Mon Sep 17 00:00:00 2001 From: connermcnicholas <38020254+conner-mcnicholas@users.noreply.github.com> Date: Mon, 27 Oct 2025 17:12:15 -0700 Subject: [PATCH 2/3] Delete frontend/.history directory --- .../src/ts/constants/themes_20251026214628.ts | 1135 ---------------- .../src/ts/constants/themes_20251027144510.ts | 1136 ---------------- .../src/ts/constants/themes_20251027144614.ts | 1141 ----------------- .../src/ts/constants/themes_20251027144617.ts | 1141 ----------------- .../src/ts/constants/themes_20251027144619.ts | 1141 ----------------- .../src/ts/constants/themes_20251027144629.ts | 1141 ----------------- .../src/ts/constants/themes_20251027144632.ts | 1141 ----------------- .../src/ts/constants/themes_20251027144715.ts | 1141 ----------------- .../src/ts/constants/themes_20251027144722.ts | 1141 ----------------- .../src/ts/constants/themes_20251027144741.ts | 1141 ----------------- .../src/ts/constants/themes_20251027144804.ts | 1141 ----------------- .../src/ts/constants/themes_20251027144807.ts | 1141 ----------------- .../src/ts/constants/themes_20251027144821.ts | 1141 ----------------- .../src/ts/constants/themes_20251027144824.ts | 1141 ----------------- .../src/ts/constants/themes_20251027144827.ts | 1141 ----------------- .../src/ts/constants/themes_20251027144829.ts | 1141 ----------------- .../src/ts/constants/themes_20251027144846.ts | 1141 ----------------- .../src/ts/constants/themes_20251027150746.ts | 1141 ----------------- .../src/ts/constants/themes_20251027150748.ts | 1141 ----------------- .../src/ts/constants/themes_20251027150750.ts | 1141 ----------------- .../themes/lghs_wildchats_20251027151107.css | 0 .../themes/lghs_wildchats_20251027151116.css | 12 - .../themes/lghs_wildchats_20251027151138.css | 12 - .../themes/lghs_wildchats_20251027151150.css | 12 - .../themes/lghs_wildchats_20251027151152.css | 12 - .../themes/lghs_wildchats_20251027151159.css | 12 - .../themes/lghs_wildchats_20251027151207.css | 12 - .../themes/lghs_wildchats_20251027151219.css | 12 - .../themes/lghs_wildchats_20251027151227.css | 12 - .../themes/lghs_wildchats_20251027152620.css | 12 - .../themes/lghs_wildchats_20251027152628.css | 12 - .../themes/lghs_wildchats_20251027152630.css | 12 - .../themes/lghs_wildchats_20251027152649.css | 12 - .../themes/lghs_wildchats_20251027153206.css | 12 - .../themes/lghs_wildchats_20251027153215.css | 12 - .../themes/lghs_wildchats_20251027153218.css | 12 - .../themes/lghs_wildchats_20251027153219.css | 12 - .../themes/lghs_wildchats_20251027153223.css | 12 - .../themes/lghs_wildchats_20251027153242.css | 12 - .../themes/lghs_wildchats_20251027154356.css | 12 - .../themes/lghs_wildchats_20251027154406.css | 12 - .../themes/lghs_wildchats_20251027154421.css | 12 - .../themes/lghs_wildchats_20251027154445.css | 12 - .../themes/terror_below_20251026214629.css | 12 - .../themes/terror_below_20251027153505.css | 12 - .../themes/terror_below_20251027153528.css | 12 - .../themes/terror_below_20251027153543.css | 12 - .../themes/terror_below_20251027154257.css | 12 - .../themes/terror_below_20251027154302.css | 12 - .../themes/terror_below_20251027154320.css | 12 - 50 files changed, 23157 deletions(-) delete mode 100644 frontend/.history/src/ts/constants/themes_20251026214628.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144510.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144614.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144617.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144619.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144629.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144632.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144715.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144722.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144741.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144804.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144807.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144821.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144824.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144827.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144829.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027144846.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027150746.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027150748.ts delete mode 100644 frontend/.history/src/ts/constants/themes_20251027150750.ts delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151107.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151116.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151138.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151150.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151152.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151159.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151207.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151219.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027151227.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027152620.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027152628.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027152630.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027152649.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027153206.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027153215.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027153218.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027153219.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027153223.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027153242.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027154356.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027154406.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027154421.css delete mode 100644 frontend/.history/static/themes/lghs_wildchats_20251027154445.css delete mode 100644 frontend/.history/static/themes/terror_below_20251026214629.css delete mode 100644 frontend/.history/static/themes/terror_below_20251027153505.css delete mode 100644 frontend/.history/static/themes/terror_below_20251027153528.css delete mode 100644 frontend/.history/static/themes/terror_below_20251027153543.css delete mode 100644 frontend/.history/static/themes/terror_below_20251027154257.css delete mode 100644 frontend/.history/static/themes/terror_below_20251027154302.css delete mode 100644 frontend/.history/static/themes/terror_below_20251027154320.css diff --git a/frontend/.history/src/ts/constants/themes_20251026214628.ts b/frontend/.history/src/ts/constants/themes_20251026214628.ts deleted file mode 100644 index 65ff67be00df..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251026214628.ts +++ /dev/null @@ -1,1135 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144510.ts b/frontend/.history/src/ts/constants/themes_20251027144510.ts deleted file mode 100644 index 290d3787c1f0..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144510.ts +++ /dev/null @@ -1,1136 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144614.ts b/frontend/.history/src/ts/constants/themes_20251027144614.ts deleted file mode 100644 index 895bc45faa34..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144614.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - your_theme_name: { - bgColor: "#ffffff", - mainColor: "#ffffff", - subColor: "#ffffff", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144617.ts b/frontend/.history/src/ts/constants/themes_20251027144617.ts deleted file mode 100644 index 860e9de9862e..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144617.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - your_theme_name: { - bgColor: "#ffffff", - mainColor: "#ffffff", - subColor: "#ffffff", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144619.ts b/frontend/.history/src/ts/constants/themes_20251027144619.ts deleted file mode 100644 index f667c5d53a54..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144619.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - your_theme_name: { - bgColor: "#ffffff", - mainColor: "#ffffff", - subColor: "#ffffff", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144629.ts b/frontend/.history/src/ts/constants/themes_20251027144629.ts deleted file mode 100644 index d8503f309038..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144629.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - lghs_wildchat: { - bgColor: "#ffffff", - mainColor: "#ffffff", - subColor: "#ffffff", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144632.ts b/frontend/.history/src/ts/constants/themes_20251027144632.ts deleted file mode 100644 index c6571583fc71..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144632.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - lghs_wildchats: { - bgColor: "#ffffff", - mainColor: "#ffffff", - subColor: "#ffffff", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144715.ts b/frontend/.history/src/ts/constants/themes_20251027144715.ts deleted file mode 100644 index 18881771a8cc..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144715.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144722.ts b/frontend/.history/src/ts/constants/themes_20251027144722.ts deleted file mode 100644 index c6571583fc71..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144722.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - lghs_wildchats: { - bgColor: "#ffffff", - mainColor: "#ffffff", - subColor: "#ffffff", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144741.ts b/frontend/.history/src/ts/constants/themes_20251027144741.ts deleted file mode 100644 index ce45a10caf43..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144741.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - lghs_wildchats: { - bgColor: "#", - mainColor: "#ffffff", - subColor: "#ffffff", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144804.ts b/frontend/.history/src/ts/constants/themes_20251027144804.ts deleted file mode 100644 index 0b676ff45fcb..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144804.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - lghs_wildchats: { - bgColor: "#1", - mainColor: "#ffffff", - subColor: "#ffffff", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144807.ts b/frontend/.history/src/ts/constants/themes_20251027144807.ts deleted file mode 100644 index 17aa0f15d5db..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144807.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - lghs_wildchats: { - bgColor: "#141414", - mainColor: "#ffffff", - subColor: "#ffffff", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144821.ts b/frontend/.history/src/ts/constants/themes_20251027144821.ts deleted file mode 100644 index b9ce7050d270..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144821.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - lghs_wildchats: { - bgColor: "#141414", - mainColor: "#", - subColor: "#ffffff", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144824.ts b/frontend/.history/src/ts/constants/themes_20251027144824.ts deleted file mode 100644 index 96ebe54e38df..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144824.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - lghs_wildchats: { - bgColor: "#141414", - mainColor: "#f3", - subColor: "#ffffff", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144827.ts b/frontend/.history/src/ts/constants/themes_20251027144827.ts deleted file mode 100644 index 66e5cf0a1662..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144827.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - lghs_wildchats: { - bgColor: "#141414", - mainColor: "#f37", - subColor: "#ffffff", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144829.ts b/frontend/.history/src/ts/constants/themes_20251027144829.ts deleted file mode 100644 index d4be31ebc324..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144829.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - lghs_wildchats: { - bgColor: "#141414", - mainColor: "#f37128", - subColor: "#ffffff", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027144846.ts b/frontend/.history/src/ts/constants/themes_20251027144846.ts deleted file mode 100644 index 23454b899e8b..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027144846.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - lghs_wildchats: { - bgColor: "#141414", - mainColor: "#f37128", - subColor: "#f", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027150746.ts b/frontend/.history/src/ts/constants/themes_20251027150746.ts deleted file mode 100644 index 96d7881370fb..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027150746.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - lghs_wildchats: { - bgColor: "#141414", - mainColor: "#f37128", - subColor: "#ffa", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027150748.ts b/frontend/.history/src/ts/constants/themes_20251027150748.ts deleted file mode 100644 index df24ed0cdf59..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027150748.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - lghs_wildchats: { - bgColor: "#141414", - mainColor: "#f37128", - subColor: "#ffa0", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/src/ts/constants/themes_20251027150750.ts b/frontend/.history/src/ts/constants/themes_20251027150750.ts deleted file mode 100644 index 10d32bcff495..000000000000 --- a/frontend/.history/src/ts/constants/themes_20251027150750.ts +++ /dev/null @@ -1,1141 +0,0 @@ -import { ThemeName } from "@monkeytype/schemas/configs"; -import { hexToHSL } from "../utils/colors"; - -export type Theme = { - name: ThemeName; - bgColor: string; - mainColor: string; - subColor: string; - textColor: string; -}; - -export const themes: Record> = { - "8008": { - bgColor: "#333a45", - mainColor: "#f44c7f", - subColor: "#939eae", - textColor: "#e9ecf0", - }, - "9009": { - bgColor: "#eeebe2", - mainColor: "#080909", - subColor: "#99947f", - textColor: "#080909", - }, - dark_note: { - bgColor: "#1f1f1f", - mainColor: "#f2c17b", - subColor: "#768f95", - textColor: "#d2dff4", - }, - viridescent: { - bgColor: "#2c3333", - mainColor: "#95d5b2", - subColor: "#84a98c", - textColor: "#e9f5db", - }, - dark: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - phantom: { - bgColor: "#1a1b26", - mainColor: "#7aa2f7", - subColor: "#414868", - textColor: "#c0caf5", - }, - muted: { - bgColor: "#525252", - mainColor: "#c5b4e3", - subColor: "#939eae", - textColor: "#b1e4e3", - }, - dark_magic_girl: { - bgColor: "#091f2c", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#a288d9", - }, - carbon: { - bgColor: "#313131", - mainColor: "#f66e0d", - subColor: "#616161", - textColor: "#f5e6c8", - }, - vesper: { - bgColor: "#101010", - mainColor: "#ffc799", - subColor: "#99ffe4", - textColor: "#ffffff", - }, - our_theme: { - bgColor: "#ce1226", - mainColor: "#fcd116", - subColor: "#6d0f19", - textColor: "#ffffff", - }, - dots: { - bgColor: "#121520", - mainColor: "#fff", - subColor: "#676e8a", - textColor: "#fff", - }, - nautilus: { - bgColor: "#132237", - mainColor: "#ebb723", - subColor: "#0b4c6c", - textColor: "#1cbaac", - }, - serika: { - bgColor: "#e1e1e3", - mainColor: "#e2b714", - subColor: "#aaaeb3", - textColor: "#323437", - }, - serika_dark: { - bgColor: "#323437", - mainColor: "#e2b714", - subColor: "#646669", - textColor: "#d1d0c5", - }, - bushido: { - bgColor: "#242933", - mainColor: "#ec4c56", - subColor: "#596172", - textColor: "#f6f0e9", - }, - red_samurai: { - bgColor: "#84202c", - mainColor: "#c79e6e", - subColor: "#55131b", - textColor: "#e2dad0", - }, - rgb: { - bgColor: "#111", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - oblivion: { - bgColor: "#313231", - mainColor: "#a5a096", - subColor: "#5d6263", - textColor: "#f7f5f1", - }, - magic_girl: { - bgColor: "#ffffff", - mainColor: "#f5b1cc", - subColor: "#93e8d3", - textColor: "#00ac8c", - }, - metropolis: { - bgColor: "#0f1f2c", - mainColor: "#56c3b7", - subColor: "#326984", - textColor: "#e4edf1", - }, - mountain: { - bgColor: "#0f0f0f", - mainColor: "#e7e7e7", - subColor: "#4c4c4c", - textColor: "#e7e7e7", - }, - laser: { - bgColor: "#221b44", - mainColor: "#009eaf", - subColor: "#b82356", - textColor: "#dbe7e8", - }, - retro: { - bgColor: "#dad3c1", - mainColor: "#1d1b17", - subColor: "#918b7d", - textColor: "#1d1b17", - }, - dracula: { - bgColor: "#282a36", - mainColor: "#bd93f9", - subColor: "#6272a4", - textColor: "#f8f8f2", - }, - nord: { - bgColor: "#242933", - mainColor: "#88C0D0", - subColor: "#2E3440", - textColor: "#88C0D0", - }, - mr_sleeves: { - bgColor: "#d1d7da", - mainColor: "#daa99b", - subColor: "#9a9fa1", - textColor: "#1d1d1d", - }, - olivia: { - bgColor: "#1c1b1d", - mainColor: "#deaf9d", - subColor: "#4e3e3e", - textColor: "#f2efed", - }, - bliss: { - bgColor: "#262727", - mainColor: "#f0d3c9", - subColor: "#665957", - textColor: "#fff", - }, - mizu: { - bgColor: "#afcbdd", - mainColor: "#fcfbf6", - subColor: "#85a5bb", - textColor: "#1a2633", - }, - metaverse: { - bgColor: "#232323", - mainColor: "#d82934", - subColor: "#5e5e5e", - textColor: "#e8e8e8", - }, - shadow: { - bgColor: "#000", - mainColor: "#eee", - subColor: "#444", - textColor: "#eee", - }, - mint: { - bgColor: "#05385b", - mainColor: "#5cdb95", - subColor: "#20688a", - textColor: "#edf5e1", - }, - miami: { - bgColor: "#f35588", - mainColor: "#05dfd7", - subColor: "#94294c", - textColor: "#f0e9ec", - }, - miami_nights: { - bgColor: "#18181a", - mainColor: "#e4609b", - subColor: "#47bac0", - textColor: "#fff", - }, - modern_dolch: { - bgColor: "#2d2e30", - mainColor: "#7eddd3", - subColor: "#54585c", - textColor: "#e3e6eb", - }, - botanical: { - bgColor: "#7b9c98", - mainColor: "#eaf1f3", - subColor: "#495755", - textColor: "#eaf1f3", - }, - bingsu: { - bgColor: "#b8a7aa", - mainColor: "#83616e", - subColor: "#48373d", - textColor: "#ebe6ea", - }, - terminal: { - bgColor: "#191a1b", - mainColor: "#79a617", - subColor: "#48494b", - textColor: "#e7eae0", - }, - lavender: { - bgColor: "#ada6c2", - mainColor: "#e4e3e9", - subColor: "#e4e3e9", - textColor: "#2f2a41", - }, - taro: { - bgColor: "#b3baff", - mainColor: "#130f1a", - subColor: "#6f6c91", - textColor: "#130f1a", - }, - striker: { - bgColor: "#124883", - mainColor: "#d7dcda", - subColor: "#0f2d4e", - textColor: "#d6dbd9", - }, - gruvbox_dark: { - bgColor: "#282828", - mainColor: "#d79921", - subColor: "#665c54", - textColor: "#ebdbb2", - }, - gruvbox_light: { - bgColor: "#fbf1c7", - mainColor: "#689d6a", - subColor: "#a89984", - textColor: "#3c3836", - }, - monokai: { - bgColor: "#272822", - mainColor: "#a6e22e", - subColor: "#e6db74", - textColor: "#e2e2dc", - }, - sonokai: { - bgColor: "#2c2e34", - mainColor: "#9ed072", - subColor: "#e7c664", - textColor: "#e2e2e3", - }, - camping: { - bgColor: "#faf1e4", - mainColor: "#618c56", - subColor: "#c2b8aa", - textColor: "#3c403b", - }, - voc: { - bgColor: "#190618", - mainColor: "#e0caac", - subColor: "#4c1e48", - textColor: "#eeeae4", - }, - vaporwave: { - bgColor: "#a4a7ea", - mainColor: "#e368da", - subColor: "#7c7faf", - textColor: "#f1ebf1", - }, - pulse: { - bgColor: "#181818", - mainColor: "#17b8bd", - subColor: "#53565a", - textColor: "#e5f4f4", - }, - matrix: { - bgColor: "#000000", - mainColor: "#15ff00", - subColor: "#006500", - textColor: "#d1ffcd", - }, - olive: { - bgColor: "#e9e5cc", - mainColor: "#92946f", - subColor: "#b7b39e", - textColor: "#373731", - }, - strawberry: { - bgColor: "#f37f83", - mainColor: "#fcfcf8", - subColor: "#e53c58", - textColor: "#fcfcf8", - }, - night_runner: { - bgColor: "#212121", - mainColor: "#feff04", - subColor: "#5c4a9c", - textColor: "#e8e8e8", - }, - cyberspace: { - bgColor: "#181c18", - mainColor: "#00ce7c", - subColor: "#9578d3", - textColor: "#c2fbe1", - }, - joker: { - bgColor: "#1a0e25", - mainColor: "#99de1e", - subColor: "#7554a3", - textColor: "#e9e2f5", - }, - dualshot: { - bgColor: "#737373", - mainColor: "#212222", - subColor: "#aaaaaa", - textColor: "#212222", - }, - solarized_dark: { - bgColor: "#002b36", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#268bd2", - }, - solarized_light: { - bgColor: "#fdf6e3", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#181819", - }, - solarized_osaka: { - bgColor: "#00141a", - mainColor: "#859900", - subColor: "#2aa198", - textColor: "#b58900", - }, - terra: { - bgColor: "#0c100e", - mainColor: "#89c559", - subColor: "#436029", - textColor: "#f0edd1", - }, - red_dragon: { - bgColor: "#1a0b0c", - mainColor: "#ff3a32", - subColor: "#e2a528", - textColor: "#4a4d4e", - }, - hammerhead: { - bgColor: "#030613", - mainColor: "#4fcdb9", - subColor: "#213c53", - textColor: "#e2f1f5", - }, - future_funk: { - bgColor: "#2e1a47", - mainColor: "#f7f2ea", - subColor: "#c18fff", - textColor: "#f7f2ea", - }, - milkshake: { - bgColor: "#ffffff", - mainColor: "#212b43", - subColor: "#62cfe6", - textColor: "#212b43", - }, - aether: { - bgColor: "#101820", - mainColor: "#eedaea", - subColor: "#cf6bdd", - textColor: "#eedaea", - }, - froyo: { - bgColor: "#e1dacb", - mainColor: "#7b7d7d", - subColor: "#b29c5e", - textColor: "#7b7d7d", - }, - retrocast: { - bgColor: "#07737a", - mainColor: "#88dbdf", - subColor: "#f3e03b", - textColor: "#ffffff", - }, - luna: { - bgColor: "#221c35", - mainColor: "#f67599", - subColor: "#5a3a7e", - textColor: "#ffe3eb", - }, - graen: { - bgColor: "#303c36", - mainColor: "#a59682", - subColor: "#181d1a", - textColor: "#a59682", - }, - bento: { - bgColor: "#2d394d", - mainColor: "#ff7a90", - subColor: "#4a768d", - textColor: "#fffaf8", - }, - watermelon: { - bgColor: "#1f4437", - mainColor: "#d6686f", - subColor: "#3e7a65", - textColor: "#cdc6bc", - }, - menthol: { - bgColor: "#00c18c", - mainColor: "#ffffff", - subColor: "#186544", - textColor: "#ffffff", - }, - ishtar: { - bgColor: "#202020", - mainColor: "#91170c", - subColor: "#847869", - textColor: "#fae1c3", - }, - mashu: { - bgColor: "#2b2b2c", - mainColor: "#76689a", - subColor: "#d8a0a6", - textColor: "#f1e2e4", - }, - deku: { - bgColor: "#058b8c", - mainColor: "#b63530", - subColor: "#255458", - textColor: "#f7f2ea", - }, - honey: { - bgColor: "#f2aa00", - mainColor: "#fff546", - subColor: "#a66b00", - textColor: "#f3eecb", - }, - shoko: { - bgColor: "#ced7e0", - mainColor: "#81c4dd", - subColor: "#7599b1", - textColor: "#3b4c58", - }, - norse: { - bgColor: "#242425", - mainColor: "#2b5f6d", - subColor: "#505b5e", - textColor: "#ccc2b1", - }, - matcha_moccha: { - bgColor: "#523525", - mainColor: "#7ec160", - subColor: "#9e6749", - textColor: "#ecddcc", - }, - cafe: { - bgColor: "#ceb18d", - mainColor: "#14120f", - subColor: "#d4d2d1", - textColor: "#14120f", - }, - alpine: { - bgColor: "#6c687f", - mainColor: "#ffffff", - subColor: "#9994b8", - textColor: "#ffffff", - }, - superuser: { - bgColor: "#262a33", - mainColor: "#43ffaf", - subColor: "#526777", - textColor: "#e5f7ef", - }, - ms_cupcakes: { - bgColor: "#ffffff", - mainColor: "#5ed5f3", - subColor: "#d64090", - textColor: "#0a282f", - }, - dollar: { - bgColor: "#e4e4d4", - mainColor: "#6b886b", - subColor: "#8a9b69", - textColor: "#555a56", - }, - lime: { - bgColor: "#7c878e", - mainColor: "#93c247", - subColor: "#4b5257", - textColor: "#bfcfdc", - }, - sweden: { - bgColor: "#0058a3", - mainColor: "#ffcc02", - subColor: "#57abdb", - textColor: "#ffffff", - }, - wavez: { - bgColor: "#1c292f", - mainColor: "#6bde3b", - subColor: "#1f5e6b", - textColor: "#e9efe6", - }, - nebula: { - bgColor: "#212135", - mainColor: "#be3c88", - subColor: "#19b3b8", - textColor: "#838686", - }, - lil_dragon: { - bgColor: "#ebe1ef", - mainColor: "#8a5bd6", - subColor: "#a28db8", - textColor: "#212b43", - }, - pastel: { - bgColor: "#e0b2bd", - mainColor: "#fbf4b6", - subColor: "#b4e9ff", - textColor: "#6d5c6f", - }, - alduin: { - bgColor: "#1c1c1c", - mainColor: "#dfd7af", - subColor: "#444444", - textColor: "#f5f3ed", - }, - paper: { - bgColor: "#eeeeee", - mainColor: "#444444", - subColor: "#b2b2b2", - textColor: "#444444", - }, - fundamentals: { - bgColor: "#727474", - mainColor: "#7fa482", - subColor: "#cac4be", - textColor: "#131313", - }, - drowning: { - bgColor: "#191826", - mainColor: "#4a6fb5", - subColor: "#50688c", - textColor: "#9393a7", - }, - iceberg_dark: { - bgColor: "#161821", - mainColor: "#84a0c6", - subColor: "#595e76", - textColor: "#c6c8d1", - }, - iceberg_light: { - bgColor: "#e8e9ec", - mainColor: "#2d539e", - subColor: "#adb1c4", - textColor: "#33374c", - }, - onedark: { - bgColor: "#2f343f", - mainColor: "#61afef", - subColor: "#eceff4", - textColor: "#98c379", - }, - darling: { - bgColor: "#fec8cd", - mainColor: "#ffffff", - subColor: "#a30000", - textColor: "#ffffff", - }, - repose_dark: { - bgColor: "#2f3338", - mainColor: "#d6d2bc", - subColor: "#8f8e84", - textColor: "#d6d2bc", - }, - repose_light: { - bgColor: "#efead0", - mainColor: "#5f605e", - subColor: "#8f8e84", - textColor: "#333538", - }, - horizon: { - bgColor: "#1c1e26", - mainColor: "#c4a88a", - subColor: "#db886f", - textColor: "#bbbbbb", - }, - rudy: { - bgColor: "#1a2b3e", - mainColor: "#af8f5c", - subColor: "#3a506c", - textColor: "#c9c8bf", - }, - stealth: { - bgColor: "#010203", - mainColor: "#383e42", - subColor: "#5e676e", - textColor: "#383e42", - }, - "80s_after_dark": { - bgColor: "#1b1d36", - mainColor: "#fca6d1", - subColor: "#99d6ea", - textColor: "#e1e7ec", - }, - arch: { - bgColor: "#0c0d11", - mainColor: "#7ebab5", - subColor: "#454864", - textColor: "#f6f5f5", - }, - rose_pine: { - bgColor: "#1f1d27", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_moon: { - bgColor: "#2a273f", - mainColor: "#9ccfd8", - subColor: "#c4a7e7", - textColor: "#e0def4", - }, - rose_pine_dawn: { - bgColor: "#fffaf3", - mainColor: "#56949f", - subColor: "#c4a7e7", - textColor: "#286983", - }, - copper: { - bgColor: "#442f29", - mainColor: "#b46a55", - subColor: "#7ebab5", - textColor: "#e7e0de", - }, - grand_prix: { - bgColor: "#36475c", - mainColor: "#c0d036", - subColor: "#5c6c80", - textColor: "#c1c7d7", - }, - peaches: { - bgColor: "#e0d7c1", - mainColor: "#dd7a5f", - subColor: "#e7b28e", - textColor: "#5f4c41", - }, - bouquet: { - bgColor: "#173f35", - mainColor: "#eaa09c", - subColor: "#408e7b", - textColor: "#e9e0d2", - }, - midnight: { - bgColor: "#0b0e13", - mainColor: "#60759f", - subColor: "#394760", - textColor: "#9fadc6", - }, - blueberry_light: { - bgColor: "#dae0f5", - mainColor: "#506477", - subColor: "#92a4be", - textColor: "#678198", - }, - blueberry_dark: { - bgColor: "#212b42", - mainColor: "#add7ff", - subColor: "#5c7da5", - textColor: "#91b4d5", - }, - fledgling: { - bgColor: "#3b363f", - mainColor: "#fc6e83", - subColor: "#8e5568", - textColor: "#e6d5d3", - }, - ez_mode: { - bgColor: "#0068c6", - mainColor: "#fa62d5", - subColor: "#138bf7", - textColor: "#ffffff", - }, - vscode: { - bgColor: "#1e1e1e", - mainColor: "#007acc", - subColor: "#4d4d4d", - textColor: "#d4d4d4", - }, - material: { - bgColor: "#263238", - mainColor: "#80cbc4", - subColor: "#4c6772", - textColor: "#e6edf3", - }, - godspeed: { - bgColor: "#eae4cf", - mainColor: "#9abbcd", - subColor: "#ada998", - textColor: "#646669", - }, - witch_girl: { - bgColor: "#f3dbda", - mainColor: "#56786a", - subColor: "#ddb4a7", - textColor: "#56786a", - }, - terror_below: { - bgColor: "#0b1e1a", - mainColor: "#66ac92", - subColor: "#015c53", - textColor: "#dceae5", - }, - sewing_tin: { - bgColor: "#241963", - mainColor: "#f2ce83", - subColor: "#446ad5", - textColor: "#ffffff", - }, - soaring_skies: { - bgColor: "#fff9f2", - mainColor: "#55c6f0", - subColor: "#1e107a", - textColor: "#1d1e1e", - }, - sewing_tin_light: { - bgColor: "#ffffff", - mainColor: "#2d2076", - subColor: "#385eca", - textColor: "#2d2076", - }, - chaos_theory: { - bgColor: "#141221", - mainColor: "#fd77d7", - subColor: "#676e8a", - textColor: "#dde5ed", - }, - hanok: { - bgColor: "#d8d2c3", - mainColor: "#513a2a", - subColor: "#8b6f5c", - textColor: "#393b3b", - }, - comfy: { - bgColor: "#4a5b6e", - mainColor: "#f8cdc6", - subColor: "#9ec1cc", - textColor: "#f5efee", - }, - tiramisu: { - bgColor: "#cfc6b9", - mainColor: "#c0976f", - subColor: "#c0976f", - textColor: "#7d5448", - }, - diner: { - bgColor: "#537997", - mainColor: "#c3af5b", - subColor: "#445c7f", - textColor: "#dfdbc8", - }, - modern_ink: { - bgColor: "#ffffff", - mainColor: "#ff360d", - subColor: "#b7b7b7", - textColor: "#000000", - }, - dev: { - bgColor: "#1b2028", - mainColor: "#23a9d5", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - moonlight: { - bgColor: "#191f28", - mainColor: "#c69f68", - subColor: "#4b5975", - textColor: "#ccccb5", - }, - pink_lemonade: { - bgColor: "#f6d992", - mainColor: "#f6a192", - subColor: "#f6b092", - textColor: "#fcfcf8", - }, - creamsicle: { - bgColor: "#ff9869", - mainColor: "#fcfcf8", - subColor: "#ff661f", - textColor: "#fcfcf8", - }, - beach: { - bgColor: "#ffeead", - mainColor: "#96ceb4", - subColor: "#ffcc5c", - textColor: "#5b7869", - }, - desert_oasis: { - bgColor: "#fff2d5", - mainColor: "#d19d01", - subColor: "#0061fe", - textColor: "#332800", - }, - frozen_llama: { - bgColor: "#9bf2ea", - mainColor: "#6d44a6", - subColor: "#b690fd", - textColor: "#ffffff", - }, - ryujinscales: { - bgColor: "#081426", - mainColor: "#f17754", - subColor: "#ffbc90", - textColor: "#ffe4bc", - }, - trackday: { - bgColor: "#464d66", - mainColor: "#e0513e", - subColor: "#5c7eb9", - textColor: "#cfcfcf", - }, - fruit_chew: { - bgColor: "#d6d3d6", - mainColor: "#5c1e5f", - subColor: "#b49cb5", - textColor: "#282528", - }, - evil_eye: { - bgColor: "#0084c2", - mainColor: "#f7f2ea", - subColor: "#01589f", - textColor: "#171718", - }, - trance: { - bgColor: "#00021b", - mainColor: "#e51376", - subColor: "#3c4c79", - textColor: "#fff", - }, - fire: { - bgColor: "#0f0000", - mainColor: "#b31313", - subColor: "#683434", - textColor: "#ffffff", - }, - aurora: { - bgColor: "#011926", - mainColor: "#00e980", - subColor: "#245c69", - textColor: "#fff", - }, - leather: { - bgColor: "#a86948", - mainColor: "#ffe4bc", - subColor: "#81482b", - textColor: "#ffe4bc", - }, - fleuriste: { - bgColor: "#c6b294", - mainColor: "#405a52", - subColor: "#64374d", - textColor: "#091914", - }, - dmg: { - bgColor: "#dadbdc", - mainColor: "#ae185e", - subColor: "#3846b1", - textColor: "#414141", - }, - catppuccin: { - bgColor: "#1e1e2e", - mainColor: "#cba6f7", - subColor: "#7f849c", - textColor: "#cdd6f4", - }, - snes: { - bgColor: "#bfbec2", - mainColor: "#553d94", - subColor: "#9f8ad4", - textColor: "#2e2e2e", - }, - passion_fruit: { - bgColor: "#7c2142", - mainColor: "#f4a3b4", - subColor: "#9994b8", - textColor: "#ffffff", - }, - blue_dolphin: { - bgColor: "#003950", - mainColor: "#ffcefb", - subColor: "#00e4ff", - textColor: "#82eaff", - }, - mexican: { - bgColor: "#f8ad34", - mainColor: "#b12189", - subColor: "#333", - textColor: "#eee", - }, - husqy: { - bgColor: "#000000", - mainColor: "#c58aff", - subColor: "#972fff", - textColor: "#ebd7ff", - }, - peach_blossom: { - bgColor: "#292929", - mainColor: "#99b898", - subColor: "#616161", - textColor: "#fecea8", - }, - dino: { - bgColor: "#ffffff", - mainColor: "#40d672", - subColor: "#d5d5d5", - textColor: "#1d221f", - }, - tron_orange: { - bgColor: "#0d1c1c", - mainColor: "#f0e800", - subColor: "#ff6600", - textColor: "#ffffff", - }, - hedge: { - bgColor: "#415e31", - mainColor: "#6a994e", - subColor: "#ede5b4", - textColor: "#f7f1d6", - }, - modern_dolch_light: { - bgColor: "#dbdbdb", - mainColor: "#8fd1c3", - subColor: "#acacac", - textColor: "#454545", - }, - iv_spade: { - bgColor: "#0c0c0c", - mainColor: "#b7976a", - subColor: "#404040", - textColor: "#d3c2c3", - }, - iv_clover: { - bgColor: "#a0a0a0", - mainColor: "#573e40", - subColor: "#353535", - textColor: "#3b2d3b", - }, - cheesecake: { - bgColor: "#fdf0d5", - mainColor: "#8e2949", - subColor: "#d91c81", - textColor: "#3a3335", - }, - earthsong: { - bgColor: "#292521", - mainColor: "#509452", - subColor: "#f5ae2d", - textColor: "#e6c7a8", - }, - purpleish: { - bgColor: "#1e1e32", - mainColor: "#7a52cc", - subColor: "#3d3d66", - textColor: "#7a52cc", - }, - nord_light: { - bgColor: "#eceff4", - mainColor: "#8fbcbb", - subColor: "#6a7791", - textColor: "#8fbcbb", - }, - slambook: { - bgColor: "#FFFDDE", - mainColor: "#13005A", - subColor: "#1c82adc4", - textColor: "#125d98", - }, - breeze: { - bgColor: "#e8d5c4", - mainColor: "#7d67a9", - subColor: "#3a98b9", - textColor: "#1b4c5e", - }, - cherry_blossom: { - bgColor: "#323437", - mainColor: "#d65ccc", - subColor: "#787d82", - textColor: "#d1d0c5", - }, - everblush: { - bgColor: "#141b1e", - mainColor: "#8ccf7e", - subColor: "#838887", - textColor: "#dadada", - }, - grape: { - bgColor: "#2c003e", - mainColor: "#ff8f00", - subColor: "#651e56", - textColor: "#fff", - }, - rainbow_trail: { - bgColor: "#f5f5f5", - mainColor: "#363636", - subColor: "#4f4f4f", - textColor: "#1f1f1f", - }, - tangerine: { - bgColor: "#ffede0", - mainColor: "#fe5503", - subColor: "#ff9562", - textColor: "#3d1705", - }, - macroblank: { - bgColor: "#b2d2c8", - mainColor: "#c13117", - subColor: "#717977", - textColor: "#490909", - }, - anti_hero: { - bgColor: "#00002e", - mainColor: "#ffadad", - subColor: "#ff3d8b", - textColor: "#f1deef", - }, - incognito: { - bgColor: "#0e0e0e", - mainColor: "#ff9900", - subColor: "#2f2f2f", - textColor: "#c6c6c6", - }, - discord: { - bgColor: "#313338", - mainColor: "#5a65ea", - subColor: "#565861", - textColor: "#dcdee3", - }, - cy_red: { - bgColor: "#6e2626", - mainColor: "#e55050", - subColor: "#ff6060", - textColor: "#ffaaaa", - }, - floret: { - bgColor: "#00272c", - mainColor: " #ffdd6d", - subColor: "#779097", - textColor: "#E5E5E5", - }, - lilac_mist: { - bgColor: "#fffbfe", - mainColor: "#b94189", - subColor: "#e094c2", - textColor: "#5c2954", - }, - terrazzo: { - bgColor: "#f1e5da", - mainColor: "#e0794e", - subColor: "#688e8f", - textColor: "#023e3b", - }, - suisei: { - bgColor: "#3b4a62", - mainColor: "#bef0ff", - subColor: "#fe9841", - textColor: "#dbdeeb", - }, - github: { - bgColor: "#212830", - mainColor: "#41ce5c", - subColor: "#788386", - textColor: "#ccdae6", - }, - sunset: { - bgColor: "#211e24", - mainColor: "#f79777", - subColor: "#5b578e", - textColor: "#f4e0c9", - }, - lghs_wildchats: { - bgColor: "#141414", - mainColor: "#f37128", - subColor: "#ffa061", - textColor: "#ffffff", - }, -}; - -export const ThemesList: Theme[] = Object.keys(themes) - .sort() - .map( - (it) => - ({ - ...themes[it as 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/.history/static/themes/lghs_wildchats_20251027151107.css b/frontend/.history/static/themes/lghs_wildchats_20251027151107.css deleted file mode 100644 index e69de29bb2d1..000000000000 diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151116.css b/frontend/.history/static/themes/lghs_wildchats_20251027151116.css deleted file mode 100644 index 08816d178267..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027151116.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #ffffff; - --main-color: #ffffff; - --caret-color: #ffffff; - --sub-color: #ffffff; - --sub-alt-color: #ffffff; - --text-color: #ffffff; - --error-color: #ffffff; - --error-extra-color: #ffffff; - --colorful-error-color: #ffffff; - --colorful-error-extra-color: #ffffff; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151138.css b/frontend/.history/static/themes/lghs_wildchats_20251027151138.css deleted file mode 100644 index 8b8b3fa287d1..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027151138.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: #ffffff; - --caret-color: #ffffff; - --sub-color: #ffffff; - --sub-alt-color: #ffffff; - --text-color: #ffffff; - --error-color: #ffffff; - --error-extra-color: #ffffff; - --colorful-error-color: #ffffff; - --colorful-error-extra-color: #ffffff; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151150.css b/frontend/.history/static/themes/lghs_wildchats_20251027151150.css deleted file mode 100644 index d03500ddd007..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027151150.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: dv; - --caret-color: #ffffff; - --sub-color: #ffffff; - --sub-alt-color: #ffffff; - --text-color: #ffffff; - --error-color: #ffffff; - --error-extra-color: #ffffff; - --colorful-error-color: #ffffff; - --colorful-error-extra-color: #ffffff; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151152.css b/frontend/.history/static/themes/lghs_wildchats_20251027151152.css deleted file mode 100644 index 911d3fad3f4d..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027151152.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #ffffff; - --sub-color: #ffffff; - --sub-alt-color: #ffffff; - --text-color: #ffffff; - --error-color: #ffffff; - --error-extra-color: #ffffff; - --colorful-error-color: #ffffff; - --colorful-error-extra-color: #ffffff; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151159.css b/frontend/.history/static/themes/lghs_wildchats_20251027151159.css deleted file mode 100644 index 20eac2096c8e..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027151159.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #a18463; - --sub-color: #ffffff; - --sub-alt-color: #ffffff; - --text-color: #ffffff; - --error-color: #ffffff; - --error-extra-color: #ffffff; - --colorful-error-color: #ffffff; - --colorful-error-extra-color: #ffffff; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151207.css b/frontend/.history/static/themes/lghs_wildchats_20251027151207.css deleted file mode 100644 index 9432e6030f8d..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027151207.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #a18463; - --sub-color: #4a494f; - --sub-alt-color: #ffffff; - --text-color: #ffffff; - --error-color: #ffffff; - --error-extra-color: #ffffff; - --colorful-error-color: #ffffff; - --colorful-error-extra-color: #ffffff; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151219.css b/frontend/.history/static/themes/lghs_wildchats_20251027151219.css deleted file mode 100644 index 7efe000c54f7..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027151219.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #a18463; - --sub-color: #ffa061; - --sub-alt-color: #ffffff; - --text-color: #ffffff; - --error-color: #ffffff; - --error-extra-color: #ffffff; - --colorful-error-color: #ffffff; - --colorful-error-extra-color: #ffffff; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027151227.css b/frontend/.history/static/themes/lghs_wildchats_20251027151227.css deleted file mode 100644 index c9f4a8311fc4..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027151227.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #a18463; - --sub-color: #ffa061; - --sub-alt-color: #4a494f; - --text-color: #ffffff; - --error-color: #ffffff; - --error-extra-color: #ffffff; - --colorful-error-color: #ffffff; - --colorful-error-extra-color: #ffffff; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027152620.css b/frontend/.history/static/themes/lghs_wildchats_20251027152620.css deleted file mode 100644 index 27f4d6a0c529..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027152620.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #a18463; - --sub-color: #ffa061; - --sub-alt-color: #4a494f; - --text-color: #ffffff; - --error-color: #ff6666; - --error-extra-color: #ffffff; - --colorful-error-color: #ffffff; - --colorful-error-extra-color: #ffffff; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027152628.css b/frontend/.history/static/themes/lghs_wildchats_20251027152628.css deleted file mode 100644 index 5484558423a3..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027152628.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #a18463; - --sub-color: #ffa061; - --sub-alt-color: #4a494f; - --text-color: #ffffff; - --error-color: #ff6666; - --error-extra-color: dv; - --colorful-error-color: #ffffff; - --colorful-error-extra-color: #ffffff; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027152630.css b/frontend/.history/static/themes/lghs_wildchats_20251027152630.css deleted file mode 100644 index 60fd98109538..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027152630.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #a18463; - --sub-color: #ffa061; - --sub-alt-color: #4a494f; - --text-color: #ffffff; - --error-color: #ff6666; - --error-extra-color: #ff0000; - --colorful-error-color: #ffffff; - --colorful-error-extra-color: #ffffff; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027152649.css b/frontend/.history/static/themes/lghs_wildchats_20251027152649.css deleted file mode 100644 index 86f8d2eb70d0..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027152649.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #a18463; - --sub-color: #ffa061; - --sub-alt-color: #4a494f; - --text-color: #ffffff; - --error-color: #ff6666; - --error-extra-color: #ff0000; - --colorful-error-color: #c35555; - --colorful-error-extra-color: #ffffff; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027153206.css b/frontend/.history/static/themes/lghs_wildchats_20251027153206.css deleted file mode 100644 index e037f9c75c62..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027153206.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #a18463; - --sub-color: #ffa061; - --sub-alt-color: #4a494f; - --text-color: #ffffff; - --error-color: #ff6666; - --error-extra-color: #ff0000; - --colorful-error-color: #c35555; - --colorful-error-extra-color: #c70000; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027153215.css b/frontend/.history/static/themes/lghs_wildchats_20251027153215.css deleted file mode 100644 index 60fd98109538..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027153215.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #a18463; - --sub-color: #ffa061; - --sub-alt-color: #4a494f; - --text-color: #ffffff; - --error-color: #ff6666; - --error-extra-color: #ff0000; - --colorful-error-color: #ffffff; - --colorful-error-extra-color: #ffffff; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027153218.css b/frontend/.history/static/themes/lghs_wildchats_20251027153218.css deleted file mode 100644 index a7007687b619..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027153218.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #a18463; - --sub-color: #ffa061; - --sub-alt-color: #4a494f; - --text-color: #ffffff; - --error-color: #ff6666; - --error-extra-color: ; - --colorful-error-color: #ffffff; - --colorful-error-extra-color: #ffffff; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027153219.css b/frontend/.history/static/themes/lghs_wildchats_20251027153219.css deleted file mode 100644 index 5484558423a3..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027153219.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #a18463; - --sub-color: #ffa061; - --sub-alt-color: #4a494f; - --text-color: #ffffff; - --error-color: #ff6666; - --error-extra-color: dv; - --colorful-error-color: #ffffff; - --colorful-error-extra-color: #ffffff; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027153223.css b/frontend/.history/static/themes/lghs_wildchats_20251027153223.css deleted file mode 100644 index e037f9c75c62..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027153223.css +++ /dev/null @@ -1,12 +0,0 @@ - :root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #a18463; - --sub-color: #ffa061; - --sub-alt-color: #4a494f; - --text-color: #ffffff; - --error-color: #ff6666; - --error-extra-color: #ff0000; - --colorful-error-color: #c35555; - --colorful-error-extra-color: #c70000; - } \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027153242.css b/frontend/.history/static/themes/lghs_wildchats_20251027153242.css deleted file mode 100644 index c28b114056a3..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027153242.css +++ /dev/null @@ -1,12 +0,0 @@ -:root { ---bg-color: #141414; ---main-color: #f37128; ---caret-color: #a18463; ---sub-color: #ffa061; ---sub-alt-color: #4a494f; ---text-color: #ffffff; ---error-color: #ff6666; ---error-extra-color: #ff0000; ---colorful-error-color: #c35555; ---colorful-error-extra-color: #c70000; -} \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027154356.css b/frontend/.history/static/themes/lghs_wildchats_20251027154356.css deleted file mode 100644 index d026fd59d654..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027154356.css +++ /dev/null @@ -1,12 +0,0 @@ -:root { ---bg-color: #141414; ---main-color: #f37128; ---caret-color: #a18463; ---sub-color: #ffa061; ---sub-alt-color: #4a494f; ---text-color: #ffffff; ---error-color: #ff6666; ---error-extra-color: #ff0000; ---colorful-error-color: #c35555; ---colorful-error-extra-color: #c70000; -}qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027154406.css b/frontend/.history/static/themes/lghs_wildchats_20251027154406.css deleted file mode 100644 index c28b114056a3..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027154406.css +++ /dev/null @@ -1,12 +0,0 @@ -:root { ---bg-color: #141414; ---main-color: #f37128; ---caret-color: #a18463; ---sub-color: #ffa061; ---sub-alt-color: #4a494f; ---text-color: #ffffff; ---error-color: #ff6666; ---error-extra-color: #ff0000; ---colorful-error-color: #c35555; ---colorful-error-extra-color: #c70000; -} \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027154421.css b/frontend/.history/static/themes/lghs_wildchats_20251027154421.css deleted file mode 100644 index def739bf30da..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027154421.css +++ /dev/null @@ -1,12 +0,0 @@ -:root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #a18463; - --sub-color: #ffa061; - --sub-alt-color: #4a494f; - --text-color: #ffffff; - --error-color: #ff6666; - --error-extra-color: #ff0000; - --colorful-error-color: #c35555; - --colorful-error-extra-color: #c70000; -} \ No newline at end of file diff --git a/frontend/.history/static/themes/lghs_wildchats_20251027154445.css b/frontend/.history/static/themes/lghs_wildchats_20251027154445.css deleted file mode 100644 index f3f310a9c67d..000000000000 --- a/frontend/.history/static/themes/lghs_wildchats_20251027154445.css +++ /dev/null @@ -1,12 +0,0 @@ -:root { - --bg-color: #141414; - --main-color: #f37128; - --caret-color: #a18463; - --sub-color: #ffa061; - --sub-alt-color: #4a494f; - --text-color: #ffffff; - --error-color: #ff6666; - --error-extra-color: #ff0000; - --colorful-error-color: #c35555; - --colorful-error-extra-color: #c70000; -} diff --git a/frontend/.history/static/themes/terror_below_20251026214629.css b/frontend/.history/static/themes/terror_below_20251026214629.css deleted file mode 100644 index 4532483efeed..000000000000 --- a/frontend/.history/static/themes/terror_below_20251026214629.css +++ /dev/null @@ -1,12 +0,0 @@ -:root { - --bg-color: #0b1e1a; - --caret-color: #66ac92; - --main-color: #66ac92; - --sub-color: #015c53; - --sub-alt-color: #041715; - --text-color: #dceae5; - --error-color: #bf616a; - --error-extra-color: #793e44; - --colorful-error-color: #bf616a; - --colorful-error-extra-color: #793e44; -} diff --git a/frontend/.history/static/themes/terror_below_20251027153505.css b/frontend/.history/static/themes/terror_below_20251027153505.css deleted file mode 100644 index 203845a04466..000000000000 --- a/frontend/.history/static/themes/terror_below_20251027153505.css +++ /dev/null @@ -1,12 +0,0 @@ -:root { - --bg-color: #0b1e1a; - --caret-color: #66ac92; - --main-color: #66ac92; - --sub-color: #015c53; - --sub-alt-color: #041715; - --text-color: #dceae5; - --error-color: #bf616a; - --error-extra-color: #793e44; - --colorful-error-color: #c35555; - --colorful-error-extra-color: #793e44; -} diff --git a/frontend/.history/static/themes/terror_below_20251027153528.css b/frontend/.history/static/themes/terror_below_20251027153528.css deleted file mode 100644 index 9d359e65003e..000000000000 --- a/frontend/.history/static/themes/terror_below_20251027153528.css +++ /dev/null @@ -1,12 +0,0 @@ -:root { - --bg-color: #0b1e1a; - --caret-color: #66ac92; - --main-color: #66ac92; - --sub-color: #015c53; - --sub-alt-color: #041715; - --text-color: #dceae5; - --error-color: #bf616a; - --error-extra-color: #793e44; - --colorful-error-color: #c35555; - --colorful-error-extra-color: #c70000; -} diff --git a/frontend/.history/static/themes/terror_below_20251027153543.css b/frontend/.history/static/themes/terror_below_20251027153543.css deleted file mode 100644 index 46eee3ff1837..000000000000 --- a/frontend/.history/static/themes/terror_below_20251027153543.css +++ /dev/null @@ -1,12 +0,0 @@ -:root { - --bg-color: #0b1e1a; - --caret-color: #66ac92; - --main-color: #66ac92; - --sub-color: #015c53; - --sub-alt-color: #041715; - --text-color: #dceae5; - --error-color: #ff6666; - --error-extra-color: #793e44; - --colorful-error-color: #c35555; - --colorful-error-extra-color: #c70000; -} diff --git a/frontend/.history/static/themes/terror_below_20251027154257.css b/frontend/.history/static/themes/terror_below_20251027154257.css deleted file mode 100644 index 4532483efeed..000000000000 --- a/frontend/.history/static/themes/terror_below_20251027154257.css +++ /dev/null @@ -1,12 +0,0 @@ -:root { - --bg-color: #0b1e1a; - --caret-color: #66ac92; - --main-color: #66ac92; - --sub-color: #015c53; - --sub-alt-color: #041715; - --text-color: #dceae5; - --error-color: #bf616a; - --error-extra-color: #793e44; - --colorful-error-color: #bf616a; - --colorful-error-extra-color: #793e44; -} diff --git a/frontend/.history/static/themes/terror_below_20251027154302.css b/frontend/.history/static/themes/terror_below_20251027154302.css deleted file mode 100644 index 3ad996fa4095..000000000000 --- a/frontend/.history/static/themes/terror_below_20251027154302.css +++ /dev/null @@ -1,12 +0,0 @@ -:root { - --bg-color: #0b1e1a; - --caret-color: #66ac92; - --main-color: #66ac92; - --sub-color: #015c53; - --sub-alt-color: #041715; - --text-color: #dceae5; - --error-color: #bf616a; - --error-extra-color: #793e44; - --colorful-error-color: dz; - --colorful-error-extra-color: #793e44; -} diff --git a/frontend/.history/static/themes/terror_below_20251027154320.css b/frontend/.history/static/themes/terror_below_20251027154320.css deleted file mode 100644 index 4532483efeed..000000000000 --- a/frontend/.history/static/themes/terror_below_20251027154320.css +++ /dev/null @@ -1,12 +0,0 @@ -:root { - --bg-color: #0b1e1a; - --caret-color: #66ac92; - --main-color: #66ac92; - --sub-color: #015c53; - --sub-alt-color: #041715; - --text-color: #dceae5; - --error-color: #bf616a; - --error-extra-color: #793e44; - --colorful-error-color: #bf616a; - --colorful-error-extra-color: #793e44; -} From 772eee4d3b74779c1a0756e37647f250e5a7a15e Mon Sep 17 00:00:00 2001 From: connermcnicholas <38020254+conner-mcnicholas@users.noreply.github.com> Date: Mon, 27 Oct 2025 17:12:35 -0700 Subject: [PATCH 3/3] Delete packages/.history/schemas/src directory --- .../schemas/src/themes_20251026214629.ts | 194 ----------------- .../schemas/src/themes_20251027144324.ts | 195 ------------------ .../schemas/src/themes_20251027144333.ts | 195 ------------------ .../schemas/src/themes_20251027144335.ts | 195 ------------------ .../schemas/src/themes_20251027144339.ts | 195 ------------------ .../schemas/src/themes_20251027154607.ts | 195 ------------------ .../schemas/src/themes_20251027154614.ts | 195 ------------------ .../schemas/src/themes_20251027154617.ts | 195 ------------------ .../schemas/src/themes_20251027154618.ts | 195 ------------------ 9 files changed, 1754 deletions(-) delete mode 100644 packages/.history/schemas/src/themes_20251026214629.ts delete mode 100644 packages/.history/schemas/src/themes_20251027144324.ts delete mode 100644 packages/.history/schemas/src/themes_20251027144333.ts delete mode 100644 packages/.history/schemas/src/themes_20251027144335.ts delete mode 100644 packages/.history/schemas/src/themes_20251027144339.ts delete mode 100644 packages/.history/schemas/src/themes_20251027154607.ts delete mode 100644 packages/.history/schemas/src/themes_20251027154614.ts delete mode 100644 packages/.history/schemas/src/themes_20251027154617.ts delete mode 100644 packages/.history/schemas/src/themes_20251027154618.ts diff --git a/packages/.history/schemas/src/themes_20251026214629.ts b/packages/.history/schemas/src/themes_20251026214629.ts deleted file mode 100644 index c7c8c548ad4a..000000000000 --- a/packages/.history/schemas/src/themes_20251026214629.ts +++ /dev/null @@ -1,194 +0,0 @@ -import { z } from "zod"; -import { customEnumErrorHandler } from "./util"; - -export const ThemeNameSchema = z.enum( - [ - "8008", - "80s_after_dark", - "9009", - "aether", - "alduin", - "alpine", - "anti_hero", - "arch", - "aurora", - "beach", - "bento", - "bingsu", - "bliss", - "blue_dolphin", - "blueberry_dark", - "blueberry_light", - "botanical", - "bouquet", - "breeze", - "bushido", - "cafe", - "camping", - "carbon", - "catppuccin", - "chaos_theory", - "cheesecake", - "cherry_blossom", - "comfy", - "copper", - "creamsicle", - "cy_red", - "cyberspace", - "dark", - "dark_magic_girl", - "dark_note", - "darling", - "deku", - "desert_oasis", - "dev", - "diner", - "dino", - "discord", - "dmg", - "dollar", - "dots", - "dracula", - "drowning", - "dualshot", - "earthsong", - "everblush", - "evil_eye", - "ez_mode", - "fire", - "fledgling", - "fleuriste", - "floret", - "froyo", - "frozen_llama", - "fruit_chew", - "fundamentals", - "future_funk", - "github", - "godspeed", - "graen", - "grand_prix", - "grape", - "gruvbox_dark", - "gruvbox_light", - "hammerhead", - "hanok", - "hedge", - "honey", - "horizon", - "husqy", - "iceberg_dark", - "iceberg_light", - "incognito", - "ishtar", - "iv_clover", - "iv_spade", - "joker", - "laser", - "lavender", - "leather", - "lil_dragon", - "lilac_mist", - "lime", - "luna", - "macroblank", - "magic_girl", - "mashu", - "matcha_moccha", - "material", - "matrix", - "menthol", - "metaverse", - "metropolis", - "mexican", - "miami", - "miami_nights", - "midnight", - "milkshake", - "mint", - "mizu", - "modern_dolch", - "modern_dolch_light", - "modern_ink", - "monokai", - "moonlight", - "mountain", - "mr_sleeves", - "ms_cupcakes", - "muted", - "nautilus", - "nebula", - "night_runner", - "nord", - "nord_light", - "norse", - "oblivion", - "olive", - "olivia", - "onedark", - "our_theme", - "paper", - "passion_fruit", - "pastel", - "peach_blossom", - "peaches", - "phantom", - "pink_lemonade", - "pulse", - "purpleish", - "rainbow_trail", - "red_dragon", - "red_samurai", - "repose_dark", - "repose_light", - "retro", - "retrocast", - "rgb", - "rose_pine", - "rose_pine_dawn", - "rose_pine_moon", - "rudy", - "ryujinscales", - "serika", - "serika_dark", - "sewing_tin", - "sewing_tin_light", - "shadow", - "shoko", - "slambook", - "snes", - "soaring_skies", - "solarized_dark", - "solarized_light", - "solarized_osaka", - "sonokai", - "stealth", - "strawberry", - "striker", - "suisei", - "sunset", - "superuser", - "sweden", - "tangerine", - "taro", - "terminal", - "terra", - "terrazzo", - "terror_below", - "tiramisu", - "trackday", - "trance", - "tron_orange", - "vaporwave", - "vesper", - "viridescent", - "voc", - "vscode", - "watermelon", - "wavez", - "witch_girl", - ], - { - errorMap: customEnumErrorHandler("Must be a known theme"), - } -); diff --git a/packages/.history/schemas/src/themes_20251027144324.ts b/packages/.history/schemas/src/themes_20251027144324.ts deleted file mode 100644 index dac72e3a01ab..000000000000 --- a/packages/.history/schemas/src/themes_20251027144324.ts +++ /dev/null @@ -1,195 +0,0 @@ -import { z } from "zod"; -import { customEnumErrorHandler } from "./util"; - -export const ThemeNameSchema = z.enum( - [ - "8008", - "80s_after_dark", - "9009", - "aether", - "alduin", - "alpine", - "anti_hero", - "arch", - "aurora", - "beach", - "bento", - "bingsu", - "bliss", - "blue_dolphin", - "blueberry_dark", - "blueberry_light", - "botanical", - "bouquet", - "breeze", - "bushido", - "cafe", - "camping", - "carbon", - "catppuccin", - "chaos_theory", - "cheesecake", - "cherry_blossom", - "comfy", - "copper", - "creamsicle", - "cy_red", - "cyberspace", - "dark", - "dark_magic_girl", - "dark_note", - "darling", - "deku", - "desert_oasis", - "dev", - "diner", - "dino", - "discord", - "dmg", - "dollar", - "dots", - "dracula", - "drowning", - "dualshot", - "earthsong", - "everblush", - "evil_eye", - "ez_mode", - "fire", - "fledgling", - "fleuriste", - "floret", - "froyo", - "frozen_llama", - "fruit_chew", - "fundamentals", - "future_funk", - "github", - "godspeed", - "graen", - "grand_prix", - "grape", - "gruvbox_dark", - "gruvbox_light", - "hammerhead", - "hanok", - "hedge", - "honey", - "horizon", - "husqy", - "iceberg_dark", - "iceberg_light", - "incognito", - "ishtar", - "iv_clover", - "iv_spade", - "joker", - "laser", - "lavender", - "leather", - "lil_dragon", - "lilac_mist", - "lime", - "luna", - "macroblank", - "magic_girl", - "mashu", - "matcha_moccha", - "material", - "matrix", - "menthol", - "metaverse", - "metropolis", - "mexican", - "miami", - "miami_nights", - "midnight", - "milkshake", - "mint", - "mizu", - "modern_dolch", - "modern_dolch_light", - "modern_ink", - "monokai", - "moonlight", - "mountain", - "mr_sleeves", - "ms_cupcakes", - "muted", - "nautilus", - "nebula", - "night_runner", - "nord", - "nord_light", - "norse", - "oblivion", - "olive", - "olivia", - "onedark", - "our_theme", - "paper", - "passion_fruit", - "pastel", - "peach_blossom", - "peaches", - "phantom", - "pink_lemonade", - "pulse", - "purpleish", - "rainbow_trail", - "red_dragon", - "red_samurai", - "repose_dark", - "repose_light", - "retro", - "retrocast", - "rgb", - "rose_pine", - "rose_pine_dawn", - "rose_pine_moon", - "rudy", - "ryujinscales", - "serika", - "serika_dark", - "sewing_tin", - "sewing_tin_light", - "shadow", - "shoko", - "slambook", - "snes", - "soaring_skies", - "solarized_dark", - "solarized_light", - "solarized_osaka", - "sonokai", - "stealth", - "strawberry", - "striker", - "suisei", - "sunset", - "superuser", - "sweden", - "tangerine", - "taro", - "terminal", - "terra", - "terrazzo", - "terror_below", - "tiramisu", - "trackday", - "trance", - "tron_orange", - "vaporwave", - "vesper", - "viridescent", - "voc", - "vscode", - "watermelon", - "wavez", - "witch_girl", - - ], - { - errorMap: customEnumErrorHandler("Must be a known theme"), - } -); diff --git a/packages/.history/schemas/src/themes_20251027144333.ts b/packages/.history/schemas/src/themes_20251027144333.ts deleted file mode 100644 index a1457831d1b4..000000000000 --- a/packages/.history/schemas/src/themes_20251027144333.ts +++ /dev/null @@ -1,195 +0,0 @@ -import { z } from "zod"; -import { customEnumErrorHandler } from "./util"; - -export const ThemeNameSchema = z.enum( - [ - "8008", - "80s_after_dark", - "9009", - "aether", - "alduin", - "alpine", - "anti_hero", - "arch", - "aurora", - "beach", - "bento", - "bingsu", - "bliss", - "blue_dolphin", - "blueberry_dark", - "blueberry_light", - "botanical", - "bouquet", - "breeze", - "bushido", - "cafe", - "camping", - "carbon", - "catppuccin", - "chaos_theory", - "cheesecake", - "cherry_blossom", - "comfy", - "copper", - "creamsicle", - "cy_red", - "cyberspace", - "dark", - "dark_magic_girl", - "dark_note", - "darling", - "deku", - "desert_oasis", - "dev", - "diner", - "dino", - "discord", - "dmg", - "dollar", - "dots", - "dracula", - "drowning", - "dualshot", - "earthsong", - "everblush", - "evil_eye", - "ez_mode", - "fire", - "fledgling", - "fleuriste", - "floret", - "froyo", - "frozen_llama", - "fruit_chew", - "fundamentals", - "future_funk", - "github", - "godspeed", - "graen", - "grand_prix", - "grape", - "gruvbox_dark", - "gruvbox_light", - "hammerhead", - "hanok", - "hedge", - "honey", - "horizon", - "husqy", - "iceberg_dark", - "iceberg_light", - "incognito", - "ishtar", - "iv_clover", - "iv_spade", - "joker", - "laser", - "lavender", - "leather", - "lil_dragon", - "lilac_mist", - "lime", - "luna", - "macroblank", - "magic_girl", - "mashu", - "matcha_moccha", - "material", - "matrix", - "menthol", - "metaverse", - "metropolis", - "mexican", - "miami", - "miami_nights", - "midnight", - "milkshake", - "mint", - "mizu", - "modern_dolch", - "modern_dolch_light", - "modern_ink", - "monokai", - "moonlight", - "mountain", - "mr_sleeves", - "ms_cupcakes", - "muted", - "nautilus", - "nebula", - "night_runner", - "nord", - "nord_light", - "norse", - "oblivion", - "olive", - "olivia", - "onedark", - "our_theme", - "paper", - "passion_fruit", - "pastel", - "peach_blossom", - "peaches", - "phantom", - "pink_lemonade", - "pulse", - "purpleish", - "rainbow_trail", - "red_dragon", - "red_samurai", - "repose_dark", - "repose_light", - "retro", - "retrocast", - "rgb", - "rose_pine", - "rose_pine_dawn", - "rose_pine_moon", - "rudy", - "ryujinscales", - "serika", - "serika_dark", - "sewing_tin", - "sewing_tin_light", - "shadow", - "shoko", - "slambook", - "snes", - "soaring_skies", - "solarized_dark", - "solarized_light", - "solarized_osaka", - "sonokai", - "stealth", - "strawberry", - "striker", - "suisei", - "sunset", - "superuser", - "sweden", - "tangerine", - "taro", - "terminal", - "terra", - "terrazzo", - "terror_below", - "tiramisu", - "trackday", - "trance", - "tron_orange", - "vaporwave", - "vesper", - "viridescent", - "voc", - "vscode", - "watermelon", - "wavez", - "witch_girl", - "lghs_wildchat" - ], - { - errorMap: customEnumErrorHandler("Must be a known theme"), - } -); diff --git a/packages/.history/schemas/src/themes_20251027144335.ts b/packages/.history/schemas/src/themes_20251027144335.ts deleted file mode 100644 index c7f5e9379e38..000000000000 --- a/packages/.history/schemas/src/themes_20251027144335.ts +++ /dev/null @@ -1,195 +0,0 @@ -import { z } from "zod"; -import { customEnumErrorHandler } from "./util"; - -export const ThemeNameSchema = z.enum( - [ - "8008", - "80s_after_dark", - "9009", - "aether", - "alduin", - "alpine", - "anti_hero", - "arch", - "aurora", - "beach", - "bento", - "bingsu", - "bliss", - "blue_dolphin", - "blueberry_dark", - "blueberry_light", - "botanical", - "bouquet", - "breeze", - "bushido", - "cafe", - "camping", - "carbon", - "catppuccin", - "chaos_theory", - "cheesecake", - "cherry_blossom", - "comfy", - "copper", - "creamsicle", - "cy_red", - "cyberspace", - "dark", - "dark_magic_girl", - "dark_note", - "darling", - "deku", - "desert_oasis", - "dev", - "diner", - "dino", - "discord", - "dmg", - "dollar", - "dots", - "dracula", - "drowning", - "dualshot", - "earthsong", - "everblush", - "evil_eye", - "ez_mode", - "fire", - "fledgling", - "fleuriste", - "floret", - "froyo", - "frozen_llama", - "fruit_chew", - "fundamentals", - "future_funk", - "github", - "godspeed", - "graen", - "grand_prix", - "grape", - "gruvbox_dark", - "gruvbox_light", - "hammerhead", - "hanok", - "hedge", - "honey", - "horizon", - "husqy", - "iceberg_dark", - "iceberg_light", - "incognito", - "ishtar", - "iv_clover", - "iv_spade", - "joker", - "laser", - "lavender", - "leather", - "lil_dragon", - "lilac_mist", - "lime", - "luna", - "macroblank", - "magic_girl", - "mashu", - "matcha_moccha", - "material", - "matrix", - "menthol", - "metaverse", - "metropolis", - "mexican", - "miami", - "miami_nights", - "midnight", - "milkshake", - "mint", - "mizu", - "modern_dolch", - "modern_dolch_light", - "modern_ink", - "monokai", - "moonlight", - "mountain", - "mr_sleeves", - "ms_cupcakes", - "muted", - "nautilus", - "nebula", - "night_runner", - "nord", - "nord_light", - "norse", - "oblivion", - "olive", - "olivia", - "onedark", - "our_theme", - "paper", - "passion_fruit", - "pastel", - "peach_blossom", - "peaches", - "phantom", - "pink_lemonade", - "pulse", - "purpleish", - "rainbow_trail", - "red_dragon", - "red_samurai", - "repose_dark", - "repose_light", - "retro", - "retrocast", - "rgb", - "rose_pine", - "rose_pine_dawn", - "rose_pine_moon", - "rudy", - "ryujinscales", - "serika", - "serika_dark", - "sewing_tin", - "sewing_tin_light", - "shadow", - "shoko", - "slambook", - "snes", - "soaring_skies", - "solarized_dark", - "solarized_light", - "solarized_osaka", - "sonokai", - "stealth", - "strawberry", - "striker", - "suisei", - "sunset", - "superuser", - "sweden", - "tangerine", - "taro", - "terminal", - "terra", - "terrazzo", - "terror_below", - "tiramisu", - "trackday", - "trance", - "tron_orange", - "vaporwave", - "vesper", - "viridescent", - "voc", - "vscode", - "watermelon", - "wavez", - "witch_girl", - "lghs_wildchat", - ], - { - errorMap: customEnumErrorHandler("Must be a known theme"), - } -); diff --git a/packages/.history/schemas/src/themes_20251027144339.ts b/packages/.history/schemas/src/themes_20251027144339.ts deleted file mode 100644 index c7f5e9379e38..000000000000 --- a/packages/.history/schemas/src/themes_20251027144339.ts +++ /dev/null @@ -1,195 +0,0 @@ -import { z } from "zod"; -import { customEnumErrorHandler } from "./util"; - -export const ThemeNameSchema = z.enum( - [ - "8008", - "80s_after_dark", - "9009", - "aether", - "alduin", - "alpine", - "anti_hero", - "arch", - "aurora", - "beach", - "bento", - "bingsu", - "bliss", - "blue_dolphin", - "blueberry_dark", - "blueberry_light", - "botanical", - "bouquet", - "breeze", - "bushido", - "cafe", - "camping", - "carbon", - "catppuccin", - "chaos_theory", - "cheesecake", - "cherry_blossom", - "comfy", - "copper", - "creamsicle", - "cy_red", - "cyberspace", - "dark", - "dark_magic_girl", - "dark_note", - "darling", - "deku", - "desert_oasis", - "dev", - "diner", - "dino", - "discord", - "dmg", - "dollar", - "dots", - "dracula", - "drowning", - "dualshot", - "earthsong", - "everblush", - "evil_eye", - "ez_mode", - "fire", - "fledgling", - "fleuriste", - "floret", - "froyo", - "frozen_llama", - "fruit_chew", - "fundamentals", - "future_funk", - "github", - "godspeed", - "graen", - "grand_prix", - "grape", - "gruvbox_dark", - "gruvbox_light", - "hammerhead", - "hanok", - "hedge", - "honey", - "horizon", - "husqy", - "iceberg_dark", - "iceberg_light", - "incognito", - "ishtar", - "iv_clover", - "iv_spade", - "joker", - "laser", - "lavender", - "leather", - "lil_dragon", - "lilac_mist", - "lime", - "luna", - "macroblank", - "magic_girl", - "mashu", - "matcha_moccha", - "material", - "matrix", - "menthol", - "metaverse", - "metropolis", - "mexican", - "miami", - "miami_nights", - "midnight", - "milkshake", - "mint", - "mizu", - "modern_dolch", - "modern_dolch_light", - "modern_ink", - "monokai", - "moonlight", - "mountain", - "mr_sleeves", - "ms_cupcakes", - "muted", - "nautilus", - "nebula", - "night_runner", - "nord", - "nord_light", - "norse", - "oblivion", - "olive", - "olivia", - "onedark", - "our_theme", - "paper", - "passion_fruit", - "pastel", - "peach_blossom", - "peaches", - "phantom", - "pink_lemonade", - "pulse", - "purpleish", - "rainbow_trail", - "red_dragon", - "red_samurai", - "repose_dark", - "repose_light", - "retro", - "retrocast", - "rgb", - "rose_pine", - "rose_pine_dawn", - "rose_pine_moon", - "rudy", - "ryujinscales", - "serika", - "serika_dark", - "sewing_tin", - "sewing_tin_light", - "shadow", - "shoko", - "slambook", - "snes", - "soaring_skies", - "solarized_dark", - "solarized_light", - "solarized_osaka", - "sonokai", - "stealth", - "strawberry", - "striker", - "suisei", - "sunset", - "superuser", - "sweden", - "tangerine", - "taro", - "terminal", - "terra", - "terrazzo", - "terror_below", - "tiramisu", - "trackday", - "trance", - "tron_orange", - "vaporwave", - "vesper", - "viridescent", - "voc", - "vscode", - "watermelon", - "wavez", - "witch_girl", - "lghs_wildchat", - ], - { - errorMap: customEnumErrorHandler("Must be a known theme"), - } -); diff --git a/packages/.history/schemas/src/themes_20251027154607.ts b/packages/.history/schemas/src/themes_20251027154607.ts deleted file mode 100644 index 8f1c34afc16f..000000000000 --- a/packages/.history/schemas/src/themes_20251027154607.ts +++ /dev/null @@ -1,195 +0,0 @@ -import { z } from "zod"; -import { customEnumErrorHandler } from "./util"; - -export const ThemeNameSchema = z.enum( - [ - "8008", - "80s_after_dark", - "9009", - "aether", - "alduin", - "alpine", - "anti_hero", - "arch", - "aurora", - "beach", - "bento", - "bingsu", - "bliss", - "blue_dolphin", - "blueberry_dark", - "blueberry_light", - "botanical", - "bouquet", - "breeze", - "bushido", - "cafe", - "camping", - "carbon", - "catppuccin", - "chaos_theory", - "cheesecake", - "cherry_blossom", - "comfy", - "copper", - "creamsicle", - "cy_red", - "cyberspace", - "dark", - "dark_magic_girl", - "dark_note", - "darling", - "deku", - "desert_oasis", - "dev", - "diner", - "dino", - "discord", - "dmg", - "dollar", - "dots", - "dracula", - "drowning", - "dualshot", - "earthsong", - "everblush", - "evil_eye", - "ez_mode", - "fire", - "fledgling", - "fleuriste", - "floret", - "froyo", - "frozen_llama", - "fruit_chew", - "fundamentals", - "future_funk", - "github", - "godspeed", - "graen", - "grand_prix", - "grape", - "gruvbox_dark", - "gruvbox_light", - "hammerhead", - "hanok", - "hedge", - "honey", - "horizon", - "husqy", - "iceberg_dark", - "iceberg_light", - "incognito", - "ishtar", - "iv_clover", - "iv_spade", - "joker", - "laser", - "lavender", - "leather", - "lil_dragon", - "lilac_mist", - "lime", - "luna", - "macroblank", - "magic_girl", - "mashu", - "matcha_moccha", - "material", - "matrix", - "menthol", - "metaverse", - "metropolis", - "mexican", - "miami", - "miami_nights", - "midnight", - "milkshake", - "mint", - "mizu", - "modern_dolch", - "modern_dolch_light", - "modern_ink", - "monokai", - "moonlight", - "mountain", - "mr_sleeves", - "ms_cupcakes", - "muted", - "nautilus", - "nebula", - "night_runner", - "nord", - "nord_light", - "norse", - "oblivion", - "olive", - "olivia", - "onedark", - "our_theme", - "paper", - "passion_fruit", - "pastel", - "peach_blossom", - "peaches", - "phantom", - "pink_lemonade", - "pulse", - "purpleish", - "rainbow_trail", - "red_dragon", - "red_samurai", - "repose_dark", - "repose_light", - "retro", - "retrocast", - "rgb", - "rose_pine", - "rose_pine_dawn", - "rose_pine_moon", - "rudy", - "ryujinscales", - "serika", - "serika_dark", - "sewing_tin", - "sewing_tin_light", - "shadow", - "shoko", - "slambook", - "snes", - "soaring_skies", - "solarized_dark", - "solarized_light", - "solarized_osaka", - "sonokai", - "stealth", - "strawberry", - "striker", - "suisei", - "sunset", - "superuser", - "sweden", - "tangerine", - "taro", - "terminal", - "terra", - "terrazzo", - "terror_below", - "tiramisu", - "trackday", - "trance", - "tron_orange", - "vaporwave", - "vesper", - "viridescent", - "voc", - "vscode", - "watermelon", - "wavez", - "witch_girl", - "lghs_wildchats", - ], - { - errorMap: customEnumErrorHandler("Must be a known theme"), - } -); diff --git a/packages/.history/schemas/src/themes_20251027154614.ts b/packages/.history/schemas/src/themes_20251027154614.ts deleted file mode 100644 index cd368cc73bcc..000000000000 --- a/packages/.history/schemas/src/themes_20251027154614.ts +++ /dev/null @@ -1,195 +0,0 @@ -import { z } from "zod"; -import { customEnumErrorHandler } from "./util"; - -export const ThemeNameSchema = z.enum( - [ - "8008", - "80s_after_dark", - "9009", - "aether", - "alduin", - "alpine", - "anti_hero", - "arch", - "aurora", - "beach", - "bento", - "bingsu", - "bliss", - "blue_dolphin", - "blueberry_dark", - "blueberry_light", - "botanical", - "bouquet", - "breeze", - "bushido", - "cafe", - "camping", - "carbon", - "catppuccin", - "chaos_theory", - "cheesecake", - "cherry_blossom", - "comfy", - "copper", - "creamsicle", - "cy_red", - "cyberspace", - "dark", - "dark_magic_girl", - "dark_note", - "darling", - "deku", - "desert_oasis", - "dev", - "diner", - "dino", - "discord", - "dmg", - "dollar", - "dots", - "dracula", - "drowning", - "dualshot", - "earthsong", - "everblush", - "evil_eye", - "ez_mode", - "fire", - "fledgling", - "fleuriste", - "floret", - "froyo", - "frozen_llama", - "fruit_chew", - "fundamentals", - "future_funk", - "github", - "godspeed", - "graen", - "grand_prix", - "grape", - "gruvbox_dark", - "gruvbox_light", - "hammerhead", - "hanok", - "hedge", - "honey", - "horizon", - "husqy", - "iceberg_dark", - "iceberg_light", - "incognito", - "ishtar", - "iv_clover", - "iv_spade", - "joker", - "laser", - "lavender", - "leather", - "lil_dragon", - "lilac_mist", - "lime", - "luna", - "macroblank", - "magic_girl", - "mashu", - "matcha_moccha", - "material", - "matrix", - "menthol", - "metaverse", - "metropolis", - "mexican", - "miami", - "miami_nights", - "midnight", - "milkshake", - "mint", - "mizu", - "modern_dolch", - "modern_dolch_light", - "modern_ink", - "monokai", - "moonlight", - "mountain", - "mr_sleeves", - "ms_cupcakes", - "muted", - "nautilus", - "nebula", - "night_runner", - "nord", - "nord_light", - "norse", - "oblivion", - "olive", - "olivia", - "onedark", - "our_theme", - "paper", - "passion_fruit", - "pastel", - "peach_blossom", - "peaches", - "phantom", - "pink_lemonade", - "pulse", - "purpleish", - "rainbow_trail", - "red_dragon", - "red_samurai", - "repose_dark", - "repose_light", - "retro", - "retrocast", - "rgb", - "rose_pine", - "rose_pine_dawn", - "rose_pine_moon", - "rudy", - "ryujinscales", - "serika", - "serika_dark", - "sewing_tin", - "sewing_tin_light", - "shadow", - "shoko", - "slambook", - "snes", - "soaring_skies", - "solarized_dark", - "solarized_light", - "solarized_osaka", - "sonokai", - "stealth", - "strawberry", - "striker", - "suisei", - "sunset", - "superuser", - "sweden", - "tangerine", - "taro", - "terminal", - "terra", - "terrazzo", - "terror_below", - "tiramisu", - "trackday", - "trance", - "tron_orange", - "vaporwave", - "vesper", - "viridescent", - "voc", - "vscode", - "watermelon", - "wavez", - "witch_girl", - "lghs_wildchatsdds", - ], - { - errorMap: customEnumErrorHandler("Must be a known theme"), - } -); diff --git a/packages/.history/schemas/src/themes_20251027154617.ts b/packages/.history/schemas/src/themes_20251027154617.ts deleted file mode 100644 index 8f1c34afc16f..000000000000 --- a/packages/.history/schemas/src/themes_20251027154617.ts +++ /dev/null @@ -1,195 +0,0 @@ -import { z } from "zod"; -import { customEnumErrorHandler } from "./util"; - -export const ThemeNameSchema = z.enum( - [ - "8008", - "80s_after_dark", - "9009", - "aether", - "alduin", - "alpine", - "anti_hero", - "arch", - "aurora", - "beach", - "bento", - "bingsu", - "bliss", - "blue_dolphin", - "blueberry_dark", - "blueberry_light", - "botanical", - "bouquet", - "breeze", - "bushido", - "cafe", - "camping", - "carbon", - "catppuccin", - "chaos_theory", - "cheesecake", - "cherry_blossom", - "comfy", - "copper", - "creamsicle", - "cy_red", - "cyberspace", - "dark", - "dark_magic_girl", - "dark_note", - "darling", - "deku", - "desert_oasis", - "dev", - "diner", - "dino", - "discord", - "dmg", - "dollar", - "dots", - "dracula", - "drowning", - "dualshot", - "earthsong", - "everblush", - "evil_eye", - "ez_mode", - "fire", - "fledgling", - "fleuriste", - "floret", - "froyo", - "frozen_llama", - "fruit_chew", - "fundamentals", - "future_funk", - "github", - "godspeed", - "graen", - "grand_prix", - "grape", - "gruvbox_dark", - "gruvbox_light", - "hammerhead", - "hanok", - "hedge", - "honey", - "horizon", - "husqy", - "iceberg_dark", - "iceberg_light", - "incognito", - "ishtar", - "iv_clover", - "iv_spade", - "joker", - "laser", - "lavender", - "leather", - "lil_dragon", - "lilac_mist", - "lime", - "luna", - "macroblank", - "magic_girl", - "mashu", - "matcha_moccha", - "material", - "matrix", - "menthol", - "metaverse", - "metropolis", - "mexican", - "miami", - "miami_nights", - "midnight", - "milkshake", - "mint", - "mizu", - "modern_dolch", - "modern_dolch_light", - "modern_ink", - "monokai", - "moonlight", - "mountain", - "mr_sleeves", - "ms_cupcakes", - "muted", - "nautilus", - "nebula", - "night_runner", - "nord", - "nord_light", - "norse", - "oblivion", - "olive", - "olivia", - "onedark", - "our_theme", - "paper", - "passion_fruit", - "pastel", - "peach_blossom", - "peaches", - "phantom", - "pink_lemonade", - "pulse", - "purpleish", - "rainbow_trail", - "red_dragon", - "red_samurai", - "repose_dark", - "repose_light", - "retro", - "retrocast", - "rgb", - "rose_pine", - "rose_pine_dawn", - "rose_pine_moon", - "rudy", - "ryujinscales", - "serika", - "serika_dark", - "sewing_tin", - "sewing_tin_light", - "shadow", - "shoko", - "slambook", - "snes", - "soaring_skies", - "solarized_dark", - "solarized_light", - "solarized_osaka", - "sonokai", - "stealth", - "strawberry", - "striker", - "suisei", - "sunset", - "superuser", - "sweden", - "tangerine", - "taro", - "terminal", - "terra", - "terrazzo", - "terror_below", - "tiramisu", - "trackday", - "trance", - "tron_orange", - "vaporwave", - "vesper", - "viridescent", - "voc", - "vscode", - "watermelon", - "wavez", - "witch_girl", - "lghs_wildchats", - ], - { - errorMap: customEnumErrorHandler("Must be a known theme"), - } -); diff --git a/packages/.history/schemas/src/themes_20251027154618.ts b/packages/.history/schemas/src/themes_20251027154618.ts deleted file mode 100644 index 8f1c34afc16f..000000000000 --- a/packages/.history/schemas/src/themes_20251027154618.ts +++ /dev/null @@ -1,195 +0,0 @@ -import { z } from "zod"; -import { customEnumErrorHandler } from "./util"; - -export const ThemeNameSchema = z.enum( - [ - "8008", - "80s_after_dark", - "9009", - "aether", - "alduin", - "alpine", - "anti_hero", - "arch", - "aurora", - "beach", - "bento", - "bingsu", - "bliss", - "blue_dolphin", - "blueberry_dark", - "blueberry_light", - "botanical", - "bouquet", - "breeze", - "bushido", - "cafe", - "camping", - "carbon", - "catppuccin", - "chaos_theory", - "cheesecake", - "cherry_blossom", - "comfy", - "copper", - "creamsicle", - "cy_red", - "cyberspace", - "dark", - "dark_magic_girl", - "dark_note", - "darling", - "deku", - "desert_oasis", - "dev", - "diner", - "dino", - "discord", - "dmg", - "dollar", - "dots", - "dracula", - "drowning", - "dualshot", - "earthsong", - "everblush", - "evil_eye", - "ez_mode", - "fire", - "fledgling", - "fleuriste", - "floret", - "froyo", - "frozen_llama", - "fruit_chew", - "fundamentals", - "future_funk", - "github", - "godspeed", - "graen", - "grand_prix", - "grape", - "gruvbox_dark", - "gruvbox_light", - "hammerhead", - "hanok", - "hedge", - "honey", - "horizon", - "husqy", - "iceberg_dark", - "iceberg_light", - "incognito", - "ishtar", - "iv_clover", - "iv_spade", - "joker", - "laser", - "lavender", - "leather", - "lil_dragon", - "lilac_mist", - "lime", - "luna", - "macroblank", - "magic_girl", - "mashu", - "matcha_moccha", - "material", - "matrix", - "menthol", - "metaverse", - "metropolis", - "mexican", - "miami", - "miami_nights", - "midnight", - "milkshake", - "mint", - "mizu", - "modern_dolch", - "modern_dolch_light", - "modern_ink", - "monokai", - "moonlight", - "mountain", - "mr_sleeves", - "ms_cupcakes", - "muted", - "nautilus", - "nebula", - "night_runner", - "nord", - "nord_light", - "norse", - "oblivion", - "olive", - "olivia", - "onedark", - "our_theme", - "paper", - "passion_fruit", - "pastel", - "peach_blossom", - "peaches", - "phantom", - "pink_lemonade", - "pulse", - "purpleish", - "rainbow_trail", - "red_dragon", - "red_samurai", - "repose_dark", - "repose_light", - "retro", - "retrocast", - "rgb", - "rose_pine", - "rose_pine_dawn", - "rose_pine_moon", - "rudy", - "ryujinscales", - "serika", - "serika_dark", - "sewing_tin", - "sewing_tin_light", - "shadow", - "shoko", - "slambook", - "snes", - "soaring_skies", - "solarized_dark", - "solarized_light", - "solarized_osaka", - "sonokai", - "stealth", - "strawberry", - "striker", - "suisei", - "sunset", - "superuser", - "sweden", - "tangerine", - "taro", - "terminal", - "terra", - "terrazzo", - "terror_below", - "tiramisu", - "trackday", - "trance", - "tron_orange", - "vaporwave", - "vesper", - "viridescent", - "voc", - "vscode", - "watermelon", - "wavez", - "witch_girl", - "lghs_wildchats", - ], - { - errorMap: customEnumErrorHandler("Must be a known theme"), - } -);