diff --git a/assets/_defaults.scss b/assets/_defaults.scss
index 4c86697..f7c1f68 100644
--- a/assets/_defaults.scss
+++ b/assets/_defaults.scss
@@ -30,7 +30,7 @@ $hint-colors: (
 
 // Themes
 @mixin theme-light {
-  --gray-100: #f8f9fa;
+  --gray-100: #f1f1f1;
   --gray-200: #e9ecef;
   --gray-500: #adb5bd;
 
@@ -40,6 +40,7 @@ $hint-colors: (
   --body-background: white;
   --body-font-color: black;
 
+  --menu-color: #fafafa;
   --icon-filter: none;
 
   --hint-color-info: #6bf;
@@ -55,9 +56,10 @@ $hint-colors: (
   --color-link: #84b2ff;
   --color-visited-link: #b88dff;
 
-  --body-background: #343a40;
+  --body-background: #070709;
   --body-font-color: #e9ecef;
 
+  --menu-color: #0b0d10;
   --icon-filter: brightness(0) invert(1);
 
   --hint-color-info: #6bf;
diff --git a/assets/_main.scss b/assets/_main.scss
index 7073e2b..08ae3ec 100644
--- a/assets/_main.scss
+++ b/assets/_main.scss
@@ -103,7 +103,7 @@ ul.pagination {
   .book-menu-content {
     width: $menu-width;
     padding: $padding-16;
-    background: var(--body-background);
+    background: var(--menu-color);
 
     @include fixed;
   }
diff --git a/assets/_mode.scss b/assets/_mode.scss
index 40aa4f6..c18204d 100644
--- a/assets/_mode.scss
+++ b/assets/_mode.scss
@@ -4,11 +4,12 @@
 
 .book-search {
     flex: 1;
+    margin: 0 !important;
 }
 
 .theme-mode-toggle-wrapper {
     display: table;
-    margin: 1rem 0 0 5px;
+    margin: 0 !important;
 }
 
 .theme-mode-toggle {
diff --git a/exampleSite/.gitignore b/exampleSite/.gitignore
new file mode 100644
index 0000000..82cbe56
--- /dev/null
+++ b/exampleSite/.gitignore
@@ -0,0 +1,16 @@
+# Generated files by hugo
+/public/
+/resources/_gen/
+/assets/jsconfig.json
+hugo_stats.json
+
+# Executable may be added to repository
+hugo.exe
+hugo.darwin
+hugo.linux
+
+# Temporary lock file while building
+/.hugo_build.lock
+
+# Others
+**/.DS_Store
diff --git a/exampleSite/content.en/_index.md b/exampleSite/content.en/_index.md
index 6123c28..3a94ca6 100644
--- a/exampleSite/content.en/_index.md
+++ b/exampleSite/content.en/_index.md
@@ -3,39 +3,49 @@ title: Introduction
 type: docs
 ---
 
-# Acerbo datus maxime
+# Introduction
 
-{{< columns >}}
-## Astris ipse furtiva
+## Hints
 
-Est in vagis et Pittheus tu arge accipiter regia iram vocatur nurus. Omnes ut
-olivae sensit **arma sorori** deducit, inesset **crudus**, ego vetuere aliis,
-modo arsit? Utinam rapta fiducia valuere litora _adicit cursu_, ad facies
+Hint shortcode can be used as hint/alerts/notification block.  
 
-<--->
+{{< hint info >}}
+**Markdown content**  
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+{{< /hint >}}
 
-## Suis quot vota
+{{< hint warning >}}
+**Markdown content**  
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+{{< /hint >}}
 
-Ea _furtique_ risere fratres edidit terrae magis. Colla tam mihi tenebat:
-miseram excita suadent es pecudes iam. Concilio _quam_ velatus posset ait quod
-nunc! Fragosis suae dextra geruntur functus vulgata.
-{{< /columns >}}
+{{< hint danger >}}
+**Markdown content**  
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+{{< /hint >}}
 
+## Code
 
-## Tempora nisi nunc
+```go
+package main
 
-Lorem **markdownum** emicat gestu. Cannis sol pressit ducta. **Est** Idaei,
-tremens ausim se tutaeque, illi ulnis hausit, sed, lumina cutem. Quae avis
-sequens!
+import "fmt"
 
-    var panel = ram_design;
-    if (backup + system) {
-        file.readPoint = network_native;
-        sidebar_engine_device(cell_tftp_raster,
-                dual_login_paper.adf_vci.application_reader_design(
-                graphicsNvramCdma, lpi_footer_snmp, integer_model));
-    }
+func main() {
+	sum := 1
+	for sum < 1000 {
+		sum += sum
+	}
+	fmt.Println(sum)
+}
+```
 
-## Locis suis novi cum suoque decidit eadem
+## KaTeX
 
-Idmoniae ripis, at aves, ali missa adest, ut _et autem_, et ab?
+Here is some inline example: {{< katex >}}\pi(x){{< /katex >}}, rendered in the same line. And below is `display` example, having `display: block`
+{{< katex display=true >}}
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+{{< /katex >}}
diff --git a/images/screenshot.png b/images/screenshot.png
index c48f422..c2d3c3e 100644
Binary files a/images/screenshot.png and b/images/screenshot.png differ
diff --git a/images/tn.png b/images/tn.png
index c48f422..b7f8a98 100644
Binary files a/images/tn.png and b/images/tn.png differ