diff --git a/cmd/tools/vdoc-resources/doc.css b/cmd/tools/vdoc-resources/doc.css
index 5b3decfc00..1f29c88515 100644
--- a/cmd/tools/vdoc-resources/doc.css
+++ b/cmd/tools/vdoc-resources/doc.css
@@ -1,24 +1,23 @@
 :root {
 	--background-color: #fff;
-	--timestamp-color: #b8c2cc;
 	--link-color: #2779bd;
-	--font-color: #000;
+	--text-color: #000;
 	--ref-symbol-color: #dae1e7;
 	--ref-symbol-hover-color: #b8c2cc;
 	--title-bottom-line-color: #f1f5f8;
 	--footer-top-line-color: #f1f5f8;
-	--footer-font-color: #616161;
+	--footer-text-color: #616161;
 	--code-signature-border-color: #a0aec0;
 	--menu-background-color: #4b6c88;
-	--menu-font-color: #fff;
+	--menu-text-color: #fff;
 	--menu-indent-line-color: #3b3b3b66;
 	--menu-indent-line-active-color: #00000066;
 	--menu-scrollbar-color: #a0aec0;
 	--menu-toggle-icon-color: #fff;
 	--menu-toggle-icon-hover-color: #00000044;
 	--menu-search-background-color: #00000044;
-	--menu-search-font-color: #fff;
-	--toc-font-color: #2779bd;
+	--menu-search-text-color: #fff;
+	--toc-text-color: #2779bd;
 	--toc-indent-line-color: #dae1e7;
 	--code-default-text-color: #5c6e74;
 	--code-background-color: #edf2f7;
@@ -39,24 +38,23 @@
 
 .dark body {
 	--background-color: #1a202c;
-	--timestamp-color: #b8c2cc;
-	--font-color: #fff;
+	--text-color: #fff;
 	--link-color: #90cdf4;
 	--ref-symbol-color: #2d3748;
 	--ref-symbol-hover-color: #4a5568;
 	--title-bottom-line-color: #2d3748;
 	--footer-top-line-color: #2d3748;
-	--footer-font-color: #bbd3e1;
+	--footer-text-color: #bbd3e1;
 	--code-signature-border-color: #4a5568;
 	--menu-background-color: #2d3748;
-	--menu-font-color: #fff;
+	--menu-text-color: #fff;
 	--menu-indent-line-color: #4a5568;
 	--menu-indent-line-active-color: #90cdf4;
 	--menu-scrollbar-color: #4a5568;
 	--menu-toggle-icon-color: #fff;
 	--menu-search-background-color: #4a5568;
-	--menu-search-font-color: #fff;
-	--toc-font-color: #90cdf4;
+	--menu-search-text-color: #fff;
+	--toc-text-color: #90cdf4;
 	--toc-indent-line-color: #1a202c;
 	--code-default-text-color: #cbd5e0;
 	--code-background-color: #2d3748;
@@ -73,7 +71,7 @@ body {
 	background-color: #fff;
 	background-color: var(--background-color);
 	color: #000;
-	color: var(--font-color);
+	color: var(--text-color);
 }
 
 /** Reset for menus */
@@ -95,7 +93,7 @@ body {
 	background-color: #4b6c88;
 	background-color: var(--menu-background-color);
 	color: #fff;
-	color: var(--menu-font-color);
+	color: var(--menu-text-color);
 	flex-direction: column;
 	overflow-y: auto;
 	height: 100vh;
@@ -179,7 +177,7 @@ body {
 	background-color: #00000044;
 	background-color: var(--menu-search-background-color);
 	color: #fff;
-	color: var(--menu-search-font-color);
+	color: var(--menu-search-text-color);
 	margin-left: -0.6rem;
 	margin-right: -0.6rem;
 }
@@ -240,7 +238,7 @@ body {
 }
 .doc-nav > .content a {
 	color: #fff;
-	color: var(--menu-font-color);
+	color: var(--menu-text-color);
 	text-decoration: none;
 	user-select: none;
 }
@@ -261,16 +259,12 @@ body {
 	overflow: hidden;
 }
 .doc-content a {
+	color: #2779bd;
 	color: var(--link-color);
 }
 .doc-content > .doc-node:not(:last-child) {
 	padding: 1rem 0 3rem 0;
 }
-.doc-content > .timestamp {
-	font-size: 0.8rem;
-	color: #b8c2cc;
-	color: var(--timestamp-color);
-}
 .doc-content > .doc-node > .title {
 	display: flex;
 	align-items: center;
@@ -284,6 +278,7 @@ body {
 	fill: var(--ref-symbol-color);
 }
 .doc-content > .doc-node > .title > .link:hover {
+	fill: #b8c2cc;
 	fill: var(--ref-symbol-hover-color);
 }
 .doc-content > .doc-node h1 {
@@ -325,14 +320,21 @@ body {
 .doc-content > .doc-node > .title h4 a:hover,
 .doc-content > .doc-node > .title h5 a:hover,
 .doc-content > .doc-node > .title h6 a:hover {
+	color: #b8c2cc;
 	color: var(--ref-symbol-hover-color);
 }
-.doc-content .footer {
+.doc-content > .footer {
 	padding-top: 1rem;
 	margin-top: auto;
 	bottom: 1rem;
-	color: var(--footer-font-color);
-	border-top: 1px solid var(--footer-top-line-color);
+	color: 616161;
+	color: var(--footer-text-color);
+	border-color: #f1f5f8;
+	border-color: var(--footer-top-line-color);
+	border-top-style: solid;
+	border-top-width: 1px;
+	font-size: 0.8rem;
+	font-weight: 500;
 }
 
 /* Right menu */
@@ -355,7 +357,7 @@ body {
 }
 .doc-toc a {
 	color: #2779bd;
-	color: var(--toc-font-color);
+	color: var(--toc-text-color);
 	font-size: 0.9rem;
 	font-weight: 600;
 	overflow: hidden;
@@ -453,7 +455,6 @@ pre[class*="language-"] {
   color: var(--code-function-text-color);
 }
 
-
 /* Medium screen and up */
 @media (min-width: 768px) {
 	.doc-container {
diff --git a/cmd/tools/vdoc.v b/cmd/tools/vdoc.v
index 3cd8a47a13..712e29b909 100644
--- a/cmd/tools/vdoc.v
+++ b/cmd/tools/vdoc.v
@@ -231,9 +231,10 @@ fn doc_node_html(dd doc.DocNode, link string, head bool, tb &table.Table) string
 		sym_name = '${dd.parent_type}.' + sym_name
 	}
 	node_id := slug(sym_name)
+	hash_link := if head_tag != 'h1' { ' <a href="#$node_id">#</a>' } else { '' }
 	dnw.writeln('<section id="$node_id" class="doc-node">')
 	if dd.name != 'README' {
-		dnw.write('<div class="title"><$head_tag>$sym_name <a href="#$node_id">#</a></$head_tag>')
+		dnw.write('<div class="title"><$head_tag>$sym_name$hash_link</$head_tag>')
 		if link.len != 0 {
 			dnw.write('<a class="link" rel="noreferrer" target="_blank" href="$link">$link_svg</a>')
 		}