oc-lucent-tokyonight 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License Copyright (c) 2026 Razo Beckett
+
+Permission is hereby granted, free of
+charge, to any person obtaining a copy of this software and associated
+documentation files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use, copy, modify, merge,
+publish, distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to the
+following conditions:
+
+The above copyright notice and this permission notice
+(including the next paragraph) shall be included in all copies or substantial
+portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF
+ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO
+EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR
+OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,53 @@
+# Lucent Tokyo Night Theme for OpenCode
+
+A translucent theme for [OpenCode](https://opencode.ai) based on the popular [Tokyo Night](https://tokyonight.org/) color scheme with transparent backgrounds for a modern, sleek appearance.
+
+![Lucent Tokyo Night Theme Preview](preview.webp)
+
+## Installation
+
+Install as an OpenCode TUI plugin:
+
+```bash
+opencode plugin oc-lucent-tokyonight
+```
+
+This installs the npm package and adds it to your `tui.json` plugin list.
+
+### Example `tui.json`
+
+```json
+{
+  "$schema": "https://opencode.ai/tui.json",
+  "plugin": [
+    [
+      "oc-lucent-tokyonight",
+      {
+        "enabled": true,
+        "autoApply": true,
+        "theme": "lucent-tokyonight"
+      }
+    ]
+  ]
+}
+```
+
+- `enabled` (default: `true`) — turn the plugin on/off.
+- `autoApply` (default: `true`) — automatically switch to the theme after loading.
+- `theme` (default: `"lucent-tokyonight"`) — the theme name to apply.
+
+## Features
+
+- **Translucent Design**: Transparent backgrounds allow your desktop wallpaper to shine through
+- **Tokyo Night Colors**: Uses the Tokyo Night color palette with transparent backgrounds
+- **Both Modes**: Includes both dark and light mode variants
+
+## Credits
+
+- Color palette: [Tokyo Night](https://github.com/tokyo-night/tokyo-night-vscode-theme) created by [Enkia](https://github.com/enkia)
+- Translucent design inspired by lucent-orng theme
+- OpenCode theme structure inspired by [ajaxdude/opencode-ai-poimandres-theme](https://github.com/ajaxdude/opencode-ai-poimandres-theme)
+
+## License
+
+MIT License - see [LICENSE](LICENSE) file.

package/lucent-tokyonight.json

@@ -0,0 +1,241 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkStep6": "#545c7e",
+    "darkStep11": "#828bb8",
+    "darkStep12": "#c8d3f5",
+    "darkSecondary": "#c099ff",
+    "darkAccent": "#86e1fc",
+    "darkRed": "#ff757f",
+    "darkOrange": "#ff966c",
+    "darkBlue": "#82aaff",
+    "darkCyan": "#86e1fc",
+    "darkYellow": "#ffc777",
+    "darkGreen": "#c3e88d",
+    "darkPurple": "#c099ff",
+    "darkPanelBg": "#1a1b2699",
+    "lightStep6": "#9699a8",
+    "lightStep11": "#8990a3",
+    "lightStep12": "#3760bf",
+    "lightSecondary": "#9854f1",
+    "lightAccent": "#007197",
+    "lightRed": "#f52a65",
+    "lightOrange": "#b15c00",
+    "lightBlue": "#2e7de9",
+    "lightCyan": "#007197",
+    "lightYellow": "#8c6c3e",
+    "lightGreen": "#587539",
+    "lightPurple": "#9854f1",
+    "lightPanelBg": "#e1e2e799"
+  },
+  "theme": {
+    "primary": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "secondary": {
+      "dark": "darkSecondary",
+      "light": "lightSecondary"
+    },
+    "accent": {
+      "dark": "darkAccent",
+      "light": "lightAccent"
+    },
+    "error": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "warning": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "success": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "info": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "text": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "textMuted": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "selectedListItemText": {
+      "dark": "#0a0a0a",
+      "light": "#ffffff"
+    },
+    "background": {
+      "dark": "transparent",
+      "light": "transparent"
+    },
+    "backgroundPanel": {
+      "dark": "transparent",
+      "light": "transparent"
+    },
+    "backgroundElement": {
+      "dark": "transparent",
+      "light": "transparent"
+    },
+    "backgroundMenu": {
+      "dark": "darkPanelBg",
+      "light": "lightPanelBg"
+    },
+    "border": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "borderActive": {
+      "dark": "darkSecondary",
+      "light": "lightAccent"
+    },
+    "borderSubtle": {
+      "dark": "darkStep6",
+      "light": "lightStep6"
+    },
+    "diffAdded": {
+      "dark": "#4fd6be",
+      "light": "#1e725c"
+    },
+    "diffRemoved": {
+      "dark": "#c53b53",
+      "light": "#c53b53"
+    },
+    "diffContext": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHunkHeader": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHighlightAdded": {
+      "dark": "#b8db87",
+      "light": "#4db380"
+    },
+    "diffHighlightRemoved": {
+      "dark": "#e26a75",
+      "light": "#f52a65"
+    },
+    "diffAddedBg": {
+      "dark": "transparent",
+      "light": "transparent"
+    },
+    "diffRemovedBg": {
+      "dark": "transparent",
+      "light": "transparent"
+    },
+    "diffContextBg": {
+      "dark": "transparent",
+      "light": "transparent"
+    },
+    "diffLineNumber": {
+      "dark": "#666666",
+      "light": "#999999"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "transparent",
+      "light": "transparent"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "transparent",
+      "light": "transparent"
+    },
+    "markdownText": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "markdownHeading": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "markdownLink": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "markdownLinkText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCode": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "markdownBlockQuote": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownEmph": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "markdownStrong": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "markdownHorizontalRule": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "markdownListItem": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "markdownListEnumeration": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownImage": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "markdownImageText": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "markdownCodeBlock": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    },
+    "syntaxComment": {
+      "dark": "darkStep11",
+      "light": "lightStep11"
+    },
+    "syntaxKeyword": {
+      "dark": "darkPurple",
+      "light": "lightPurple"
+    },
+    "syntaxFunction": {
+      "dark": "darkBlue",
+      "light": "lightBlue"
+    },
+    "syntaxVariable": {
+      "dark": "darkRed",
+      "light": "lightRed"
+    },
+    "syntaxString": {
+      "dark": "darkGreen",
+      "light": "lightGreen"
+    },
+    "syntaxNumber": {
+      "dark": "darkOrange",
+      "light": "lightOrange"
+    },
+    "syntaxType": {
+      "dark": "darkYellow",
+      "light": "lightYellow"
+    },
+    "syntaxOperator": {
+      "dark": "darkCyan",
+      "light": "lightCyan"
+    },
+    "syntaxPunctuation": {
+      "dark": "darkStep12",
+      "light": "lightStep12"
+    }
+  }
+}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "oc-lucent-tokyonight",
+  "version": "0.1.0",
+  "description": "Lucent Tokyo Night theme plugin for OpenCode TUI",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/RazoBeckett/opencode-lucent-tokyonight-theme.git"
+  },
+  "keywords": [
+    "opencode",
+    "opencode-plugin",
+    "tui",
+    "theme",
+    "tokyonight"
+  ],
+  "license": "MIT",
+  "files": [
+    "tui.ts",
+    "lucent-tokyonight.json",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    "./tui": {
+      "import": "./tui.ts",
+      "config": {
+        "enabled": true,
+        "autoApply": true,
+        "theme": "lucent-tokyonight"
+      }
+    }
+  },
+  "peerDependencies": {
+    "@opencode-ai/plugin": "*"
+  },
+  "engines": {
+    "opencode": ">=1.3.14"
+  }
+}

package/tui.ts

@@ -0,0 +1,31 @@
+import type { TuiPlugin, TuiPluginModule } from "@opencode-ai/plugin/tui"
+import { fileURLToPath } from "node:url"
+
+const pluginID = "oc-lucent-tokyonight"
+const defaultThemeName = "lucent-tokyonight"
+const bundledThemePath = fileURLToPath(new URL("./lucent-tokyonight.json", import.meta.url))
+
+type Options = {
+  enabled?: boolean
+  autoApply?: boolean
+  theme?: string
+}
+
+const tui: TuiPlugin = async (api, options) => {
+  const config = (options ?? {}) as Options
+  if (config.enabled === false) return
+
+  await api.theme.install(bundledThemePath)
+
+  const themeName = config.theme?.trim() || defaultThemeName
+  const shouldAutoApply = config.autoApply ?? true
+
+  if (shouldAutoApply && api.theme.selected !== themeName) {
+    api.theme.set(themeName)
+  }
+}
+
+export default {
+  id: pluginID,
+  tui,
+} satisfies TuiPluginModule & { id: string }