01/01: website: Add CSS rules for paren matching.

[Ludovic Courtès]

civodul pushed a commit to branch master
in repository guix-artwork.

commit 5a386a73daa19d49590777730df792fdbd925ca7
Author: Ludovic Courtès <address@hidden>
Date:   Wed Sep 25 14:51:23 2019 +0200

    website: Add CSS rules for paren matching.
    
    * website/static/base/css/code.css (.syntax-default)
    (.syntax-paren0 to syntax-paren9): Add.
---
 website/static/base/css/code.css | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/website/static/base/css/code.css b/website/static/base/css/code.css
index c308845..47199f3 100644
--- a/website/static/base/css/code.css
+++ b/website/static/base/css/code.css
@@ -12,8 +12,9 @@
     font-weight: bold;
 }
 
-.syntax-symbol {
+.syntax-symbol, .syntax-default {
     color: #423;
+    background-color: #f2efe4; /* This must match pre.lisp! */
 }
 
 .syntax-string {
@@ -31,3 +32,17 @@
 .syntax-open, .syntax-close {
     color: #688;
 }
+
+.syntax-paren0, .syntax-paren1, .syntax-paren2, .syntax-paren3, 
.syntax-paren4, .syntax-paren5, .syntax-paren6, .syntax-paren7, .syntax-paren8, 
.syntax-paren9 { color: #688; }
+
+/* Rainbow paren matching.  */
+.syntax-paren0:hover { background-color:#EE9977; }
+.syntax-paren1:hover { background-color:#78DB59; }
+.syntax-paren2:hover { background-color:#55DDFF; }
+.syntax-paren3:hover { background-color:#DBDB59; }
+.syntax-paren4:hover { background-color:#FF8811; }
+.syntax-paren5:hover { background-color:#88CC44; }
+.syntax-paren6:hover { background-color:#AA22FF; }
+.syntax-paren7:hover { background-color:#DB7859; }
+.syntax-paren8:hover { background-color:#78DB59; }
+.syntax-paren9:hover { background-color:#5978DB; }