Merge pull request #467 from w3bdesign/develop

Font color
w3bdesign · Nov 17, 2024 · f171aec · f171aec
2 parents cec7ef4 + a27cb99
commit f171aec
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 11 deletions.
diff --git a/src/components/CV/CVContent.component.tsx b/src/components/CV/CVContent.component.tsx
@@ -33,7 +33,7 @@ const CVContent: React.FC<CVContentProps> = ({ cvData }) => {
       id: "qualifications",
       label: "Nøkkelkvalifikasjoner",
       content: (
-        <ul className="list-disc pl-5 text-gray-300">
+        <ul className="list-disc pl-5 text-slate-300">
           {cvData.keyQualifications.map((qual) => (
             <li key={qual} className="mb-2">
               {qual}
@@ -46,10 +46,10 @@ const CVContent: React.FC<CVContentProps> = ({ cvData }) => {
       id: "experience",
       label: "Erfaring",
       content: (
-        <div className="text-gray-300">
+        <div className="text-slate-300">
           {cvData.experience.map((exp) => (
             <div key={exp.description} className="mb-6">
-              <h3 className="font-semibold text-white">
+              <h3 className="font-semibold text-slate-100">
                 {exp.period} - {exp.company}
               </h3>
               {exp.role && <p className="italic">{exp.role}</p>}
@@ -63,10 +63,10 @@ const CVContent: React.FC<CVContentProps> = ({ cvData }) => {
       id: "education",
       label: "Utdanning",
       content: (
-        <div className="text-gray-300">
+        <div className="text-slate-300">
           {cvData.education.map((edu) => (
             <div key={edu.description} className="mb-6">
-              <h3 className="font-semibold text-white">
+              <h3 className="font-semibold text-slate-100">
                 {edu.period} - {edu.institution}
               </h3>
               {edu.degree && <p className="italic">{edu.degree}</p>}

diff --git a/src/components/Index/Section.component.tsx b/src/components/Index/Section.component.tsx
@@ -60,12 +60,12 @@ const Section = ({ text, title }: IContent) => {
           <h2
             data-testid="sanity-title"
             data-cy={title}
-            className="text-3xl text-center text-slate-200"
+            className="text-3xl text-center text-slate-100"
           >
             {title}
           </h2>
           <div className="flex justify-center">
-            <div className="mt-4 text-lg text-left md:max-w-3xl">
+            <div className="mt-4 text-lg text-left md:max-w-3xl text-slate-300">
               <PortableText
                 value={text}
                 components={myPortableTextComponents}

diff --git a/src/components/Prosjekter/ProsjektCard.component.tsx b/src/components/Prosjekter/ProsjektCard.component.tsx
@@ -50,7 +50,7 @@ const ProsjektCard: React.FC<Project> = ({
           </div>
         </div>
         <div className="md:mt-16 p-2 flex flex-col justify-between min-h-[250px] xl:min-h-[275px]">
-          <h1 className="xl:mt-4 text-xl text-center font-bold py-2 text-slate-200">
+          <h1 className="xl:mt-4 text-xl text-center font-bold py-2 text-slate-100">
             {name}
           </h1>
           <h2 className="text-md px-4 text-gray-300">{description}</h2>
@@ -74,5 +74,4 @@ const ProsjektCard: React.FC<Project> = ({
     </div>
   );
 };
-
 export default ProsjektCard;
diff --git a/src/components/UI/InputField.component.tsx b/src/components/UI/InputField.component.tsx
@@ -58,7 +58,7 @@ function InputField<T extends FieldValues>({
   ...props
 }: InputProps<T>) {
   const sharedClasses =
-    "cursor-pointer peer block text-xl w-64 p-2 bg-gray-800 text-slate-200 border-gray-500 border rounded border-opacity-50 outline-none focus:border-slate-200 placeholder-gray-300 placeholder-opacity-0 transition duration-200";
+    "cursor-pointer peer block text-xl w-64 p-2 bg-gray-800 text-slate-100 border-gray-500 border rounded border-opacity-50 outline-none focus:border-slate-200 placeholder-gray-300 placeholder-opacity-0 transition duration-200";
 
   const registerOptions = createRegisterOptions<T>(
     isRequired,
@@ -89,7 +89,7 @@ function InputField<T extends FieldValues>({
         )}
         <label
           htmlFor={htmlFor}
-          className={`absolute cursor-pointer left-1 top-0 z-10 origin-[0] -translate-y-8 scale-75 transform bg-gray-800 px-2 text-slate-200 duration-300 peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:scale-100 peer-focus:top-2 peer-focus:-translate-y-10 peer-focus:scale-75 peer-focus:px-2 peer-focus:text-primary-600 peer-focus:bg-gray-800 ${
+          className={`absolute cursor-pointer left-1 top-0 z-10 origin-[0] -translate-y-8 scale-75 transform bg-gray-800 px-2 text-slate-100 duration-300 peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:scale-100 peer-focus:top-2 peer-focus:-translate-y-10 peer-focus:scale-75 peer-focus:px-2 peer-focus:text-primary-600 peer-focus:bg-gray-800 ${
             type === "textarea" ? "cursor-pointer peer-focus:-top-4" : ""
           }`}
         >