style: global color

mz-dfhp · Apr 12, 2024 · d49fb2b · d49fb2b
1 parent ab7e44a
commit d49fb2b
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 3 deletions.
diff --git a/src/index.css b/src/index.css
@@ -7,7 +7,22 @@
     padding: 0;
 }
 
-html,body,#root {
+html,
+body,
+#root {
     width: 100%;
     height: 100%;
+}
+
+
+html {
+    &.light {
+        color: #000;
+
+    }
+
+    &.dark {
+        color: rgba(255, 255, 255, 0.85);
+
+    }
 }
diff --git a/src/layout/AppMenu/index.tsx b/src/layout/AppMenu/index.tsx
@@ -40,13 +40,13 @@ const AppMenu: React.FC<{ collapsed: boolean }> = ({ collapsed }) => {
 
   return (
     <div className="h-[100vh]">
-      <div className="logo h-[64px] w-full flex items-center justify-center text-white">
+      <div className="logo h-[64px] w-full flex items-center justify-center">
         <img
           src={Logo}
           className="logo mx-[10px] h-[32px] w-[32px] animate-spin-slow rounded-full"
           alt="React logo"
         />
-        {!collapsed && <span className="overflow-hidden text-center text-black/80 dark:text-white">React-Admin</span>}
+        {!collapsed && <span className="overflow-hidden text-center">React-Admin</span>}
       </div>
       <Menu
         mode="inline"