White Arrows in Dark Mode & Tabs color (#112)

yobulkdev · Feb 28, 2023 · b2a5d9a · b2a5d9a
1 parent 12e7947
commit b2a5d9a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/components/templates/JSON_Template.jsx b/components/templates/JSON_Template.jsx
@@ -98,7 +98,7 @@ const JSON_Template = () => {
       <div className="flex align-middle justify-between ">
         <div className="flex align-middle items-center gap-2 ">
           <Link href="/templates">
-            <ArrowLeftIcon className="h-5 cursor-pointer" />
+            <ArrowLeftIcon className="h-5 cursor-pointer dark:text-white" />
           </Link>
 
           {/*      <h1 className="text-2xl font-bold text-gray-500">
@@ -231,8 +231,8 @@ const JSON_Template = () => {
                     classNames(
                       'w-full relative rounded-lg py-2.5 text-sm font-medium leading-5',
                       selected
-                        ? 'bg-white shadow dark:bg-gray-900'
-                        : 'text-black hover:bg-white/[0.12] hover:text-white dark:hover:bg-gray-900/50'
+                        ? 'bg-white shadow dark:bg-gray-900 dark:text-white'
+                        : 'text-black hover:bg-white/[0.12]  hover:text-white dark:hover:bg-gray-900/50'
                     )
                   }
                 >
@@ -248,7 +248,7 @@ const JSON_Template = () => {
                   classNames(
                     'w-full rounded-lg py-2.5 text-sm font-medium leading-5',
                     selected
-                      ? 'bg-white shadow dark:bg-gray-900'
+                      ? 'bg-white shadow dark:bg-gray-900 dark:text-white'
                       : 'text-black hover:bg-white/[0.12] hover:text-white dark:hover:bg-gray-900/50'
                   )
                 }

diff --git a/components/templates/TemplateConfig/index.jsx b/components/templates/TemplateConfig/index.jsx
@@ -134,7 +134,7 @@ const AdminComponent = ({ templateId, type }) => {
       <div className="flex align-middle justify-between ">
         <div className="flex align-middle items-center gap-2 ">
           <Link href="/templates">
-            <ArrowLeftIcon className="h-5 cursor-pointer" />
+            <ArrowLeftIcon className="h-5 cursor-pointer dark:text-white" />
           </Link>
 
           <h1 className="text-2xl font-bold text-gray-500 dark:text-gray-200">

diff --git a/pages/templatecreate/index.jsx b/pages/templatecreate/index.jsx
@@ -72,7 +72,7 @@ const Templates = () => {
                     <div className="flex align-middle justify-between ">
                       <div className="flex align-middle items-center gap-2 ">
                         <Link href="/templates">
-                          <ArrowLeftIcon className="h-5 cursor-pointer" />
+                          <ArrowLeftIcon className="h-5 cursor-pointer dark:text-white" />
                         </Link>
 
                         {/* <h1 className="text-2xl font-bold text-gray-500">