diff --git a/html_resources/layout.html b/html_resources/layout.html
index 950f26c..e8da514 100644
--- a/html_resources/layout.html
+++ b/html_resources/layout.html
@@ -52,6 +52,12 @@
         </ul>
       </li>
     </ul>
+    <p>
+      Here is a quote: <span class="quote speech">Hello! It&apos;s me! The
+      quote.</span><br />
+      Here&apos;s a non-verbal quote: <span class="quote non-speech">
+      test abc</span>
+    </p>
     <p>
       Here are two types of pre-formatted text:
     </p>
diff --git a/html_resources/style.css b/html_resources/style.css
index f76ea62..4514208 100644
--- a/html_resources/style.css
+++ b/html_resources/style.css
@@ -1,3 +1,18 @@
+* {
+  color: #101010;
+}
+
+a {
+  color: #1515A0;
+}
+a:visited {
+  color: #185113;
+}
+
+html {
+  background-color: #e5e3e0;
+}
+
 body {
   margin: 0 auto;
   width: 90%;
@@ -13,7 +28,7 @@ h1 {
   padding-top: 0.8em;
   padding-bottom: 0.5em;
 
-  border-bottom: 0.1em solid black;
+  border-bottom: 0.1em solid #101030;
 
   margin: 0;
   margin-bottom: 0.8em;
@@ -75,7 +90,7 @@ pre {
 pre.terminal {
   color: #B5E550;
   background-color: #3F3F3F;
-  border: 1px solid black;
+  border: 1px solid #101030;
 
   padding: 1em;
 }
@@ -84,7 +99,7 @@ pre.paper {
   /* TODO: typewriter-look? */
   /* TODO: tractor feed ribbons? */
   background-color: #F0E6CE;
-  border: 1px solid black;
+  border: 1px solid #101030;
 
   padding: 1em;
   padding-bottom: 0em;
@@ -98,14 +113,14 @@ span.quote.speech {
   color: #303030;
 }
 span.quote.speech::before {
-  color: black;
+  color: #101030;
   content: "\25b8";
   font-size: 0.75em;
   position: relative;
   bottom: 0.15em;
 }
 span.quote.speech::after {
-  color: black;
+  color: #101030;
   content: "\25c2";
   font-size: 0.75em;
   position: relative;
@@ -116,14 +131,14 @@ span.quote.non-speech {
   color: #303030;
 }
 span.quote.non-speech::before {
-  color: black;
+  color: #101030;
   content: "\25b9";
   font-size: 0.75em;
   position: relative;
   bottom: 0.15em;
 }
 span.quote.non-speech::after {
-  color: black;
+  color: #101030;
   content: "\25c3";
   font-size: 0.75em;
   position: relative;
@@ -149,6 +164,9 @@ span.quote.thought::after {
   position: relative;
   bottom: 0.15em;
 }
+span.chapter {
+  color: inherit;
+}
 span.chapter::before {
   content: "\25b9";
   font-size: 0.75em;