add color scheme styling for svg icons

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu
2023-05-10 22:01:41 +00:00
parent b8ec177877
commit 8a8e5e5c47
18 changed files with 21 additions and 26 deletions

View File

@@ -1 +1 @@
<svg width="16" height="16" viewBox="2 2 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 12h5m0 0h5m-5 0V7m0 5v5" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="12" r="9" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="16" height="16" viewBox="2 2 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><style>:root{color:#fff}@media (prefers-color-scheme:light){:root{color:#000}}</style><g stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 12h5m0 0h5m-5 0V7m0 5v5"/><circle cx="12" cy="12" r="9"/></g></svg>

Before

Width:  |  Height:  |  Size: 326 B

After

Width:  |  Height:  |  Size: 349 B