From 041db8cb8253d85b327f975051148297f1c5c304 Mon Sep 17 00:00:00 2001 From: Emerson Vieira Date: Sat, 18 Oct 2025 09:29:15 -0300 Subject: [PATCH] docs(theme): improve icon search visibility in dark mode --- docs/src/css/custom.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css index 6594e61fb7..d521421b94 100644 --- a/docs/src/css/custom.css +++ b/docs/src/css/custom.css @@ -182,6 +182,21 @@ html[data-theme='light'] .gallery-dark { } } +[data-theme='dark'] .icons-list-searchbar { + background-color: var(--ifm-color-emphasis-200); + color: var(--ifm-font-color-base); +} + +[data-theme='dark'] .icons-list-searchbar::placeholder { + color: var(--ifm-color-content-secondary); + opacity: 0.6; +} + +[data-theme='dark'] .icons-list-searchbar:focus, +[data-theme='dark'] .icons-list-searchbar:hover { + background-color: var(--ifm-color-emphasis-300); +} + @font-face { font-family: 'MaterialDesignIcons'; src: url('../../node_modules/@react-native-vector-icons/material-design-icons/fonts/MaterialDesignIcons.ttf') format('truetype');