@telepath-computer/television 0.1.216 → 1.3.3

package/dist/themes/clouds/THIRD-PARTY-NOTICES.txt

@@ -0,0 +1,81 @@
+TELEVISION THIRD-PARTY LICENSING NOTICES
+
+This file contains the license terms and attribution notices for third-party software and materials included in Television.
+================================================================================
+Ljubomir Žarković — Unsplash bt_ZtkCxLs4
+Licensed under LicenseRef-Unsplash.
+--------------------------------------------------------------------------------
+Photo by Ljubomir Žarković on Unsplash.
+https://unsplash.com/photos/bt_ZtkCxLs4
+
+Unsplash License
+https://unsplash.com/license
+Retrieved 2026-09-17
+
+Unsplash visuals are made to be used freely. Our license reflects that.
+
+All images can be downloaded and used for free
+Commercial and non-commercial purposes
+No permission needed (though attribution is appreciated!)
+
+What is not permitted
+
+Images cannot be sold without significant modification.
+Compiling images from Unsplash to replicate a similar or competing service.
+
+Longform
+
+Unsplash grants you an irrevocable, nonexclusive, worldwide copyright license to download, copy, modify, distribute, perform, and use images from Unsplash for free, including for commercial purposes, without permission from or attributing the photographer or Unsplash. This license does not include the right to compile images from Unsplash to replicate a similar or competing service.
+
+================================================================================
+Shot by Cerqueira — Unsplash NpF9JLGYfeQ
+Licensed under LicenseRef-Unsplash.
+--------------------------------------------------------------------------------
+Photo by Shot by Cerqueira on Unsplash.
+https://unsplash.com/photos/NpF9JLGYfeQ
+
+Unsplash License
+https://unsplash.com/license
+Retrieved 2026-09-17
+
+Unsplash visuals are made to be used freely. Our license reflects that.
+
+All images can be downloaded and used for free
+Commercial and non-commercial purposes
+No permission needed (though attribution is appreciated!)
+
+What is not permitted
+
+Images cannot be sold without significant modification.
+Compiling images from Unsplash to replicate a similar or competing service.
+
+Longform
+
+Unsplash grants you an irrevocable, nonexclusive, worldwide copyright license to download, copy, modify, distribute, perform, and use images from Unsplash for free, including for commercial purposes, without permission from or attributing the photographer or Unsplash. This license does not include the right to compile images from Unsplash to replicate a similar or competing service.
+
+================================================================================
+Tailwind CSS color palette
+Licensed under MIT.
+--------------------------------------------------------------------------------
+MIT License
+
+Copyright (c) Tailwind Labs, Inc.
+
+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 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/dist/themes/clouds/manifest.json

@@ -0,0 +1,6 @@
+{
+  "name": "Clouds",
+  "version": "2.1.0",
+  "colorScheme": "light dark",
+  "authoredForAppVersion": "1.3.1"
+}

package/dist/themes/clouds/theme.css

