From ad295b97bb0acef173fda1ee6292f1688b5c52cc Mon Sep 17 00:00:00 2001 From: Jean Date: Fri, 19 Jun 2026 01:36:35 +0000 Subject: [PATCH] Orbit: green profile banner + avatar ring instead of per-nick hue MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Match the theme — the profile header used the per-nick colour; on Orbit use the site green (#3fb950/#2ea043). Bump SW cache v10 -> v11. --- public/sw.js | 2 +- src/index.css | 10 +++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/public/sw.js b/public/sw.js index d9d8b5a..c669bdb 100644 --- a/public/sw.js +++ b/public/sw.js @@ -1,7 +1,7 @@ // Tchatou service worker — installable PWA + offline app shell. // Scope: /app/. Only handles same-origin /app/ GETs; the IRC websocket and all // API calls (cloudflare, change_password, upload) pass straight through. -const CACHE = 'tchatou-v10'; +const CACHE = 'tchatou-v11'; const SHELL = ['/app/', '/app/index.html', '/app/favicon.svg', '/app/manifest.webmanifest']; self.addEventListener('install', (e) => { diff --git a/src/index.css b/src/index.css index 83e12e9..2acaed0 100644 --- a/src/index.css +++ b/src/index.css @@ -908,15 +908,15 @@ html[data-density="compact"] .sysline { padding-top: .06rem; padding-bottom: .06 [data-theme="orbit"] .pill.is-on { box-shadow: 0 4px 12px -4px rgba(63,185,80,.45); } [data-theme="orbit"] .pm-btn--primary { box-shadow: 0 10px 24px -8px rgba(63,185,80,.5); } [data-theme="orbit"] .pm-btn--primary:hover { box-shadow: 0 14px 30px -8px rgba(63,185,80,.65); } -/* dim the big hue-coloured profile banner + avatar ring for night */ +/* profile banner + avatar ring: drop the per-nick hue, use the site green */ [data-theme="orbit"] .pm-cover { background: - radial-gradient(130% 150% at 18% 0%, hsl(var(--hue), 50%, 38%), transparent 58%), - radial-gradient(130% 170% at 92% 6%, hsl(calc(var(--hue) + 50), 46%, 32%), transparent 54%), - linear-gradient(135deg, hsl(var(--hue), 44%, 26%), hsl(calc(var(--hue) + 70), 40%, 22%)); + radial-gradient(130% 150% at 18% 0%, rgba(63,185,80,.45), transparent 60%), + radial-gradient(120% 160% at 92% 0%, rgba(46,160,67,.40), transparent 55%), + linear-gradient(135deg, #2ea043, #15602f); } [data-theme="orbit"] .pm-avring { - background: conic-gradient(from 130deg, hsl(var(--hue),50%,44%), hsl(calc(var(--hue) + 80),46%,42%), hsl(calc(var(--hue) + 200),48%,46%), hsl(var(--hue),50%,44%)); + background: conic-gradient(from 130deg, #3fb950, #2ea043, #1f7a3a, #3fb950); } /* ============ PROFILE MODAL (stunning centered card) ============ */