actions
/
mdBook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #1470 from tim-seoss/light_theme_contrast_enhancement 

Enhance text contrast of `light` theme to improve accessibility.
This commit is contained in:
Eric Huss 2021-02-22 14:49:07 -08:00 committed by GitHub
parent f26116a491 7f59fdd9bd
commit f8b9054265
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 30 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/theme/css/chrome.css
View File

@ -93,7 +93,7 @@ a > .hljs {
.menu-title { .menu-title {
display: inline-block; display: inline-block;
font-weight: 200; font-weight: 200;
font-size: 2rem; font-size: 2.4rem;
line-height: var(--menu-bar-height); line-height: var(--menu-bar-height);
text-align: center; text-align: center;
margin: 0; margin: 0;

16
src/theme/css/variables.css
View File

@ -92,22 +92,22 @@
.light { .light {
--bg: hsl(0, 0%, 100%); --bg: hsl(0, 0%, 100%);
--fg: #333333; --fg: hsl(0, 0%, 0%);
--sidebar-bg: #fafafa; --sidebar-bg: #fafafa;
--sidebar-fg: #364149; --sidebar-fg: hsl(0, 0%, 0%);
--sidebar-non-existant: #aaaaaa; --sidebar-non-existant: #aaaaaa;
--sidebar-active: #008cff; --sidebar-active: #1f1fff;
--sidebar-spacer: #f4f4f4; --sidebar-spacer: #f4f4f4;
--scrollbar: #cccccc; --scrollbar: #8F8F8F;
--icons: #cccccc; --icons: #747474;
--icons-hover: #333333; --icons-hover: #000000;
--links: #4183c4; --links: #20609f;
--inline-code-color: #6e6b5e; --inline-code-color: #301900;
--theme-popup-bg: #fafafa; --theme-popup-bg: #fafafa;
--theme-popup-border: #cccccc; --theme-popup-border: #cccccc;

38
src/theme/highlight.css
View File

@ -1,14 +1,18 @@
/* Base16 Atelier Dune Light - Theme */ /*
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune) */ * An increased contrast highlighting scheme loosely based on the
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ * "Base16 Atelier Dune Light" theme by Bram de Haan
* (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune)
* Original Base16 color scheme by Chris Kempson
* (https://github.com/chriskempson/base16)
*/
/* Atelier-Dune Comment */ /* Comment */
.hljs-comment, .hljs-comment,
.hljs-quote { .hljs-quote {
color: #AAA; color: #575757;
} }
/* Atelier-Dune Red */ /* Red */
.hljs-variable, .hljs-variable,
.hljs-template-variable, .hljs-template-variable,
.hljs-attribute, .hljs-attribute,
@ -19,10 +23,10 @@
.hljs-name, .hljs-name,
.hljs-selector-id, .hljs-selector-id,
.hljs-selector-class { .hljs-selector-class {
color: #d73737; color: #d70025;
} }
/* Atelier-Dune Orange */ /* Orange */
.hljs-number, .hljs-number,
.hljs-meta, .hljs-meta,
.hljs-built_in, .hljs-built_in,
@ -30,33 +34,33 @@
.hljs-literal, .hljs-literal,
.hljs-type, .hljs-type,
.hljs-params { .hljs-params {
color: #b65611; color: #b21e00;
} }
/* Atelier-Dune Green */ /* Green */
.hljs-string, .hljs-string,
.hljs-symbol, .hljs-symbol,
.hljs-bullet { .hljs-bullet {
color: #60ac39; color: #008200;
} }
/* Atelier-Dune Blue */ /* Blue */
.hljs-title, .hljs-title,
.hljs-section { .hljs-section {
color: #6684e1; color: #0030f2;
} }
/* Atelier-Dune Purple */ /* Purple */
.hljs-keyword, .hljs-keyword,
.hljs-selector-tag { .hljs-selector-tag {
color: #b854d4; color: #9d00ec;
} }
.hljs { .hljs {
display: block; display: block;
overflow-x: auto; overflow-x: auto;
background: #f1f1f1; background: #f6f7f6;
color: #6e6b5e; color: #000;
padding: 0.5em; padding: 0.5em;
} }