From 23ae80e922d45912ca5031ed0e08a9f3773bddd8 Mon Sep 17 00:00:00 2001 From: Konstantinos Norgias Date: Wed, 14 Apr 2021 18:48:22 +0200 Subject: [PATCH 1/3] style: apply all a11y improvements on new branch --- docs/_assets/style.css | 36 +++++++++++++++++++++++++++++++++--- docs/_assets/variables.css | 28 ++++------------------------ 2 files changed, 37 insertions(+), 27 deletions(-) diff --git a/docs/_assets/style.css b/docs/_assets/style.css index 04e56e465..ec022ce5d 100644 --- a/docs/_assets/style.css +++ b/docs/_assets/style.css @@ -1,23 +1,53 @@ body[layout='layout-home'] .markdown-body .call-to-action:nth-of-type(2) { --primary-color: #222; - --primary-color-lighter: #333; + --primary-color-lighter: #555; --primary-color-darker: #000; } +body[layout='layout-home'] .markdown-body .call-to-action-listitem:nth-of-type(1) { + --primary-color: #8f7325; + --primary-color-darker: #725c1e; +} + +#layout-index-open-navigation { + --primary-color: #8f7325; + --primary-color-darker: #725c1e; +} + .markdown-body img { width: 100%; } +.markdown-body a { + text-decoration: underline; +} + mdjs-preview { margin-bottom: 20px; } -#main-header a[href="/blog/"] { +#main-header a { + font-weight: normal; +} + +#main-header a.active { + font-weight: bold; +} + +#main-header .active { + display: block; +} + +#sidebar-nav { + padding: 2px; +} + +#main-header a[href='/blog/'] { display: none; } @media screen and (min-width: 1024px) { - #main-header a[href="/blog/"] { + #main-header a[href='/blog/'] { display: block; } } diff --git a/docs/_assets/variables.css b/docs/_assets/variables.css index 886f0783f..4b43af365 100644 --- a/docs/_assets/variables.css +++ b/docs/_assets/variables.css @@ -1,6 +1,6 @@ html { --primary-color: #8f7325; - --primary-color-lighter: #d1a62f; + --primary-color-lighter: #8f7325; --primary-color-darker: #705918; --primary-color-accent: #cee5f6; --primary-text-color: #2c3e50; @@ -15,27 +15,7 @@ html { --footer-background: rgba(0, 0, 0, 0.1); --text-color: black; -} - -html.dark { - --primary-color: #e63946; - --primary-color-lighter: #e25761; - --primary-color-darker: #a22831; - --primary-color-accent: #cee5f6; - --primary-text-color: #eee; - - /* Contrast colors */ - --contrast-color-light: #fff; - --contrast-color-dark: #1d3557; - - /* background-colors */ - --page-background: #333; - --footer-background: #4f4f4f; - - --text-color: white; - - --markdown-octicon-link: white; - --markdown-syntax-background-color: #a0a0a0; - --markdown-link-color: #fb7881; - --markdown-blockquote-color: #c9e3ff; + + /* search colors*/ + --rocket-search-highlight-color: #2c3e50; } From ea1315f9fdebb39bd0c76f7ad7552ad2d360ab5d Mon Sep 17 00:00:00 2001 From: Konstantinos Norgias Date: Thu, 15 Apr 2021 09:32:29 +0200 Subject: [PATCH 2/3] style: no override of variable theming --- docs/_assets/style.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/docs/_assets/style.css b/docs/_assets/style.css index ec022ce5d..1fb2d02a5 100644 --- a/docs/_assets/style.css +++ b/docs/_assets/style.css @@ -1,7 +1,9 @@ body[layout='layout-home'] .markdown-body .call-to-action:nth-of-type(2) { - --primary-color: #222; - --primary-color-lighter: #555; - --primary-color-darker: #000; + background: linear-gradient(to right, #555, #222); +} + +body[layout='layout-home'] .markdown-body .call-to-action:nth-of-type(2):hover { + background: #000; } body[layout='layout-home'] .markdown-body .call-to-action-listitem:nth-of-type(1) { From d99595268c469b4a73e51548406c4e309d6af202 Mon Sep 17 00:00:00 2001 From: Konstantinos Norgias Date: Mon, 19 Apr 2021 10:30:26 +0200 Subject: [PATCH 3/3] style: override no vars --- docs/_assets/style.css | 10 ---------- docs/_assets/variables.css | 2 +- 2 files changed, 1 insertion(+), 11 deletions(-) diff --git a/docs/_assets/style.css b/docs/_assets/style.css index 1fb2d02a5..7fc7fad40 100644 --- a/docs/_assets/style.css +++ b/docs/_assets/style.css @@ -6,16 +6,6 @@ body[layout='layout-home'] .markdown-body .call-to-action:nth-of-type(2):hover { background: #000; } -body[layout='layout-home'] .markdown-body .call-to-action-listitem:nth-of-type(1) { - --primary-color: #8f7325; - --primary-color-darker: #725c1e; -} - -#layout-index-open-navigation { - --primary-color: #8f7325; - --primary-color-darker: #725c1e; -} - .markdown-body img { width: 100%; } diff --git a/docs/_assets/variables.css b/docs/_assets/variables.css index 4b43af365..2a28913c4 100644 --- a/docs/_assets/variables.css +++ b/docs/_assets/variables.css @@ -1,7 +1,7 @@ html { --primary-color: #8f7325; --primary-color-lighter: #8f7325; - --primary-color-darker: #705918; + --primary-color-darker: #725c1e; --primary-color-accent: #cee5f6; --primary-text-color: #2c3e50; --primary-lines-color: #ccc;