Skip to content

Commit 55a5fb2

Browse files
authored
Dark theme accessibility (#4069)
* Add --code-color variable for <code> elements * Copy dark theme code color from newsletter theme
1 parent 3152b17 commit 55a5fb2

File tree

2 files changed

+6
-0
lines changed

2 files changed

+6
-0
lines changed

themes/rusted/static/css/_base.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -140,6 +140,7 @@ code {
140140

141141
code {
142142
padding: 1px 5px;
143+
color: $code-color;
143144
}
144145

145146
pre {

themes/rusted/static/css/main.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@ $background-color: var(--background-color);
1616
$brand-color: var(--brand-color);
1717
$brand-color-visited: var(--brand-color-visited);
1818
$pre-color: var(--pre-color);
19+
$code-color: var(--code-color);
1920
$code-bg-color: var(--code-bg-color);
2021
$code-border-color: var(--code-border-color);
2122
$thead-color: var(--thead-color);
@@ -32,6 +33,7 @@ $brand-color-lt: #2a7ae2;
3233
$brand-color-visited-lt: #551A8B;
3334
$pre-color-lt: #333;
3435
$code-bg-color-lt: #eef;
36+
$code-color-lt: #c7254e;
3537
$thead-color-lt: #eeeeee;
3638
$table-lines-color-lt: #d2d2d2;
3739
$table-even-color-lt: #f7f7f7;
@@ -43,6 +45,7 @@ $brand-color-dt: #d2991d;
4345
$brand-color-visited-dt: #9a7015;
4446
$pre-color-dt: #aeaeae;
4547
$code-bg-color-dt: #2a2a2a;
48+
$code-color-dt: #eb7f98;
4649
$thead-color-dt: #525252;
4750
$table-lines-color-dt: #aeaeae;
4851
$table-even-color-dt: #828282;
@@ -53,6 +56,7 @@ $table-even-color-dt: #828282;
5356
--brand-color: #{$brand-color-lt};
5457
--brand-color-visited: #{$brand-color-visited-lt};
5558
--pre-color: #{$pre-color-lt};
59+
--code-color: #{$code-color-lt};
5660
--code-bg-color: #{$code-bg-color-lt};
5761
--code-border-color: #{$grey-colour-light};
5862
--thead-color: #{$thead-color-lt};
@@ -67,6 +71,7 @@ $table-even-color-dt: #828282;
6771
--brand-color: #{$brand-color-dt};
6872
--brand-color-visited: #{$brand-color-visited-dt};
6973
--pre-color: #{$pre-color-dt};
74+
--code-color: #{$code-color-dt};
7075
--code-bg-color: #{$code-bg-color-dt};
7176
--code-border-color: #{$code-bg-color-dt};
7277
--thead-color: #{$thead-color-dt};

0 commit comments

Comments
 (0)