dark mode

layouts/partials/sections/v3/achievements.html

@@ -13,7 +13,7 @@
         data-aos-duration="600" data-aos-once="true">
         <div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url({{ .img }});">
           <div class="p-3 w-100 achiv overflow-hidden">
-            <h4 class="text-center">
+            <h4 class="text-center achiv-head">
               {{ .title }}
             </h4>
             <div class="text-secondary">

layouts/partials/sections/v3/footer.html

@@ -1,6 +1,6 @@
-<footer data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+<footer>
   <!-- recent posts -->
-  <div class="news container py-3">
+  <div class="news container py-3" data-aos="fade-up" data-aos-easing="linear" data-aos-once="true">
     {{ if .Site.Params.recentposts }}
     <div class="h3 text-center text-dark py-3 font-weight-bold">Recent posts</div>
     <div class="row justify-content-center">

layouts/partials/sections/v3/head.html

@@ -7,4 +7,23 @@
 <link rel="stylesheet" href="/css/bootstrap.min.css" media="all">
 <link rel="stylesheet" href="/css/all.min.css" media="all">
 <link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
-<link rel="stylesheet" href="/css/v3/darkmode.css" media="all">
+<link rel="stylesheet" href="/css/v3/darkmode.css" media="all">
+
+<style>
+    html {
+        scrollbar-width: thin;
+        scrollbar-color: #6c757d transparent;
+    }
+
+    ::-webkit-scrollbar {
+        width: 5px;
+    }
+
+    ::-webkit-scrollbar-track {
+        background: transparent;
+    }
+
+    ::-webkit-scrollbar-thumb {
+        background: #6c757d;
+    }
+</style>

layouts/partials/sections/v3/navbar.html

@@ -9,13 +9,7 @@
       {{ .Site.Title }}
       {{ end }}
     </a>
-    <div class="custom-control custom-switch">
-      <input type="checkbox" class="custom-control-input" id="customSwitch1" autocomplete="on">
-      <label class="pt-2 darkmode-label" for="customSwitch1">
-        <i class="fas fa-lg fa-moon"></i>
-        <i class="fas fa-lg fa-sun d-none text-warning"></i>
-      </label>
-    </div>
+
 
     <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
       aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
@@ -75,7 +69,15 @@
           <a class="nav-link text-dark" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
         </li>
         {{ end }}
-
+        <li class="nav-item navbar-text">
+          <div class="custom-control custom-switch">
+            <input type="checkbox" class="custom-control-input" id="customSwitch1" autocomplete="on">
+            <label class="pt-2 darkmode-label" for="customSwitch1" style="cursor: pointer;">
+              <i class="fas fa-lg fa-moon"></i>
+              <i class="fas fa-lg fa-sun d-none text-warning"></i>
+            </label>
+          </div>
+        </li>
       </ul>
     </div>
   </nav>

layouts/partials/sections/v3/projects.html

@@ -24,7 +24,7 @@
               {{ end }}
               {{ if .Params.github }}
               <a href="{{ .Params.github }}" class="px-1 pr-2">
-                <i class="fab text-dark fa-lg fa-github"></i>
+                <i class="fab text-dark fa-lg fa-github pro-github"></i>
               </a>
               {{ end }}
               <a class="btn btn-sm pro-btn btn-outline-info" target="_blank" href="{{ .Permalink }}">
@@ -56,7 +56,7 @@
               {{ end }}
               {{ if .githublink }}
               <a href="{{ .githublink }}" class="px-1 pr-2">
-                <i class="fab text-dark fa-lg fa-github"></i>
+                <i class="fab text-dark fa-lg fa-github pro-github"></i>
               </a>
               {{ end }}