From d50643239452367c1ff836739decb0e214e964d7 Mon Sep 17 00:00:00 2001
From: Susam Pal <susam@susam.net>
Date: Sun, 6 Nov 2022 10:02:40 +0000
Subject: [PATCH] Use green and amber to color code and output

---
 CHANGES.md |  9 +++++++++
 index.html | 10 +++++-----
 sp.css     | 19 +++++++++++--------
 3 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/CHANGES.md b/CHANGES.md
index 4546f6a..7539605 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -1,3 +1,12 @@
+0.9.0 (UNRELEASED)
+------------------
+
+### Changed
+
+- Change code and output colors from blue and green, respectively, to
+  green and amber, respectively.
+
+
 0.8.0 (2021-09-11)
 ------------------
 
diff --git a/index.html b/index.html
index df88759..5cc3062 100644
--- a/index.html
+++ b/index.html
@@ -40,11 +40,11 @@ int main()
 hello, world</samp>
 </pre>
 <p>
-  The command displayed in green above denotes keyboard input entered by
-  a user. SPCSS shows any <code>&lt;kbd&gt;</code> element nested within
-  a <code>&lt;pre&gt;</code> in green in order to highlight keyboard
-  input. For example, the above code example was created with the
-  following HTML code:
+  SPCSS shows any text in <code>&lt;samp&gt;</code> element in amber
+  and any text in <code>&lt;kbd&gt;</code> element in green. This can
+  be used to differentiate between the output of a computer program
+  and the input a user types. For example, the above code example was
+  created with the following HTML code:
 </p>
 <pre>
 <code>&lt;pre&gt;
diff --git a/sp.css b/sp.css
index 01aa104..10cf951 100644
--- a/sp.css
+++ b/sp.css
@@ -45,11 +45,13 @@ figcaption {
   font-size: small;
 }
 pre, code, samp, kbd {
-  color: #009;
   font-family: monospace, monospace;
 }
-pre kbd {
-  color: #060;
+pre, code, kbd {
+  color: #050;
+}
+samp {
+  color: #730;
 }
 pre, blockquote {
   background: #eee;
@@ -91,13 +93,14 @@ th, td {
     color: #9cf;
   }
   a:active {
-    color: #faa;
+    color: #f99;
   }
-  pre, code, samp, kbd {
-    color: #6cf;
-  }
-  pre kbd {
+  pre, code, kbd {
     color: #9c6;
+    font-family: monospace, monospace;
+  }
+  samp {
+    color: #db0;
   }
   pre, blockquote {
     background: #000;