diff --git a/style.css b/style.css
index a1bfadd..b9d9eb5 100644
--- a/style.css
+++ b/style.css
@@ -592,6 +592,20 @@ section#content p {
 	text-indent: 35px;
 }
 
+.toc {
+	border: 1px solid #fff;
+	border-radius: 7px;
+	padding: 0.5em 1em;
+	display: inline-block;
+}
+
+.toc::before {
+	content: "Contents";
+	font-variant: small-caps;
+	font-weight: 400;
+	letter-spacing: 0.1em;
+}
+
 /* colors */
 a {color: #92ebf0}
 body {background-color: #0a0a0a; color: #eaeaea}
@@ -599,9 +613,9 @@ h1, h2, h3, h4, h5, h6 {color: #9a9a9a}
 section#content h1 {color: #98ffe0}
 section#content h2 {color: #c7ffef}
 h3>span {color: #7a7a7a}
-td, th, fieldset, blockquote, .pageheader, #pageinfo {border-color: #eaeaea}
+td, th, fieldset, blockquote, .pageheader, #pageinfo, .toc {border-color: #eaeaea}
 small {color: #777}
-div.recentchanges, .sidebar, .toc {background-color: #1a1a1a; color: #eee}
+div.recentchanges, .sidebar, .toc {background-color: #131313; color: #eee}
 .recentchanges .changelog {background-color: #2a2a2a; color: #fff}
 @media(prefers-color-scheme: light) {
 	a {color: #2a7fe8}
@@ -610,7 +624,7 @@ div.recentchanges, .sidebar, .toc {background-color: #1a1a1a; color: #eee}
 	section#content h1 {color: #448be8}
 	section#content h2 {color: #356cb4}
 	h3>span {color: #858585}
-	td, th, fieldset, blockquote, .pageheader, #pageinfo {border-color: #151515}
+	td, th, fieldset, blockquote, .pageheader, #pageinfo, .toc {border-color: #151515}
 	small {color: #888}
 	div.recentchanges, .sidebar, .toc {background-color: #e5e5e5; color: #111}
 	.recentchanges .changelog {background-color: #d5d5d5; color: #000}