feat: add support for multi-themes (#210)

* chore: update deps * wip * add themes * add matrix theme * add flexoki and spaceduck themes * . * simple theme change function * . * respect shadow and radius settings * add rose pine themes * toggle theme
2025-12-26 08:20:18 +07:00
parent 5b7780ec9b
commit 34e026751b
49 changed files with 4349 additions and 2743 deletions
--- a/assets/themes/flexoki.json
+++ b/assets/themes/flexoki.json
@@ -0,0 +1,136 @@
+{
+  "id": "flexoki",
+  "name": "Flexoki",
+  "author": "Steph Ango",
+  "url": "https://stephango.com/flexoki",
+  "light": {
+    "background": "#FFFCF0",
+    "surface_background": "#F2F0E5",
+    "elevated_surface_background": "#E6E4D9",
+    "panel_background": "#FFFCF0",
+    "overlay": "#100F0F1a",
+    "title_bar": "#00000000",
+    "title_bar_inactive": "#FFFCF0",
+    "window_border": "#CECDC3",
+    "border": "#CECDC3",
+    "border_variant": "#DAD8CE",
+    "border_focused": "#24837B",
+    "border_selected": "#24837B",
+    "border_transparent": "#00000000",
+    "border_disabled": "#E6E4D9",
+    "ring": "#24837B",
+    "text": "#100F0F",
+    "text_muted": "#6F6E69",
+    "text_placeholder": "#878580",
+    "text_accent": "#24837B",
+    "icon": "#100F0F",
+    "icon_muted": "#6F6E69",
+    "icon_accent": "#24837B",
+    "element_foreground": "#DDF1E4",
+    "element_background": "#24837B",
+    "element_hover": "#24837Be5",
+    "element_active": "#20756E",
+    "element_selected": "#1C6861",
+    "element_disabled": "#24837B4c",
+    "secondary_foreground": "#24837B",
+    "secondary_background": "#E6E4D9",
+    "secondary_hover": "#24837B1a",
+    "secondary_active": "#DAD8CE",
+    "secondary_selected": "#DAD8CE",
+    "secondary_disabled": "#24837B4c",
+    "danger_foreground": "#FFE1D5",
+    "danger_background": "#AF3029",
+    "danger_hover": "#AF3029e5",
+    "danger_active": "#9E2B25",
+    "danger_selected": "#8D2620",
+    "danger_disabled": "#AF30294c",
+    "warning_foreground": "#FFE7CE",
+    "warning_background": "#BC5215",
+    "warning_hover": "#BC5215e5",
+    "warning_active": "#A94913",
+    "warning_selected": "#964011",
+    "warning_disabled": "#BC52154c",
+    "ghost_element_background": "#00000000",
+    "ghost_element_background_alt": "#E6E4D9",
+    "ghost_element_hover": "#100F0F1a",
+    "ghost_element_active": "#DAD8CE",
+    "ghost_element_selected": "#DAD8CE",
+    "ghost_element_disabled": "#100F0F0d",
+    "tab_inactive_background": "#E6E4D9",
+    "tab_hover_background": "#DAD8CE",
+    "tab_active_background": "#CECDC3",
+    "scrollbar_thumb_background": "#100F0F33",
+    "scrollbar_thumb_hover_background": "#100F0F4d",
+    "scrollbar_thumb_border": "#00000000",
+    "scrollbar_track_background": "#00000000",
+    "scrollbar_track_border": "#DAD8CE",
+    "drop_target_background": "#24837B1a",
+    "cursor": "#205EA6",
+    "selection": "#24837B40"
+  },
+  "dark": {
+    "background": "#100F0F",
+    "surface_background": "#1C1B1A",
+    "elevated_surface_background": "#282726",
+    "panel_background": "#100F0F",
+    "overlay": "#FFFCF01a",
+    "title_bar": "#00000000",
+    "title_bar_inactive": "#100F0F",
+    "window_border": "#403E3C",
+    "border": "#403E3C",
+    "border_variant": "#343331",
+    "border_focused": "#3AA99F",
+    "border_selected": "#3AA99F",
+    "border_transparent": "#00000000",
+    "border_disabled": "#282726",
+    "ring": "#3AA99F",
+    "text": "#FFFCF0",
+    "text_muted": "#878580",
+    "text_placeholder": "#575653",
+    "text_accent": "#3AA99F",
+    "icon": "#FFFCF0",
+    "icon_muted": "#878580",
+    "icon_accent": "#3AA99F",
+    "element_foreground": "#101F1D",
+    "element_background": "#3AA99F",
+    "element_hover": "#3AA99Fe5",
+    "element_active": "#34988F",
+    "element_selected": "#2F877F",
+    "element_disabled": "#3AA99F4c",
+    "secondary_foreground": "#3AA99F",
+    "secondary_background": "#282726",
+    "secondary_hover": "#3AA99F1a",
+    "secondary_active": "#343331",
+    "secondary_selected": "#343331",
+    "secondary_disabled": "#3AA99F4c",
+    "danger_foreground": "#261312",
+    "danger_background": "#D14D41",
+    "danger_hover": "#D14D41e5",
+    "danger_active": "#BC453A",
+    "danger_selected": "#A73D33",
+    "danger_disabled": "#D14D414c",
+    "warning_foreground": "#27180E",
+    "warning_background": "#DA702C",
+    "warning_hover": "#DA702Ce5",
+    "warning_active": "#C46527",
+    "warning_selected": "#AF5A22",
+    "warning_disabled": "#DA702C4c",
+    "ghost_element_background": "#00000000",
+    "ghost_element_background_alt": "#282726",
+    "ghost_element_hover": "#FFFCF01a",
+    "ghost_element_active": "#343331",
+    "ghost_element_selected": "#343331",
+    "ghost_element_disabled": "#FFFCF00d",
+    "tab_inactive_background": "#282726",
+    "tab_hover_background": "#343331",
+    "tab_active_background": "#403E3C",
+    "scrollbar_thumb_background": "#FFFCF033",
+    "scrollbar_thumb_hover_background": "#FFFCF04d",
+    "scrollbar_thumb_border": "#00000000",
+    "scrollbar_track_background": "#00000000",
+    "scrollbar_track_border": "#343331",
+    "drop_target_background": "#3AA99F1a",
+    "cursor": "#4385BE",
+    "selection": "#3AA99F40"
+  }
+}