@@ -0,0 +1,62 @@
+/* Gray, Neutral and Slate palettes adapted from Tailwind CSS.
+   https://github.com/tailwindlabs/tailwindcss
+   Copyright (c) Tailwind Labs, Inc.
+   MIT License; see THIRD-PARTY-NOTICES.txt. */
+:root {
+  /* Bright blue for primary controls and selection in light appearance. */
+  --color-primary: #3994c9;
+  --neutral: oklch(55.1% 0.027 264.364);
+  --neutral-50: oklch(98.5% 0.002 247.839);
+  --neutral-100: oklch(96.7% 0.003 264.542);
+  --neutral-200: oklch(92.8% 0.006 264.531);
+  --neutral-300: oklch(87.2% 0.01 258.338);
+  --neutral-400: oklch(70.7% 0.022 261.325);
+  --neutral-500: var(--neutral);
+  --neutral-600: oklch(44.6% 0.03 256.802);
+  --neutral-700: oklch(37.3% 0.034 259.733);
+  --neutral-800: oklch(27.8% 0.033 256.848);
+  --neutral-900: oklch(21% 0.034 264.665);
+  --neutral-950: oklch(13% 0.028 261.692);
+}
+
+:root[data-theme="light"] {
+  --color-border: oklch(from var(--color-text) l c h / var(--alpha-20));
+}
+
+/* Mostly Neutral, with a trace of Gray for a cool dark surface. */
+:root[data-theme="dark"] {
+  /* Slate 500 keeps the dark appearance subdued. */
+  --color-primary: oklch(55.4% 0.046 257.417);
+  --neutral: color-mix(in oklch, oklch(55.1% 0.027 264.364) 25%, oklch(55.6% 0 none));
+  --neutral-50: color-mix(in oklch, oklch(98.5% 0.002 247.839) 25%, oklch(98.5% 0 none));
+  --neutral-100: color-mix(in oklch, oklch(96.7% 0.003 264.542) 25%, oklch(97% 0 none));
+  --neutral-200: color-mix(in oklch, oklch(92.8% 0.006 264.531) 25%, oklch(92.2% 0 none));
+  --neutral-300: color-mix(in oklch, oklch(87.2% 0.01 258.338) 25%, oklch(87% 0 none));
+  --neutral-400: color-mix(in oklch, oklch(70.7% 0.022 261.325) 25%, oklch(70.8% 0 none));
+  --neutral-500: var(--neutral);
+  --neutral-600: color-mix(in oklch, oklch(44.6% 0.03 256.802) 25%, oklch(43.9% 0 none));
+  --neutral-700: color-mix(in oklch, oklch(37.3% 0.034 259.733) 25%, oklch(37.1% 0 none));
+  --neutral-800: color-mix(in oklch, oklch(27.8% 0.033 256.848) 25%, oklch(26.9% 0 none));
+  --neutral-900: color-mix(in oklch, oklch(21% 0.034 264.665) 25%, oklch(20.5% 0 none));
+  --neutral-950: color-mix(in oklch, oklch(13% 0.028 261.692) 25%, oklch(14.5% 0 none));
+}
+
+:root[data-television-document="app"] {
+  --app-wallpaper-image: url(wallpaper.webp);
+  --sidebar-background: var(--color-surface-muted);
+  --sidebar-shadow: var(--shadow-sm);
+  --frame-titlebar-background: var(--color-surface-muted);
+  --wallpaper-overlay-background: oklch(27.9% 0.041 260.031 / var(--alpha-50));
+  --wallpaper-overlay-background-active: oklch(from var(--wallpaper-overlay-background) calc(l * 0.8) c h / var(--alpha-75));
+  --wallpaper-overlay-text-color: var(--neutral-50);
+  --tab-text-color: var(--wallpaper-overlay-text-color);
+  --wallpaper-overlay-blur: 8px;
+}
+
+:root[data-television-document="app"][data-theme="light"] {
+  --wallpaper-overlay-background: oklch(from var(--color-primary) calc(l - 0.18) c h / var(--alpha-50));
+}
+
+:root[data-television-document="app"][data-theme="dark"] {
+  --app-wallpaper-image: url(wallpaper-dark.webp);
+}

package/dist/themes/crt-phosphor/README.md

@@ -0,0 +1,31 @@
+# CRT Phosphor
+
+Authored by an agent (Claude) on 2026-09-17 as part of a batch of "fun themes" testing the theme system. Covers "single-mode (dark)" and "CSS-only effects on `#foreground-overlay`".
+
+## Intent
+
+A green P1 phosphor terminal: monochrome green on near-black, monospace, glowing type, scanlines, vignette, a rolling refresh band and faint mains flicker. Fixed look with no mode blocks. The manifest declares `"colorScheme": "dark"`, so Television applies the dark appearance wherever this theme is active, whatever the appearance preference says. The theme sets no CSS `color-scheme` anywhere; Television supplies it.
+
+## Choices
+
+- A private `--phosphor` custom property holds the green; documented tokens point at it. (It is theme-owned, not a Television token.)
+- Shadows become glows.
+- `text-shadow` on `:root` inherits everywhere, including live-canonical artifacts (the iframe documents load the same stylesheet, so each gets its own `:root` rule). Removed on the reversed selected channel row.
+- `--color-danger` stays amber instead of going green: destructive actions must remain distinguishable.
+- Selected tab is an outlined phosphor box rather than a fill, so the cursor glyph reads.
+
+## Effects and cost
+
+All on `#foreground-overlay`, CSS only, no scripts:
+
+- Base: two repeating gradients (scanlines, grille) + radial vignette. Static.
+- `::before` refresh band: one `transform` animation, 7s loop, compositor-only.
+- `::after` flicker: stepped opacity, 4s loop — deliberately `steps(1)` so it repaints a handful of times per cycle rather than every frame.
+- Cursor blink on the selected tab label: stepped.
+- All animation stops under `prefers-reduced-motion: reduce`.
+
+The overlay does not cover native modal dialogs (they sit above it), so dialogs appear "in front of the glass". Accepted.
+
+## Files
+
+`theme.css`, `manifest.json`. No assets, no JavaScript.

