use dark utility instead of color mode (#1388)

Author: carlosabadia

pcweb/components/docpage/navbar/navbar.py

@@ -378,12 +378,12 @@ def new_menu_trigger(title: str, url: str = None, active_str: str = "") -> rx.Co
 
 def logo() -> rx.Component:
     return rx.link(
-        rx.color_mode_cond(
+        rx.fragment(
             rx.image(
-                src="/logos/light/reflex.svg", alt="Reflex Logo", class_name="shrink-0"
+                src="/logos/light/reflex.svg", alt="Reflex Logo", class_name="shrink-0 block dark:hidden"
             ),
             rx.image(
-                src="/logos/dark/reflex.svg", alt="Reflex Logo", class_name="shrink-0"
+                src="/logos/dark/reflex.svg", alt="Reflex Logo", class_name="shrink-0 hidden dark:block"
             ),
         ),
         class_name="flex shrink-0 mr-3",

pcweb/components/logo.py

@@ -3,16 +3,16 @@
 
 def logo(class_name: str = "") -> rx.Component:
     return rx.link(
-        rx.color_mode_cond(
+        rx.fragment(
             rx.image(
                 src="/logos/light/reflex.svg",
                 alt="Reflex Logo",
-                class_name="shrink-0" + class_name,
+                class_name="shrink-0 block dark:hidden" + class_name,
             ),
             rx.image(
                 src="/logos/dark/reflex.svg",
                 alt="Reflex Logo",
-                class_name="shrink-0" + class_name,
+                class_name="shrink-0 hidden dark:block" + class_name,
             ),
         ),
         class_name="flex items-start shrink-0",