v3 light theme

layouts/partials/sections/v3/experience.html

@@ -1,13 +1,13 @@
 <section id="experience" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
   <div class="container-fluid pt-5">
-    <div class="text-light text-center h3">Experience</div>
+    <div class="text-dark text-center h3">Experience</div>
 
     <div class="row justify-content-center py-md-5">
       <div class="d-md-none d-lg-none d-sm-block">
         <ol class="ex-ol pl-5 pr-3">
           {{ range .Site.Params.experience }}
           <li class="ex-ol-li" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
-            <h4>
+            <h4 class="text-muted">
               <span class="text-primary">{{ .company }}</span> - {{ .role }}
             </h4>
             <div>
@@ -43,11 +43,11 @@
         {{ end }}
       </div>
 
-      <div class="tab-content col-md-5 d-none d-md-block" id="v-pills-tabContent">
+      <div class="tab-content col-md-4 d-none d-md-block" id="v-pills-tabContent">
         {{ range $index, $element := .Site.Params.experience }}
         {{ if (eq $index 0) }}
         <div class="tab-pane fade show active" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
-          <div class="h4">
+          <div class="h4 text-muted">
             <span class="text-primary">{{ .company }}</span> - {{ .role }}
           </div>
           <div>
@@ -63,7 +63,7 @@
         </div>
         {{ else }}
         <div class="tab-pane fade" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
-          <div class="h4">
+          <div class="h4 text-muted">
             <span class="text-primary">{{ .company }}</span> - {{ .role }}
           </div>
           <div>