CSS: improve readability

Using Firefox' accessibility tool as a guide.

1 files changed, 9 insertions, 6 deletions

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index c802354..ae6d674 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -55,21 +55,24 @@ span.published, span.updated {
 
 code {
   font-family: monospace;
-  padding-left: 0.1em;
-  padding-right: 0.1em;
+  padding-left: 0.2em;
+  padding-right: 0.2em;
   border-radius: 4px;
-  background-color: #fafafa;
 }
 
-p code {color: #f8546a}
+p code {
+  color: black;
+  background-color: #eee;
+  padding: 0 0.2rem;
+}
 
 pre {
   font-family: monospace;
   margin: 0;
   word-wrap: normal;
-  padding:1.125em;
+  padding: 0.8em;
   overflow-x: auto;
-  border: 1px solid #ccc;
+  border: 1px solid #eee;
   border-radius: 3px;
   background-color: #fafafa;
 }