openvibers/openvibe.live Commits

A channel's default offline card wears the theme (unreadable on light looks) (#510)

OP OpenVibers committed 12 days ago · f8cef634e1 · 1 file, +3 −0

The offline screen is a black video stage (#0c0c0f), right for a streamer's own offline image or HTML; the default
card on it (avatar, name, "is offline", Most watched) uses the theme's text colours, so on Daylight the name and
the heading were dark on black. The default card now sits on the theme's surface with a faint accent glow.

Changes

ddiff --git a/public/css/features/channel.css b/public/css/features/channel.css
iindex ae483f0a..afa3dd85 100644
---- a/public/css/features/channel.css
++++ b/public/css/features/channel.css
@@@ -938,6 +938,9 @@ button.viewer-badge:focus-visible { outline: 2px solid #93c5fd; outline-offset:
  .ch-offline-default-name { font-size: 1.4rem; font-weight: 700; color: var(--text-primary); }
  .ch-offline-default-sub { font-size: 0.9rem; opacity: 0.7; margin-top: 4px; }
  .ch-offline-screen:has(.ch-offline-default) { aspect-ratio: auto; max-height: none; height: auto; min-height: 0; align-items: stretch; }
++/* The default offline card is a page surface, not a video stage: it wears the theme (a streamer's own offline image or
++   HTML keeps the dark stage above). On a light theme the black stage left the name and "Most watched" unreadable. */
++.ch-offline-screen:has(.ch-offline-default) { background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--accent) 9%, var(--bg-secondary, #15151c)), var(--bg-secondary, #15151c) 72%); }
  .ch-offline-screen:has(.ch-offline-default) .ch-offline-default { justify-content: flex-start; padding-top: clamp(20px, 5vh, 44px); padding-bottom: clamp(18px, 4vh, 36px); }
  .ch-offline-explore { width: 100%; margin-top: 22px; }
  .off-cyc { width: 100%; max-width: 980px; margin: 0 auto; padding: 0 clamp(10px, 3vw, 24px); box-sizing: border-box; }