Infima ships the magnifier as a hardcoded dark-grey data URI, invisible on the forest search input.
- commit
- cdce03cabe12e2041a7f27b8f615d491f53952e0
- parent
- 047763186e9f79ba87217b014740ec3f000eddd6
- author
- Dami <dami.etoile@gmail.com>
| M | website/ | 3 | +++ |
@@ -40,6 +40,9 @@
4040 .navbar {4141 --ifm-navbar-search-input-background-color: #22332c;4242 --ifm-navbar-search-input-color: #f3faf6;43+ --ifm-navbar-search-input-placeholder-color: #8fae9f;44+ /* Infima ships the magnifier as a dark-grey data URI; recolor it to sage */45+ --ifm-navbar-search-input-icon: url('data:image/svg+xml;utf8,<svg fill="%238fae9f" xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 24 24" width="16px"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>');4346 }4447 .navbar__logo {4548 /* the wordmark is wide (1120x360); give it room and keep it crisp */