use 'dark' class locally in header, hero or custom sections. adapt dark styles.

config/_default/params.toml

@@ -1,31 +1,43 @@
 #################### default parameters ################################
 # favicon
 favicon = "images/favicon.png"
+
 # logo
 logo = "images/logo.png"
 logo_darkmode = "images/logo-darkmode.png"
+
 # use `px` or `x` with logo_width, example: "100px".
 # Note: logo_width is not work with .svg file
 logo_width = "160px"
 logo_height = "32px"
+
 # if logo_webp set false, will not generate WEBP version of logo | default is true
 logo_webp = true
+
 # logo text will only show when logo is missing.
 logo_text = "Hugoplate"
+
 # navbar fixed to top
-navbar_fixed = true
+navbar_fixed = false
+
 # theme-mode
-theme_switcher = true
-theme_default = "dark" # available options [light/dark/system]
+# available options [light/dark/system]
+theme_switcher = false
+theme_default = "light" 
+
 # Main Sections
 mainSections = ["blog"]
+
 # contact form action
 contact_form_action = "#" # contact form works with [https://airform.io/] or [https://formspree.io]
+
 # google tag manager, see https://developers.google.com/tag-manager/
-google_tag_manager = "" # example: G-XXXXXXXXXX
-google_adsense = ""     # example: ca-pub-xxxxxxxxxxxxxxxx
+# google_tag_manager = "" # example: G-XXXXXXXXXX
+# google_adsense = ""     # example: ca-pub-xxxxxxxxxxxxxxxx
+
 # custom script on header, example: custom_script= "<script>console.log(\"Hello World\")</script>"
 custom_script = ""
+
 # copyright
 copyright = "Designed & Developed by [Zeon Studio](https://zeon.studio)"