From 61f6047717da2a7d62153e277459b47b98170b98 Mon Sep 17 00:00:00 2001
From: Egor Tensin <Egor.Tensin@gmail.com>
Date: Sat, 1 Jul 2017 02:34:53 +0300
Subject: lighter background-color of <pre> and <code>

---
 css/common/misc.css | 24 ++++++++++++++++++++++--
 css/syntax.css      |  3 +--
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/css/common/misc.css b/css/common/misc.css
index 33dba8f..374f40a 100644
--- a/css/common/misc.css
+++ b/css/common/misc.css
@@ -1,10 +1,11 @@
+/* Utility classes to prevent blocks from expanding unreasonably. }
 .wide-enough {
   max-width: 400px;
 }
 .wider {
   max-width: 600px;
 }
-/* "Header link" becomes blue inside of <hN><a>Header link</a></hN> otherwise. */
+/* Links become blue inside of <hN> elements otherwise. */
 h1 a,
 h2 a,
 h3 a,
@@ -13,10 +14,11 @@ h5 a,
 h6 a {
   color: inherit;
 }
-/* Link captions become too close to badges on the sidebar. */
+/* Link captions might become too close to badges on the sidebar. */
 span.badge {
   margin-left: .5em;
 }
+/* Add horizontal scrollbars to <pre>s and don't wrap the code inside. */
 pre {
   overflow-x: auto;
 }
@@ -24,3 +26,21 @@ pre code {
   white-space: pre;
   word-wrap: normal;
 }
+/* Lighter background for <pre> and <code> elements. */
+pre {
+  font-size: inherit;
+  background-color: #fbfbfb;
+}
+.highlight {
+  background-color: #fbfbfb !important;
+}
+code {
+  color: inherit;
+  background-color: #fbfbfb;
+  font-size: inherit;
+}
+/* Prevent <code> elements from standing out from alerts. */
+.alert code {
+  padding: 0;
+  background-color: inherit;
+}
diff --git a/css/syntax.css b/css/syntax.css
index 73e2b40..855ae2c 100644
--- a/css/syntax.css
+++ b/css/syntax.css
@@ -1,6 +1,5 @@
-/* It's a slightly modified Pygments' "Autumn" theme. */
 .highlight .hll { background-color: #ffffcc }
-.highlight  { background: #fafafa; }
+.highlight  { background: #ffffff; }
 .highlight .c { color: #aaaaaa; font-style: italic } /* Comment */
 .highlight .err { color: #FF0000; background-color: #FFAAAA } /* Error */
 .highlight .k { color: #0000aa } /* Keyword */
-- 
cgit v1.2.3