kryten-webqueue 0.34.2__tar.gz → 0.34.4__tar.gz

{kryten_webqueue-0.34.2 → kryten_webqueue-0.34.4}/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## [0.34.4] - 2026-08-12
+
+### Changed
+
+- Full re-theme: both dark and light modes now use a late-1970s palette.
+  - **Dark mode**: deep walnut-brown backgrounds (`#1a1208`–`#2f2010`), warm
+    cream text (`#f2e8d0`), harvest-gold accent (`#e89610`, 7.4:1 on bg),
+    avocado-green success, burnt-orange warning, rust danger.
+  - **Light mode**: warm cream surfaces (`#f5edd6`–`#fdf8ec`), dark-chocolate
+    text (`#2c1e08`), dark-amber accent (`#8a4e00`, 6:1 on cream), deep
+    avocado success, dark-amber warning, dark-rust danger.
+- Added `--accent-text` CSS variable (dark in dark mode, cream in light mode)
+  so text on accent-colored buttons, badges, and pagination is always
+  legible. All hardcoded `color: white` / `color: #333` on tinted backgrounds
+  replaced with the appropriate token.
+
+## [0.34.3] - 2026-08-12
+
+### Fixed
+
+- Dark mode: replaced low-contrast purple accent (`#6c5ce7`) with pale orange
+  (`#f5a742`, hover `#ffbc5e`) in both the default `:root` and the explicit
+  `[data-theme="dark"]` blocks. Light mode accent is unchanged.
+
 ## [0.34.2] - 2026-08-12
 
 ### Removed

{kryten_webqueue-0.34.2 → kryten_webqueue-0.34.4}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.5
 Name: kryten-webqueue
-Version: 0.34.2
+Version: 0.34.4
 Summary: Netflix/Tubi-style catalog browser and pay-to-play queue management for CyTube
 Author: grobertson
 License-Expression: MIT

{kryten_webqueue-0.34.2 → kryten_webqueue-0.34.4}/kryten_webqueue/static/css/main.css