package/dist/themes/crt-phosphor/manifest.json

@@ -0,0 +1,6 @@
+{
+  "name": "CRT Phosphor",
+  "version": "1.0.0",
+  "colorScheme": "dark",
+  "authoredForAppVersion": "1.3.1"
+}

package/dist/themes/crt-phosphor/theme.css

@@ -0,0 +1,105 @@
+/* CRT Phosphor — a P1 green monitor. Fixed look; all effects are CSS on the foreground overlay. */
+:root {
+  --phosphor: oklch(0.86 0.24 145);
+  --neutral: oklch(0.556 0.06 148);
+  --accent: var(--phosphor);
+  --color-surface: oklch(0.17 0.035 150);
+  --color-surface-muted: oklch(0.14 0.03 150);
+  --color-text: oklch(0.88 0.2 145);
+  --color-text-muted: oklch(0.66 0.14 146);
+  --color-text-reversed: oklch(0.14 0.03 150);
+  --color-border: oklch(from var(--phosphor) l c h / 35%);
+  --color-link: var(--phosphor);
+  /* A monochrome tube cannot show red: situations keep distinct lightness, not hue. Danger stays amber so destructive actions remain recognisable. */
+  --color-danger: oklch(0.8 0.17 70);
+  --color-success: var(--phosphor);
+  --alpha-active: 14%;
+
+  --font-sans: ui-monospace, "SF Mono", SFMono-Regular, Menlo, "DejaVu Sans Mono", monospace;
+  --control-radius: 2px;
+  --panel-radius: 4px;
+  --surface-border-color: oklch(from var(--phosphor) l c h / 45%);
+  --surface-outline-color: oklch(0 0 0 / 60%);
+  /* Light sources glow; they do not cast shadows. */
+  --shadow-sm: 0 0 6px oklch(from var(--phosphor) l c h / 18%);
+  --shadow-md: 0 0 14px oklch(from var(--phosphor) l c h / 22%);
+  --shadow-lg: 0 0 24px oklch(from var(--phosphor) l c h / 22%);
+  --shadow-xl: 0 0 40px oklch(from var(--phosphor) l c h / 20%);
+
+  /* Phosphor bloom on all type, inherited by app and live-canonical artifacts alike. */
+  text-shadow: 0 0 5px oklch(from currentColor l c h / 45%);
+}
+
+:root[data-television-document="app"] {
+  --frame-radius: 14px; /* slightly bulged tube corners */
+  --tab-radius: 2px;
+  --sidebar-background: oklch(0.12 0.025 150);
+  --sidebar-heading-font-size: var(--text-sm);
+  --channel-background-selected: var(--phosphor);
+  --channel-text-color-selected: oklch(0.14 0.03 150);
+  --tab-background-selected: transparent;
+  --tab-text-color-selected: var(--phosphor);
+  --tab-border-selected: 1px solid var(--phosphor);
+  --wallpaper-overlay-text-color: var(--color-text-muted);
+  --app-wallpaper: radial-gradient(120% 90% at 50% 45%, oklch(0.2 0.05 150), oklch(0.08 0.02 150) 75%);
+}
+
+/* Shell prompt on the selected channel; the reversed row already carries selection, this is flavour. */
+:root[data-television-document="app"] .channel[aria-selected="true"]::before {
+  content: "> ";
+}
+/* No glow on reversed-out text: dark ink on a lit block does not bloom. */
+:root[data-television-document="app"] .channel[aria-selected="true"] {
+  text-shadow: none;
+}
+
+/* Block cursor after the current tab's label. */
+:root[data-television-document="app"] .tab[aria-selected="true"] .tab-label::after {
+  content: "\2588";
+  margin-left: 2px;
+  animation: crt-blink 1.1s steps(1) infinite;
+}
+:root[data-television-document="app"] :is(.tab-label, .channel-group-label) {
+  text-transform: uppercase;
+}
+
+/* The glass. Scanlines + an aperture-grille hint + vignette on the overlay; a slow refresh band and mains flicker on its pseudo-elements. Never takes input. */
+:root[data-television-document="app"] #foreground-overlay {
+  background:
+    repeating-linear-gradient(to bottom, oklch(0 0 0 / 0%) 0 2px, oklch(0 0 0 / 22%) 2px 3px),
+    repeating-linear-gradient(to right, oklch(0.8 0.2 145 / 3%) 0 1px, transparent 1px 3px),
+    radial-gradient(ellipse at center, transparent 55%, oklch(0 0 0 / 55%) 100%);
+  overflow: hidden;
+}
+:root[data-television-document="app"] #foreground-overlay::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  height: 22vh;
+  background: linear-gradient(to bottom, transparent, oklch(0.9 0.2 145 / 5%) 80%, transparent);
+  animation: crt-refresh 7s linear infinite;
+  will-change: transform;
+}
+:root[data-television-document="app"] #foreground-overlay::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: oklch(0.9 0.2 145 / 2.5%);
+  animation: crt-flicker 4s steps(1) infinite;
+}
+
+@keyframes crt-blink { 50% { opacity: 0; } }
+@keyframes crt-refresh { from { transform: translateY(-25vh); } to { transform: translateY(105vh); } }
+@keyframes crt-flicker { 0%, 100% { opacity: 1; } 7% { opacity: 0.2; } 9% { opacity: 1; } 52% { opacity: 0.5; } 54% { opacity: 1; } 81% { opacity: 0; } 82% { opacity: 1; } }
+
+/* Motion is decoration only: honour the OS reduced-motion preference (a motion query, not an appearance query). */
+@media (prefers-reduced-motion: reduce) {
+  :root[data-television-document="app"] #foreground-overlay::before,
+  :root[data-television-document="app"] #foreground-overlay::after,
+  :root[data-television-document="app"] .tab[aria-selected="true"] .tab-label::after {
+    animation: none;
+  }
+  :root[data-television-document="app"] #foreground-overlay::before { display: none; }
+}

