diff --git a/src/pages/blogs/blogs-new.css b/src/pages/blogs/blogs-new.css index f4e2b345..da080c41 100644 --- a/src/pages/blogs/blogs-new.css +++ b/src/pages/blogs/blogs-new.css @@ -684,12 +684,13 @@ transform: none; width: 24px; height: 24px; - color: #6366f1; + color: #757575; flex-shrink: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; + stroke: #757575; } @keyframes iconPulse { @@ -703,8 +704,13 @@ } } +[data-theme='dark'] .search-icon { + color:#757575; + stroke: white; +} + .search-wrapper:focus-within .search-icon { - color: #4f46e5; + color:#757575; animation-play-state: paused; transform: translateY(-50%) scale(1.1); } diff --git a/src/pages/blogs/index.tsx b/src/pages/blogs/index.tsx index fd74e717..8ecb7f85 100644 --- a/src/pages/blogs/index.tsx +++ b/src/pages/blogs/index.tsx @@ -103,7 +103,7 @@ export default function Blogs(): React.JSX.Element {