Feature/custom themes

electron.vite.config.ts

@@ -38,6 +38,13 @@ export default defineConfig(({ mode }) => {
       build: {
         sourcemap: true,
       },
+      css: {
+        preprocessorOptions: {
+          scss: {
+            api: "modern",
+          },
+        },
+      },
       resolve: {
         alias: {
           "@renderer": resolve("src/renderer/src"),

package.json

@@ -36,6 +36,7 @@
     "@electron-toolkit/utils": "^3.0.0",
     "@fontsource/noto-sans": "^5.1.0",
     "@hookform/resolvers": "^3.9.1",
+    "@monaco-editor/react": "^4.6.0",
     "@primer/octicons-react": "^19.9.0",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@reduxjs/toolkit": "^2.2.3",
@@ -47,6 +48,7 @@
     "auto-launch": "^5.0.6",
     "axios": "^1.7.9",
     "better-sqlite3": "^11.7.0",
+    "classic-level": "^2.0.0",
     "classnames": "^2.5.1",
     "color": "^4.2.3",
     "color.js": "^1.2.0",
@@ -74,7 +76,6 @@
     "sound-play": "^1.1.0",
     "sudo-prompt": "^9.2.1",
     "tar": "^7.4.3",
-    "typeorm": "^0.3.20",
     "user-agents": "^1.1.387",
     "yaml": "^2.6.1",
     "yup": "^1.5.0",

src/locales/en/translation.json

@@ -296,7 +296,27 @@
     "become_subscriber": "Be Hydra Cloud",
     "subscription_renew_cancelled": "Automatic renewal is disabled",
     "subscription_renews_on": "Your subscription renews on {{date}}",
-    "bill_sent_until": "Your next bill will be sent until this day"
+    "bill_sent_until": "Your next bill will be sent until this day",
+    "no_themes": "Seems like you don't have any themes yet, but no worries, click here to create your first masterpiece.",
+    "editor_tab_code": "Code",
+    "editor_tab_info": "Info",
+    "editor_tab_save": "Save",
+    "web_store": "Web store",
+    "clear_themes": "Clear",
+    "add_theme": "Add",
+    "add_theme_modal_title": "Add custom theme",
+    "add_theme_modal_description": "Create a new theme to customize Hydra's appearance",
+    "theme_name": "Name",
+    "insert_theme_name": "Insert theme name",
+    "set_theme": "Set theme",
+    "unset_theme": "Unset theme",
+    "delete_theme": "Delete theme",
+    "edit_theme": "Edit theme",
+    "delete_all_themes": "Delete all themes",
+    "delete_all_themes_description": "This will delete all your custom themes",
+    "delete_theme_description": "This will delete the theme {{theme}}",
+    "cancel": "Cancel",
+    "appearance": "Appearance"
   },
   "notifications": {
     "download_complete": "Download complete",

src/main/constants.ts

@@ -7,13 +7,18 @@ export const defaultDownloadsPath = app.getPath("downloads");
 
 export const isStaging = import.meta.env.MAIN_VITE_API_URL.includes("staging");
 
+export const levelDatabasePath = path.join(
+  app.getPath("userData"),
+  `hydra-db${isStaging ? "-staging" : ""}`
+);
+
 export const databaseDirectory = path.join(app.getPath("appData"), "hydra");
 export const databasePath = path.join(
   databaseDirectory,
   isStaging ? "hydra_test.db" : "hydra.db"
 );
 
-export const logsPath = path.join(app.getPath("appData"), "hydra", "logs");
+export const logsPath = path.join(app.getPath("userData"), "logs");
 
 export const seedsPath = app.isPackaged
   ? path.join(process.resourcesPath, "seeds")