package/dist/themes/nord/README.md

@@ -0,0 +1,9 @@
+# Nord
+
+Nord brings the cool blue-gray colors of the [Nord palette](https://github.com/nordtheme/nord) to Television. It stays dark in both light and dark appearance settings.
+
+Pale text and an icy cyan accent stand out against dark surfaces. A deeper, quieter background separates the content from the surrounding application, while warmer accent colors distinguish status and actions.
+
+## License
+
+The palette is distributed under the [MIT License](https://github.com/nordtheme/nord/blob/1cef71605416a222e57225b544540ce0fcec18d4/license). Complete license terms and attribution are included in `THIRD-PARTY-NOTICES.txt` in the installed theme folder.

package/dist/themes/nord/THIRD-PARTY-NOTICES.txt

@@ -0,0 +1,29 @@
+TELEVISION THIRD-PARTY LICENSING NOTICES
+
+This file contains the license terms and attribution notices for third-party software and materials included in Television.
+================================================================================
+Nord color palette
+Licensed under MIT.
+--------------------------------------------------------------------------------
+MIT License (MIT)
+
+Copyright (c) 2016-present Sven Greb <development@svengreb.de> (https://www.svengreb.de)
+
+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 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/dist/themes/nord/manifest.json

@@ -0,0 +1,5 @@
+{
+  "name": "Nord",
+  "version": "1.1.0",
+  "colorScheme": "dark"
+}

package/dist/themes/nord/theme.css

@@ -0,0 +1,28 @@
+/*
+ * Colors from Nord — https://github.com/nordtheme/nord
+ * Copyright (c) 2016-present Sven Greb <development@svengreb.de> (https://www.svengreb.de)
+ * MIT License; full text in THIRD-PARTY-NOTICES.txt.
+ */
+
+/* The Nord theme ([[ui/themes/nord/index.md]]). */
+:root {
+  --neutral: #4c566a;
+  --red: #bf616a;
+  --orange: #d08770;
+  --yellow: #ebcb8b;
+  --green: #a3be8c;
+  --cyan: #88c0d0;
+  --blue: #5e81ac;
+  --purple: #b48ead;
+  --pink: #b48ead;
+  --accent: var(--cyan);
+
+  --color-surface: #2e3440;
+  --color-surface-muted: #3b4252;
+  --color-text: #d8dee9;
+  --color-text-muted: var(--neutral-400);
+}
+
+:root[data-television-document="app"] {
+  --app-wallpaper: oklch(from var(--color-surface) calc(l - 0.03) calc(c * 0.85) h);
+}

package/dist/themes/swiss/README.md

@@ -0,0 +1,5 @@
+# Swiss
+
+Swiss pairs the familiar Television interface with a red accent and an always-dark sidebar. It supports both light and dark appearance settings.
+
+In light appearance, white content surfaces stand out against a soft gray background. In dark appearance, lighter content surfaces and a deeper background keep the workspace distinct from the sidebar. The restrained palette keeps attention on the content and uses red to mark primary actions and selections.

package/dist/themes/swiss/manifest.json

@@ -0,0 +1,5 @@
+{
+  "name": "Swiss",
+  "version": "1.1.0",
+  "colorScheme": "light dark"
+}

package/dist/themes/swiss/theme.css

@@ -0,0 +1,34 @@
+/* Swiss adds a red primary accent to the default palette. */
+:root {
+  --color-primary: #df363c;
+}
+
+:root[data-theme="dark"] {
+  --color-surface: oklch(from var(--neutral-800) calc(l + 0.03) c h);
+  --color-surface-muted: oklch(from var(--neutral-800) calc(l + 0.07) c h);
+}
+
+/* Keep the sidebar dark in both appearances. */
+:root[data-television-document="app"] {
+  --sidebar-background: var(--neutral-800);
+  --sidebar-text-color: var(--neutral-100);
+  --sidebar-heading-text-color: var(--neutral-400);
+}
+
+:root[data-television-document="app"][data-theme="light"] {
+  --app-wallpaper: oklch(from var(--neutral-200) calc(l - 0.03) c h);
+}
+
+:root[data-television-document="app"][data-theme="dark"] {
+  --app-wallpaper: oklch(from var(--sidebar-background) calc(l - 0.015) c h);
+}
+
+/* Dragged rows keep the sidebar ground behind their light text. */
+:root[data-television-document="app"] .sidebar .channel-row.dragged {
+  background: var(--sidebar-background);
+}
+
+/* Rename and drag actions retain standard surfaces and their matching text. */
+:root[data-television-document="app"] .sidebar :is(.channel-rename-commit, .channel-drag-action) {
+  color: var(--control-text-color);
+}

package/dist/themes/tokyo-night/README.md

@@ -0,0 +1,17 @@
+# Tokyo Night
+
+Tokyo Night combines a dark city photograph with the blue and purple tones of the Tokyo Night palette. It stays dark in both light and dark appearance settings.
+
+The city lights give the background texture, while dark translucent controls and blur keep the interface readable. Blue marks primary actions against cool, subdued surfaces.
+
+## Palette and license
+
+The colors come from the [Tokyo Night Night palette](https://github.com/folke/tokyonight.nvim/blob/cdc07ac78467a233fd62c493de29a17e0cf2b2b6/lua/tokyonight/colors/night.lua), distributed under [Apache License 2.0](https://github.com/folke/tokyonight.nvim/blob/cdc07ac78467a233fd62c493de29a17e0cf2b2b6/LICENSE).
+
+## Wallpaper and credit
+
+The photograph in `wallpaper.webp` is centered and cropped to fill the application background.
+
+Photo by <a href="https://unsplash.com/@cmzw?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Mingwei Lim</a> on <a href="https://unsplash.com/photos/a-city-at-night-BpuF14DFbYs?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>.
+
+The photograph is used under the [Unsplash License](https://unsplash.com/license), retrieved 2026-09-17. Complete palette and photo license terms and attribution are included in `THIRD-PARTY-NOTICES.txt` in the installed theme folder.