Changeset cbe4f4e in Klonkt

Timestamp:

06/26/2026 10:20:37 AM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

98688c6

Parents:

72bf38f

Message:

style: transparent covers on white everywhere (not just the Cirkel)

Move the white-bg-behind-covers rule from the Cirkel page to global style.css:
.post-cover img / .post-list-cover img / .grid-tile (non-gradient). So any
transparent PNG/WebP cover sits on white on a dark theme, in every feed/post view.

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

Location:

src

Files:

• assets/css/style.css (modified) (1 diff)
• views/pages/circle-feed.ejs (modified) (1 diff)
• views/shell.ejs (modified) (1 diff)

src/assets/css/style.css

@@ -2372 +2372 @@
     -webkit-tap-highlight-color: rgba(0,0,0,.1);
 }
+
+/* Transparent covers (PNG logos etc.) sit on white everywhere so they don't blend
+   into a dark theme. Opaque covers fully cover the white — no visible change. */
+.post-cover img,
+.post-list-cover img,
+.grid-tile:not(.grid-tile-gradient) { background-color: #fff; }
 .grid-tile:hover { transform: scale(0.98); }
 .grid-tile-overlay {

src/views/pages/circle-feed.ejs

@@ -85 +85 @@
 .cirkel-empty { color: var(--ink-muted); text-align: center; margin: 2rem auto; }
 .cirkel-empty a { color: var(--accent); }
-/* Transparent PNG covers (e.g. logos) sit on white in the Cirkel so they don't
-   blend into the dark card. Opaque covers fully cover the white — no change. */
-.on-cirkel .grid-tile:not(.grid-tile-gradient) { background-color: #fff; }
-.on-cirkel .post-list-cover img { background-color: #fff; }
 </style>

src/views/shell.ejs

@@ -198 +198 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=51">
+<link rel="stylesheet" href="/assets/css/style.css?v=52">
 
 <!-- Audio player styles: loaded on every page so the mini-player works