From 861bf983327490cff6ea75a1084d59bad03e7bf7 Mon Sep 17 00:00:00 2001 From: Jonathan Wren Date: Sat, 19 Dec 2020 13:27:10 -0800 Subject: [PATCH] Small accessibility fixes for docs site (#1122) * remove old file that was only needed for gh-pages * fix broken icons on docs home page * add more contrast to twitter button hover state * tweak non-accessible color to meet standard * tweak non-accessible colors to meet standard --- docs_theme/CNAME | 2 -- docs_theme/assets/colors.css | 2 +- docs_theme/assets/highlight.css | 8 ++++++++ docs_theme/assets/index.css | 4 ++-- 4 files changed, 11 insertions(+), 5 deletions(-) delete mode 100644 docs_theme/CNAME diff --git a/docs_theme/CNAME b/docs_theme/CNAME deleted file mode 100644 index 027bab94..00000000 --- a/docs_theme/CNAME +++ /dev/null @@ -1,2 +0,0 @@ -jrnl.sh - diff --git a/docs_theme/assets/colors.css b/docs_theme/assets/colors.css index 331928f9..c8280af3 100644 --- a/docs_theme/assets/colors.css +++ b/docs_theme/assets/colors.css @@ -14,7 +14,7 @@ /* For light bg */ --teal: #2a8068; --dark-blue: #356eb7; - --mid-purple: #92679b; + --mid-purple: #846392; --bright-purple: #af27ad; --dark-purple: #604385; --darkest-purple: #251A32; diff --git a/docs_theme/assets/highlight.css b/docs_theme/assets/highlight.css index a73ce087..b7052917 100644 --- a/docs_theme/assets/highlight.css +++ b/docs_theme/assets/highlight.css @@ -125,6 +125,14 @@ Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax background: var(--dark-blue); } +.rst-content .note.admonition { + background: var(--light-blue); +} + .rst-content .tip .admonition-title { background: var(--teal); } + +.rst-content .tip .admonition { + background: var(--light-blue); +} diff --git a/docs_theme/assets/index.css b/docs_theme/assets/index.css index e08cab71..8aba2fb7 100644 --- a/docs_theme/assets/index.css +++ b/docs_theme/assets/index.css @@ -7,7 +7,7 @@ body { } .icon { - background-image: url("img/sprites.svg"); + background-image: url("/img/sprites.svg"); width: 32px; height: 32px; display: inline-block; @@ -138,7 +138,7 @@ header { #twitter:hover, #twitter:active { text-decoration: none; - box-shadow: 0 2px 25px 0 var(--black-shadow); + box-shadow: 0 2px 25px 0 var(--blacker-shadow); transition: all .5s ease; }