fix: darkmode select arrow

saurabhdaware · Jun 28, 2020 · c0446b2 · c0446b2
1 parent e87f1f3
commit c0446b2
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 12 deletions.
diff --git a/css/index.css b/css/index.css
@@ -71,10 +71,16 @@ select {
   -moz-appearance: none;
   -webkit-appearance: none;
 }
+
 option {
   color: #333;
 }
 
+body.dark select {
+  background: url("../images/dropdown-white.svg") no-repeat;
+  background-position: calc(100% - 14px) center;
+}
+
 input {
   padding: 8px 13px;
   border-radius: 4px;
@@ -375,4 +381,4 @@ input[type="file"]::before {
     grid-auto-flow: row;
     grid-auto-rows: 1fr;
   }
-}
+}
diff --git a/images/dropdown-white.svg b/images/dropdown-white.svg
diff --git a/images/dropdown.svg b/images/dropdown.svg