DDSDDD

Author: sathishk

assets/scss/common/_custom.scss

@@ -1,46 +1,7 @@
 // Put your custom SCSS code here
-//Header
-header.navbar {
-    background-color: #262829;
-    
-}
-
-li.nav-item a.nav-link, #buttonColorMode, #searchToggleDesktop {
-    color: #FFFFFF;
-}
-
 .navbar-brand > img {
     height: 40px;
 }
 
-//section
-.container-lg{
-    background: url("../../section_bg.png");
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: cover;
-}
-a.rounded-pill{
-  color: #fff !important;
-  border-radius: 8px !important;
-}
-[data-bs-theme="dark"] .btn-primary {
-  background-color: #1d9de6 !important;
-  border: #1d9de6;
-}
-section.section-features>.container>.row>.col-lg-5 {
-    background-color: #F5F4F4;
-    margin: 10px;
-    border-radius: 8px;
-}
-[data-bs-theme="dark"] .section.section-features>.container>.row>.col-lg-5 {
-    background-color: #000000; 
-}
 
-//footer
-footer {
-  background-color: #262829;
-}
-footer .text-muted{
-  color: #fff !important;
-}
+

assets/scss/common/_variables-custom.scss

@@ -2,5 +2,7 @@
 
 $primary: #0092E5;
 $secondary: #5D7489;
+$dark: #262829;
+$info: #F5F4F4;
 
-$navbar-light-color: red;
+$navbar-dark-color: #FFFFFF;

hugo_stats.json

@@ -64,7 +64,9 @@
       "DocSearch-Label",
       "active",
       "anchor",
+      "bg-dark",
       "bg-dots",
+      "bg-info",
       "blog",
       "blog-header",
       "btn",

layouts/index.html

@@ -29,7 +29,7 @@ <h2>{{ .Params.lead | safeHTML }}</h2>
   <section class="section section-md section-features">
     <div class="container">
       <div class="row justify-content-center text-center">
-        <div class="col-lg-5">
+        <div class="col-lg-5 bg-info">
           <h2 class="h4">Unified Persistence</h2>
           <p>Experience the flexibility of SQL Mappers with the robustness of ORM in a single framework. Why compromise when you can harness the strengths of both?</p>
         </div>

layouts/partials/header/header.html

@@ -10,7 +10,7 @@
 <div class="header-bar"></div>
 {{ end -}}
 
-<header class="navbar navbar-expand-lg">
+<header class="navbar navbar-expand-lg bg-dark">
   {{ with site.Params.doks.containerBreakpoint -}}
     <div class="container-{{ . }}">
   {{ else -}}