Changeset 52badd3 in Klonkt

Timestamp:

06/15/2026 03:39:37 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

1f01b99

Parents:

d54dade

Message:

style: Spotify box — inner area back to theme colour (white border stays)

The white border/box around the Spotify embed remains, but the interior is
no longer white: bg + overflow inherit from the base card again
(var(--paper-2)) and the facade text uses theme tokens, so it looks correct
in every theme. embed.css v=2 -> v=3.

Co-Authored-By: Claude <noreply@…>

Location:

src

Files:

• assets/css/embed.css (modified) (1 diff)
• views/shell.ejs (modified) (1 diff)

src/assets/css/embed.css

@@ -140 +140 @@
  * staat ook later in het bestand. */
 .folio-embed.pcms-embed-card--spotify {
-  border: 3px solid #ffffff;
+  border: 3px solid #ffffff;          /* witte rand blijft */
   border-radius: 16px;
-  background: #ffffff;
-  padding: 5px;
   box-shadow: 0 4px 18px rgba(0, 0, 0, .18);
-}
-.pcms-embed-card--spotify .pcms-embed-mount iframe { border-radius: 12px; }
-/* Facade (vóór afspelen) leesbaar op de witte box, ongeacht het thema. */
-.pcms-embed-card--spotify .pcms-embed-audio { background: #ffffff; border-radius: 12px; overflow: hidden; }
-.pcms-embed-card--spotify .pcms-embed-art { background: #f0f0f0; color: #191414; }
-.pcms-embed-card--spotify .pcms-embed-title { color: #191414; }
-.pcms-embed-card--spotify .pcms-embed-sub { color: #555555; }
-.pcms-embed-card--spotify .pcms-embed-frame-badge { background: #ffffff; border-top: 0; padding-top: 0; }
+  /* bg + overflow:hidden erven van de basis-kaart → de binnenste box krijgt
+   * weer de thema-kleur (var(--paper-2)) i.p.v. wit; facade-tekst gebruikt de
+   * gewone thema-tokens en blijft dus leesbaar. */
+}
 
 /* ---- Grote play-knop (poster/art) ---- */

src/views/shell.ejs

@@ -170 +170 @@
 <link rel="stylesheet" href="/assets/css/audio.css?v=5">
 <!-- Eigen custom media-embeds (YouTube/SoundCloud/Spotify) in huisstijl. -->
-<link rel="stylesheet" href="/assets/css/embed.css?v=2">
+<link rel="stylesheet" href="/assets/css/embed.css?v=3">
 
 <%- include('partials/shared-styles') %>