@tenyokjs/devdevian-cli 0.4.1-alpha.1 → 0.5.1-alpha.1

package/lib/theme.mjs

@@ -1,13 +1,66 @@
-// One palette for the workspace, file picker and review panes.
-export const colors = Object.freeze({
-  bg: "#0b1020",
-  panel: "#11182b",
-  line: "#303d60",
-  muted: "#8e9ab8",
-  text: "#e5eaff",
-  blue: "#86baff",
-  purple: "#b5a0ff",
-  green: "#7bdcbd",
-  red: "#ffa0b4",
-  selected: "#29365b",
-});
+import { createContext, useContext } from "react";
+import { normalizeAppearance } from "./appearance.mjs";
+const presets = {
+  midnight: {
+    bg: "#0b1020",
+    panel: "#11182b",
+    line: "#303d60",
+    muted: "#96a3c1",
+    text: "#e5eaff",
+    green: "#7bdcbd",
+    red: "#ffa0b4",
+    selected: "#29365b",
+  },
+  nebula: {
+    bg: "#100d20",
+    panel: "#1a1530",
+    line: "#4a3b68",
+    muted: "#a49ab9",
+    text: "#f0eaff",
+    green: "#86ddc3",
+    red: "#ffa6bd",
+    selected: "#3c2c59",
+  },
+  daylight: {
+    bg: "#f2f5ff",
+    panel: "#ffffff",
+    line: "#b4c0dc",
+    muted: "#53617a",
+    text: "#1b2440",
+    green: "#16634d",
+    red: "#a12444",
+    selected: "#dce5ff",
+  },
+  contrast: {
+    bg: "#000000",
+    panel: "#080e1c",
+    line: "#899cc6",
+    muted: "#becae2",
+    text: "#ffffff",
+    green: "#8cf4c7",
+    red: "#ffb0c4",
+    selected: "#24345c",
+  },
+};
+export function themeFor(value = {}) {
+  const settings = normalizeAppearance(value),
+    light = settings.theme === "daylight";
+  const accents = light
+    ? {
+        blue: ["#3154b8", "#6b36b6"],
+        violet: ["#6b36b6", "#3154b8"],
+        cyan: ["#006b80", "#6b36b6"],
+        rose: ["#9b246c", "#3154b8"],
+      }
+    : {
+        blue: ["#86baff", "#b5a0ff"],
+        violet: ["#c0a6ff", "#86baff"],
+        cyan: ["#74d5ed", "#b5a0ff"],
+        rose: ["#f4a6cf", "#86baff"],
+      };
+  const [blue, purple] = accents[settings.accent];
+  return { ...presets[settings.theme], blue, purple, frame: settings.frame };
+}
+export const colors = Object.freeze(themeFor());
+export const ThemeContext = createContext(colors);
+export const useTheme = () => useContext(ThemeContext);

package/lib/tui-data.mjs

@@ -19,6 +19,7 @@ export const navigation = [
   ["communities", "Communities", "Your private spaces"],
   ["search", "Search", "Find a conversation"],
   ["devices", "Connected terminals", "Manage CLI access"],
+  ["appearance", "Appearance", "Themes & layout"],
   ["help", "Help", "Keys & commands"],
 ];
 export async function notificationRoute(api, item) {
@@ -238,6 +239,7 @@ export function contentLines(route, data) {
       "Ctrl+S           Preview the current form",
       "Ctrl+O / Ctrl+G  Select a code file / Git diff in a review form",
       "/drafts          Restore locally saved drafts for this account/project",
+      "/appearance      Preview and save local themes and layout",
       "Ctrl+C           Exit and restore the original terminal",
       "",
       "Commands: /feed  /inbox  /search words  /open 142",

package/lib/tui-model.mjs

@@ -129,6 +129,7 @@ export function parseCommand(text) {
       "help",
       "devices",
       "drafts",
+      "appearance",
     ].includes(cmd)
   )
     return { command: cmd, arg };
@@ -140,7 +141,7 @@ export function parseCommand(text) {
     return { command: cmd, arg: Number(arg) };
   if (["quit", "logout"].includes(cmd)) return { command: cmd };
   throw Error(
-    "Use /feed, /inbox, /search words, /open ID, /ask, /review, /communities, /devices, /drafts, /help or /quit.",
+    "Use /feed, /inbox, /search words, /open ID, /ask, /review, /communities, /devices, /drafts, /appearance, /help or /quit.",
   );
 }
 export class PageCache {