@@ -1,22 +1,24 @@
 /* kryten-webqueue — Main Stylesheet */
 
 :root {
-    /* Default (dark) palette. An explicit [data-theme="dark"] block below mirrors
-       these so the navbar toggle is symmetric; [data-theme="light"] overrides
-       them. Theme-independent tokens (radius, fonts, nav height) live here. */
-    --bg-primary: #0f0f14;
-    --bg-secondary: #1a1a24;
-    --bg-card: #22222e;
-    --bg-hover: #2a2a3a;
-    --text-primary: #e8e8f0;
-    --text-secondary: #9090a8;
-    --accent: #6c5ce7;
-    --accent-hover: #7f70f0;
-    --success: #00b894;
-    --warning: #fdcb6e;
-    --danger: #e17055;
-    --border: #33334a;
-    --shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+    /* Default (dark) palette — 1970s night: walnut browns, harvest gold, avocado.
+       An explicit [data-theme="dark"] block below mirrors these so the navbar
+       toggle is symmetric; [data-theme="light"] overrides them.
+       Theme-independent tokens (radius, fonts, nav height) live here. */
+    --bg-primary: #1a1208;
+    --bg-secondary: #251a0d;
+    --bg-card: #2f2010;
+    --bg-hover: #3c2a16;
+    --text-primary: #f2e8d0;
+    --text-secondary: #ae9870;
+    --accent: #e89610;
+    --accent-hover: #f5aa28;
+    --accent-text: #1a1208;    /* text on accent-colored backgrounds */
+    --success: #6aaa3c;
+    --warning: #df7c18;
+    --danger: #dc5430;
+    --border: #4a3218;
+    --shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
     --radius: 8px;
     --nav-height: 4rem;
     --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -25,37 +27,40 @@
 
 /* Explicit dark theme (mirrors the defaults) — set by the toggle. */
 :root[data-theme="dark"] {
-    --bg-primary: #0f0f14;
-    --bg-secondary: #1a1a24;
-    --bg-card: #22222e;
-    --bg-hover: #2a2a3a;
-    --text-primary: #e8e8f0;
-    --text-secondary: #9090a8;
-    --accent: #6c5ce7;
-    --accent-hover: #7f70f0;
-    --success: #00b894;
-    --warning: #fdcb6e;
-    --danger: #e17055;
-    --border: #33334a;
-    --shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+    --bg-primary: #1a1208;
+    --bg-secondary: #251a0d;
+    --bg-card: #2f2010;
+    --bg-hover: #3c2a16;
+    --text-primary: #f2e8d0;
+    --text-secondary: #ae9870;
+    --accent: #e89610;
+    --accent-hover: #f5aa28;
+    --accent-text: #1a1208;
+    --success: #6aaa3c;
+    --warning: #df7c18;
+    --danger: #dc5430;
+    --border: #4a3218;
+    --shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
 }
 
-/* Light theme. Same accent family; lighter surfaces, darker text, and slightly
-   deepened semantic colors so they keep contrast on white. */
+/* Light theme — 1970s day: warm cream surfaces, chocolate text, dark amber.
+   Accent darkened to #8a4e00 so it clears 6:1 on cream as link text
+   and still reads with cream (--accent-text) on buttons. */
 :root[data-theme="light"] {
-    --bg-primary: #f3f3f8;
-    --bg-secondary: #e9e9f1;
-    --bg-card: #ffffff;
-    --bg-hover: #e4e4ee;
-    --text-primary: #1b1b26;
-    --text-secondary: #5c5c72;
-    --accent: #6c5ce7;
-    --accent-hover: #5a4bd4;
-    --success: #00997a;
-    --warning: #b9810a;
-    --danger: #c84b30;
-    --border: #d6d6e2;
-    --shadow: 0 4px 12px rgba(20, 20, 40, 0.12);
+    --bg-primary: #f5edd6;
+    --bg-secondary: #ece0c0;
+    --bg-card: #fdf8ec;
+    --bg-hover: #e6d8b0;
+    --text-primary: #2c1e08;
+    --text-secondary: #6a4e28;
+    --accent: #8a4e00;
+    --accent-hover: #6e3c00;
+    --accent-text: #fdf8ec;
+    --success: #357010;
+    --warning: #8c4a00;
+    --danger: #a83010;
+    --border: #c8b080;
+    --shadow: 0 4px 12px rgba(60, 40, 0, 0.15);
 }
 
 * {
@@ -165,10 +170,11 @@ a:hover {
 .btn-primary {
     background: var(--accent);
     border-color: var(--accent);
-    color: white;
+    color: var(--accent-text);
 }
 .btn-primary:hover {
     background: var(--accent-hover);
+    color: var(--accent-text);
 }
 .btn-danger {
     background: var(--danger);
@@ -327,13 +333,13 @@ a:hover {
 .btn-queue {
     background: var(--accent);
     border-color: var(--accent);
-    color: white;
+    color: var(--accent-text);
     flex: 1;
 }
 .btn-playnext {
     background: var(--warning);
     border-color: var(--warning);
-    color: #333;
+    color: var(--bg-primary);
     flex: 1;
 }
 
@@ -576,14 +582,14 @@ a:hover {
     padding: 0.15rem 0.4rem;
     border-radius: 3px;
     background: var(--accent);
-    color: white;
+    color: var(--accent-text);
 }
 .badge-paid {
     background: var(--accent);
 }
 .badge-promo {
     background: var(--warning);
-    color: #1a1a1a;
+    color: var(--bg-primary);
 }
 .qi-user {
     font-size: 0.75rem;
@@ -1188,7 +1194,7 @@ a.np-chip {
 }
 .page-current {
     background: var(--accent);
-    color: white;
+    color: var(--accent-text);
     padding: 0.3rem 0.6rem;
     border-radius: var(--radius);
     font-weight: 700;

{kryten_webqueue-0.34.2 → kryten_webqueue-0.34.4}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "kryten-webqueue"
-version = "0.34.2"
+version = "0.34.4"
 description = "Netflix/Tubi-style catalog browser and pay-to-play queue management for CyTube"
 readme = "README.md"
 license = "MIT"