N°4460 - Allow to customize skeleton placeholders colors using CSS3 variables

2026-05-20 07:42:17 +02:00 · 2023-03-02 15:45:36 +01:00
parent bccdb1bc3a
commit 3021234895
6 changed files with 31 additions and 13 deletions
--- a/images/placeholders/skeleton-list.svg
+++ b/images/placeholders/skeleton-list.svg
@@ -39,7 +39,7 @@
    <linearGradient id="list-fill">
      <stop
              offset="0.599964"
-              stop-color="#f3f3f3"
+              stop-color="var(--skeleton-start-color)"
              stop-opacity="1"
      >
        <animate
@@ -52,7 +52,7 @@
      </stop>
      <stop
              offset="1.59996"
-              stop-color="#ecebeb"
+              stop-color="var(--skeleton-stop-color)"
              stop-opacity="1"
      >
        <animate
@@ -65,7 +65,7 @@
      </stop>
      <stop
              offset="2.59996"
-              stop-color="#f3f3f3"
+              stop-color="var(--skeleton-start-color)"
              stop-opacity="1"
      >
        <animate