From 658c7fe95e402e8a8775cdab49809dc3ed8c52f0 Mon Sep 17 00:00:00 2001 From: Sacha Judd Date: Wed, 30 Aug 2017 12:16:41 +1200 Subject: [PATCH] NEW Adjust docs colours to be web accessible --- css/highlight.css | 16 ++++++++-------- css/layout.css | 21 ++++++--------------- css/typography.css | 4 ++-- 3 files changed, 16 insertions(+), 25 deletions(-) diff --git a/css/highlight.css b/css/highlight.css index 155ac2e..e3ec66a 100644 --- a/css/highlight.css +++ b/css/highlight.css @@ -8,23 +8,23 @@ Customised for doc.silverstripe.org, see CUSTOM markers. .hljs { display: block; overflow-x: auto; - padding: 0.5em; - color: #333; + padding: 1.5em 1em; + color: #444; background: #f3f6f6; /* CUSTOM */ border-radius: 3px; /* CUSTOM */ - box-shadow: 0 1px 1px rgba(0,0,0,.125); /* CUSTOM */ + box-shadow: 0 1px 3px rgba(0,0,0,.15); /* CUSTOM */ } .hljs-comment, .hljs-quote { - color: #998; + color: #717171; font-style: italic; } .hljs-keyword, .hljs-selector-tag, .hljs-subst { - color: #333; + color: #444; font-weight: bold; } @@ -33,12 +33,12 @@ Customised for doc.silverstripe.org, see CUSTOM markers. .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr { - color: #008080; + color: #007e7e; } .hljs-string, .hljs-doctag { - color: #d14; + color: #ed135a; } .hljs-title, @@ -67,7 +67,7 @@ Customised for doc.silverstripe.org, see CUSTOM markers. .hljs-regexp, .hljs-link { - color: #009926; + color: #008500; } .hljs-symbol, diff --git a/css/layout.css b/css/layout.css index 0fb6026..b1ec5e1 100644 --- a/css/layout.css +++ b/css/layout.css @@ -476,35 +476,26 @@ html { text-align: center; } +.info, .notice, .note, .warningBox { - background: #FFFFAD; + background: #e6f5fc; } .warning, .alert { - background: #FF8480; - color:#fff; -} - -.warning a, -.alert a { - color:#fff; - text-decoration:underline; + background: #ffdcdb; + color: #586667; } .warning code, .alert code { - color:#666; + color: #666; } .hint { - background: #f4f4f4; -} - -.info { - background: #CAF7FF; + background: #f0f4f4; } .warning p { diff --git a/css/typography.css b/css/typography.css index 03976cd..2e35d09 100644 --- a/css/typography.css +++ b/css/typography.css @@ -164,7 +164,7 @@ h3 { font-size: 20px; line-height: 20px; margin: 30px 0 10px; - color: #181c1d; + color: #586667; } h4 { @@ -332,7 +332,7 @@ table { border: 1px solid #d4d4d4; border-bottom-color: #bcbcbc; text-shadow: 0 1px 0 #fff; - color: #333; + color: #444; font-weight: bold; margin-bottom: 5px; text-decoration: none;