fix: dark style (#706)

style: #705
amanjaiman1 · Aug 11, 2023 · 3f93a21 · 3f93a21 · vercel · Aug 11, 2023
2 parents fa14021 + 0f101eb
commit 3f93a21
Show file tree

Hide file tree

Showing 8 changed files with 12 additions and 10 deletions.
diff --git a/src/components/FormGroup/index.jsx b/src/components/FormGroup/index.jsx
@@ -5,7 +5,7 @@ function FormGroup({ title, className, children, ...rest }) {
   return (
     <div className={cn("flex space-y-4 items-center", className)}>
       <div className="flex-[.5]">
-        <label className="font-semibold">{title}:-</label>
+        <label className="font-semibold text-white">{title}:-</label>
       </div>
       <div className="flex-[1]">{children}</div>
     </div>

diff --git a/src/components/PluginCard/index.jsx b/src/components/PluginCard/index.jsx
@@ -4,7 +4,7 @@ import Button from "../Button";
 function PluginCard({ data }) {
   const { title, isInstalled } = data;
   return (
-    <div className="w-48 h-48 flex border-gray-600 border-2 m-3 flex-col rounded justify-between p-10 items-center">
+    <div className="w-48 h-48 flex border-gray-600 border-2 m-3 flex-col rounded justify-between p-10 items-center text-white">
       {title}
       {isInstalled && (
         <Button

diff --git a/src/components/PopupModel/index.jsx b/src/components/PopupModel/index.jsx
@@ -16,7 +16,7 @@ function PopupModel({ visible, setVisible, children }) {
       >
         X
       </div>
-      <div className="bg-white w-full h-full rounded-lg">{children}</div>
+      <div className=" w-full h-full rounded-lg">{children}</div>
     </div>
   );
 }

diff --git a/src/components/RecentDesignCard/index.jsx b/src/components/RecentDesignCard/index.jsx
@@ -27,8 +27,10 @@ function RecentDesignCard({ data, onContextMenu }) {
         {title.slice(0, 1).toUpperCase()}
       </div>
       <div className="p-2">
-        <p title={title && title}>{truncate(title && title, 20)}</p>
-        <p className="text-secondary text-sm">
+        <p className="text-white" title={title && title}>
+          {truncate(title && title, 20)}
+        </p>
+        <p className="text-white text-sm">
           Last Edit {lastUpdate && new Date(lastUpdate).toLocaleString()}
         </p>
       </div>

diff --git a/src/containers/Favourite/index.jsx b/src/containers/Favourite/index.jsx
@@ -44,7 +44,7 @@ function Favourite() {
     getData();
   }, []);
   return (
-    <div className="flex space-x-1 flex-wrap p-4 items-center">
+    <div className="flex space-x-1 flex-wrap p-4 items-center text-white">
       {favDesign?.loading ? (
         <h1>Loading...</h1>
       ) : favDesign.data.length != 0 ? (

diff --git a/src/containers/ProfileEditor/index.jsx b/src/containers/ProfileEditor/index.jsx
@@ -81,7 +81,7 @@ function ProfileEditor() {
               />
               {errors.mobile && touched.mobile && errors.mobile}
             </FormGroup>
-            <Button className={"mt-10"}>Update</Button>
+            <Button className={"mt-10 text-white"}>Update</Button>
           </form>
         )}
       </Formik>

diff --git a/src/containers/SettingsContainer/index.jsx b/src/containers/SettingsContainer/index.jsx
@@ -7,15 +7,15 @@ function SettingsContainer() {
   return (
     <div className="flex space-y-5 flex-wrap p-4 items-center border-2 border-gray-200 border-solid shadow-md m-10">
       <div className="flex w-full">
-        <label className="flex-[.2]" htmlFor="">
+        <label className="flex-[.2] text-white" htmlFor="">
           Theme
         </label>
         <select className="flex-[.1]" name="" id="">
           <option value="">Dark</option>
           <option value="">Light</option>
         </select>
       </div>
-      <div className="flex w-full">
+      <div className="flex w-full text-white">
         <label className="flex-[.2]" htmlFor="">
           Language
         </label>

diff --git a/src/containers/TeamContainer/index.jsx b/src/containers/TeamContainer/index.jsx
@@ -61,7 +61,7 @@ function TeamContainer() {
       </div>
       <div className="container flex flex-wrap">
         {teams.map((item) => (
-          <div className="flex flex-col rounded justify-center w-48 h-48 m-3 items-center border-2 border-gray-600">
+          <div className="flex flex-col rounded justify-center w-48 h-48 m-3 items-center border-2 border-gray-600 text-white">
             {item.title}
             {item.isJoined && (
               <Button