From 7b1bad3729c8d83791857d50989703bf3d105ad1 Mon Sep 17 00:00:00 2001
From: Samira <13108552+koninginsamira@users.noreply.github.com>
Date: Tue, 21 Apr 2026 23:06:01 +0200
Subject: [PATCH] Moved library logos to optional css file

---
 andromeda.css     | 62 -----------------------------------------------
 library-logos.css | 61 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 61 insertions(+), 62 deletions(-)
 create mode 100644 library-logos.css

diff --git a/andromeda.css b/andromeda.css
index 76450e0..86fb8f8 100644
--- a/andromeda.css
+++ b/andromeda.css
@@ -12,68 +12,6 @@
     }
 }
 
-/* ============================== */
-/*  Add fonts
-/* ============================== */
-@font-face {
-    font-display: swap;
-    font-family: "Quicksand";
-    font-style: normal;
-    font-weight: 700;
-    src: url("../web/assets/fonts/quicksand-latin-700.woff2") format("woff2");
-}
-
-/* ============================== */
-/*  Generate library "images"
-/* ============================== */
-.card[data-type="CollectionFolder"] .cardImageContainer.coveredImage,
-.card[data-type="UserView"] .cardImageContainer.coveredImage,
-.card[data-type="CollectionFolder"] .cardImageContainer.defaultCardBackground,
-.card[data-type="UserView"] .cardImageContainer.defaultCardBackground {
-    container-type: size;
-    background-color: transparent;
-    background-image: none !important; /* Remove fallback image when custom CSS is used */
-    opacity: 1 !important; /* Disable blink because of lazy loading */
-}
-.card[data-type="CollectionFolder"] .cardImageContainer.coveredImage::before,
-.card[data-type="UserView"] .cardImageContainer.coveredImage::before,
-.card[data-type="CollectionFolder"] .cardImageContainer.defaultCardBackground::before,
-.card[data-type="UserView"] .cardImageContainer.defaultCardBackground::before {
-    /* Get library name */
-    content: attr(aria-label);
-
-    /* Set font */
-    font-family: "Quicksand";
-    font-weight: 700;
-
-    /* Fill card */
-    font-size: 3.5em; /* Fallback (for Media Player) */
-    font-size: 30cqmin; /* Preferred */
-
-    /* Add gradient */
-    background: linear-gradient(90deg, #9757ae 0%, #2396d4 100%);
-    -webkit-background-clip: text;
-    background-clip: text;
-    color: transparent;
-    -webkit-text-fill-color: transparent;
-    text-fill-color: transparent;
-}
-/* Hide icon when no fallback image is used */
-.card[data-type="CollectionFolder"] .cardImageIcon,
-.card[data-type="UserView"] .cardImageIcon {
-    display: none;
-}
-/* Hide blur because of lazy loading */
-.card[data-type="CollectionFolder"] .blurhash-canvas,
-.card[data-type="UserView"] .blurhash-canvas {
-    display: none;
-}
-/* Hide library card titles */
-.card[data-type="CollectionFolder"] .cardText,
-.card[data-type="UserView"] .cardText {
-    display: none;
-}
-
 /* ============================== */
 /*  Header
 /* ============================== */
diff --git a/library-logos.css b/library-logos.css
new file mode 100644
index 0000000..cf04456
--- /dev/null
+++ b/library-logos.css
@@ -0,0 +1,61 @@
+/* ============================== */
+/*  Add fonts
+/* ============================== */
+@font-face {
+    font-display: swap;
+    font-family: "Quicksand";
+    font-style: normal;
+    font-weight: 700;
+    src: url("../web/assets/fonts/quicksand-latin-700.woff2") format("woff2");
+}
+
+/* ============================== */
+/*  Generate library logos
+/* ============================== */
+.card[data-type="CollectionFolder"] .cardImageContainer.coveredImage,
+.card[data-type="UserView"] .cardImageContainer.coveredImage,
+.card[data-type="CollectionFolder"] .cardImageContainer.defaultCardBackground,
+.card[data-type="UserView"] .cardImageContainer.defaultCardBackground {
+    container-type: size;
+    background-color: transparent;
+    background-image: none !important; /* Remove fallback image when custom CSS is used */
+    opacity: 1 !important; /* Disable blink because of lazy loading */
+}
+.card[data-type="CollectionFolder"] .cardImageContainer.coveredImage::before,
+.card[data-type="UserView"] .cardImageContainer.coveredImage::before,
+.card[data-type="CollectionFolder"] .cardImageContainer.defaultCardBackground::before,
+.card[data-type="UserView"] .cardImageContainer.defaultCardBackground::before {
+    /* Get library name */
+    content: attr(aria-label);
+
+    /* Set font */
+    font-family: "Quicksand";
+    font-weight: 700;
+
+    /* Fill card */
+    font-size: 3.5em; /* Fallback (for Media Player) */
+    font-size: 30cqmin; /* Preferred */
+
+    /* Add gradient */
+    background: linear-gradient(90deg, #9757ae 0%, #2396d4 100%);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+    -webkit-text-fill-color: transparent;
+    text-fill-color: transparent;
+}
+/* Hide icon when no fallback image is used */
+.card[data-type="CollectionFolder"] .cardImageIcon,
+.card[data-type="UserView"] .cardImageIcon {
+    display: none;
+}
+/* Hide blur because of lazy loading */
+.card[data-type="CollectionFolder"] .blurhash-canvas,
+.card[data-type="UserView"] .blurhash-canvas {
+    display: none;
+}
+/* Hide library card titles */
+.card[data-type="CollectionFolder"] .cardText,
+.card[data-type="UserView"] .cardText {
+    display: none;
+}
\ No newline at end of file