fix: arrow fill color

teaSummer · Jul 22, 2024 · 0720024 · 0720024
1 parent 1746cce
commit 0720024
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 4 deletions.
diff --git a/assets/dark.css b/assets/dark.css
@@ -283,6 +283,10 @@ a.button:not(.download)::after {
     color: var(--apple-color-white);
 }
 
+summary::before {
+    background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="128" height="128" fill="white"%3E%3Cpath d="M472.064 272.448l-399.232 399.232c-22.08 22.08-22.08 57.792 0 79.872 22.016 22.016 57.792 22.08 79.872 0L512 392.256l359.296 359.296c22.016 22.016 57.792 22.08 79.872 0 22.08-22.08 22.016-57.792 0-79.872L551.936 272.448C529.856 250.432 494.144 250.432 472.064 272.448z"%3E%3C/path%3E%3C/svg%3E');
+}
+
 details[open]+hr {
     background-color: #075457;
 }

diff --git a/assets/icon/arrow.svg b/assets/icon/arrow.svg
diff --git a/assets/light.css b/assets/light.css
@@ -277,6 +277,10 @@ a.button:not(.download)::after {
     color: #ccc;
 }
 
+summary::before {
+    background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="128" height="128" fill="black"%3E%3Cpath d="M472.064 272.448l-399.232 399.232c-22.08 22.08-22.08 57.792 0 79.872 22.016 22.016 57.792 22.08 79.872 0L512 392.256l359.296 359.296c22.016 22.016 57.792 22.08 79.872 0 22.08-22.08 22.016-57.792 0-79.872L551.936 272.448C529.856 250.432 494.144 250.432 472.064 272.448z"%3E%3C/path%3E%3C/svg%3E');
+}
+
 details[open]+hr {
     background-color: #00f;
 }

diff --git a/assets/main.css b/assets/main.css
@@ -323,11 +323,11 @@ summary {
 summary::before {
     content: '';
     position: absolute;
-    width: 1em; height: 1em;
+    width: 1em;
+    height: 1em;
     margin: 0.2em 0 0 -1.2em;
-    background: url('icon/arrow.svg') no-repeat;
     background-size: 100% 100%;
-    transition: transform 0.2s;
+    transition: transform 0.2s, background-image 0.6s;
     transform: rotate(90deg);
 }