refactor: page header colors

Gozargah · Apr 20, 2024 · 48e65cf · 48e65cf
1 parent 4be0742
commit 48e65cf
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/app/dashboard/chakra.config.ts b/app/dashboard/chakra.config.ts
@@ -39,8 +39,8 @@ export const theme = extendTheme({
         _dark: "#EAECF0",
       },
       "text-inactive": {
-        default: "#EAEAEA",
-        _dark: "#475467",
+        default: "#475467",
+        _dark: "#EAEAEA",
       },
       "text-nav-inactive": {
         default: "#737378",
@@ -89,7 +89,6 @@ export const theme = extendTheme({
     },
   },
   colors: {
-    border: "#d2d2d4",
     primary: {
       50: "#9cb7f2",
       100: "#88a9ef",

diff --git a/app/dashboard/src/components/layouts/Header.tsx b/app/dashboard/src/components/layouts/Header.tsx
@@ -21,10 +21,10 @@ export const Header: FC<HeaderProps> = ({ pageName }) => {
       pb="4"
       gap="1"
     >
-      <Text as="h1" fontWeight="semibold" fontSize="2xl">
+      <Text color="text" as="h1" fontWeight="semibold" fontSize="2xl">
         {t(pageName + ".title")}
       </Text>
-      <Text color="GrayText">{t(pageName + ".description")}</Text>
+      <Text color="text-inactive">{t(pageName + ".description")}</Text>
     </VStack>
   );
 };