theme tweek

Author: tamojit-123

src/components/experienceCard/ExperienceCard.js

@@ -22,18 +22,19 @@ class ExperienceCard extends Component {
             <div className="experience-card-heading-left">
               <h3
                 className="experience-card-title"
-                style={{ color: theme.expTxtColor }}
+                style={{ color: theme.text }}
               >
                 {experience["title"]}
               </h3>
               <p
                 className="experience-card-company"
-                style={{ color: theme.expTxtColor }}
+                style={{ color: theme.text }}
               >
                 <a
                   href={experience["company_url"]}
                   target="_blank"
                   rel="noopener noreferrer"
+                  style={{ color: theme.text }}
                 >
                   {experience["company"]}
                 </a>
@@ -42,21 +43,21 @@ class ExperienceCard extends Component {
             <div className="experience-card-heading-right">
               <p
                 className="experience-card-duration"
-                style={{ color: theme.expTxtColor }}
+                style={{ color: theme.text }}
               >
                 {experience["duration"]}
               </p>
               <p
                 className="experience-card-location"
-                style={{ color: theme.expTxtColor }}
+                style={{ color: theme.text }}
               >
                 {experience["location"]}
               </p>
             </div>
           </div>
           <p
             className="experience-card-description"
-            style={{ color: theme.expTxtColor }}
+            style={{ color: theme.text }}
           >
             {experience["description"]}
           </p>

src/containers/experienceAccordion/ExperienceAccordion.js

@@ -24,6 +24,7 @@ class ExperienceAccordion extends Component {
                       borderColor: `${theme.headerColor}`,
                       marginBottom: `3px`,
                       fontFamily: "Google Sans Regular",
+                      color: `${theme.text}`,
                     }),
                   },
                   Content: {

src/theme.js

@@ -154,7 +154,7 @@ export const yellowTheme = {
 };
 
 export const materialDarkTheme = {
-  body: "#1E272C",
+  body: "#263238",
   text: "#aeaeae",
   expTxtColor: "#000a12",
   highlight: "#4f5b62",
@@ -164,35 +164,35 @@ export const materialDarkTheme = {
   compImgHighlight: "#E6E6E6",
   jacketColor: "#8eacbb",
   headerColor: "#34515e",
-  splashBg: "#E6E6E6",
+  splashBg: "#4f5b62",
 };
 
 export const materialLightTheme = {
   body: "#ffffff",
   text: "#4c2b91",
   expTxtColor: "#000000",
   highlight: "#E9E3F5",
-  dark: "#E1E2E1",
+  dark: "#1d0c41",
   secondaryText: "#7d56c2",
-  imageHighlight: "#E1E2E1",
+  imageHighlight: "#2b1958",
   compImgHighlight: "#E1E2E1",
   jacketColor: "#E1E2E1",
   headerColor: "#E1E2E1",
-  splashBg: "#E1E2E1",
+  splashBg: "#7d56c2",
 };
 
 export const materialTealTheme = {
   body: "#ffffff",
   text: "#05505E",
   expTxtColor: "#000000",
   highlight: "#a1dded",
-  dark: "#E1E2E1",
+  dark: "#07292c",
   secondaryText: "#05505E",
-  imageHighlight: "#E1E2E1",
+  imageHighlight: "#0a343c",
   compImgHighlight: "#E1E2E1",
   jacketColor: "#E1E2E1",
   headerColor: "#E1E2E1",
-  splashBg: "#E1E2E1",
+  splashBg: "#05505E",
 };
 
-export const chosenTheme = blueTheme;
+export const chosenTheme = materialDarkTheme;