claude-contextline 1.2.0 → 1.3.0

package/README.md

@@ -37,6 +37,20 @@ Add to your Claude Code settings (`~/.claude/settings.json`):
 - **Warning** (≥80%): White text on orange background
 - **Critical** (≥100%): White text on red background
 
+## Options
+
+- `--theme <name>` - Use a named color theme (e.g. `--theme fulcrum` for purple-accented Fulcrum branding)
+- `--no-arrows` - Disable powerline arrow separators
+
+```json
+{
+  "statusLine": {
+    "type": "command",
+    "command": "npx claude-contextline --theme fulcrum"
+  }
+}
+```
+
 ## Requirements
 
 - Node.js 18+

package/dist/index.js

@@ -133,6 +133,24 @@ var darkTheme = {
   critical: { bg: "#af0000", fg: "#ffffff" }
   // Red, white (100%+)
 };
+var fulcrumTheme = {
+  directory: { bg: "#0064f4", fg: "#ffffff" },
+  // Accent blue, white
+  git: { bg: "#121212", fg: "#81aefa" },
+  // Secondary, light blue
+  model: { bg: "#090909", fg: "#659dfb" },
+  // Card, medium blue
+  context: { bg: "#161616", fg: "#81aefa" },
+  // Muted, light blue
+  warning: { bg: "#f84331", fg: "#ffffff" },
+  // Warning red-orange, white (80%+)
+  critical: { bg: "#f90013", fg: "#ffffff" }
+  // Destructive red, white (100%+)
+};
+function getTheme(name) {
+  if (name === "fulcrum") return fulcrumTheme;
+  return darkTheme;
+}
 function hexToAnsi256(hex) {
   const r = parseInt(hex.slice(1, 3), 16);
   const g = parseInt(hex.slice(3, 5), 16);
@@ -152,13 +170,13 @@ var ansi = {
   bg: (hex) => `\x1B[48;5;${hexToAnsi256(hex)}m`,
   reset: "\x1B[0m"
 };
-function getContextColors(percent) {
+function getContextColors(percent, theme) {
   if (percent >= 100) {
-    return darkTheme.critical;
+    return theme.critical;
   } else if (percent >= 80) {
-    return darkTheme.warning;
+    return theme.warning;
   }
-  return darkTheme.context;
+  return theme.context;
 }
 
 // src/renderer.ts
@@ -179,8 +197,10 @@ function detectNerdFontSupport() {
 var Renderer = class {
   symbols = detectNerdFontSupport() ? SYMBOLS : TEXT_SYMBOLS;
   noArrows;
+  theme;
   constructor(options = {}) {
     this.noArrows = options.noArrows ?? false;
+    this.theme = getTheme(options.themeName);
   }
   /**
    * Render the complete statusline
@@ -199,20 +219,20 @@ var Renderer = class {
     const segments = [];
     segments.push({
       text: ` ${envInfo.directory} `,
-      colors: darkTheme.directory
+      colors: this.theme.directory
     });
     if (envInfo.gitBranch) {
       const dirty = envInfo.gitDirty ? ` ${this.symbols.dirty}` : "";
       segments.push({
         text: ` ${this.symbols.branch} ${envInfo.gitBranch}${dirty} `,
-        colors: darkTheme.git
+        colors: this.theme.git
       });
     }
     segments.push({
       text: ` ${this.symbols.model} ${envInfo.model} `,
-      colors: darkTheme.model
+      colors: this.theme.model
     });
-    const contextColors = getContextColors(envInfo.contextPercent);
+    const contextColors = getContextColors(envInfo.contextPercent, this.theme);
     segments.push({
       text: ` ${this.symbols.context} ${envInfo.contextPercent}% `,
       colors: contextColors
@@ -245,9 +265,11 @@ var Renderer = class {
 async function main() {
   try {
     const noArrows = process.argv.includes("--no-arrows");
+    const themeIndex = process.argv.indexOf("--theme");
+    const themeName = themeIndex !== -1 ? process.argv[themeIndex + 1] : void 0;
     const hookData = await readHookData();
     const envInfo = getEnvironmentInfo(hookData);
-    const renderer = new Renderer({ noArrows });
+    const renderer = new Renderer({ noArrows, themeName });
     const output = renderer.render(envInfo);
     process.stdout.write(output);
   } catch {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-contextline",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Powerline statusline for Claude Code showing context window usage",
   "type": "module",
   "main": "dist/index.js",