MDL-69389 theme_boost: Make default body font colour darker

Links and normal text should have at least a colour contrast ratio
of 3:1. To achieve this, $body-color will be using the darker
shade of gray $gray-900 (#212529).
This commit is contained in:
Jun Pataleta
2020-08-26 11:07:41 +08:00
parent a4ab0db4bd
commit d79cd16ae7
2 changed files with 19 additions and 19 deletions
+1 -1
View File
@@ -36,7 +36,7 @@ $warning-outline: #a6670e;
$enable-rounded: false !default;
// Body
$body-color: $gray-800 !default;
$body-color: $gray-900 !default;
// Fonts
$font-size-base: 0.9375rem !default;
+18 -18
View File
@@ -2392,7 +2392,7 @@ body {
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.5;
color: #343a40;
color: #212529;
text-align: left;
background-color: #fff; }
@@ -3370,7 +3370,7 @@ pre {
.generaltable {
width: 100%;
margin-bottom: 1rem;
color: #343a40; }
color: #212529; }
.table th, table.collection th, table.flexible th, .generaltable th,
.table td,
table.collection td,
@@ -3418,7 +3418,7 @@ table#listdirectories td {
background-color: rgba(0, 0, 0, 0.05); }
.table-hover tbody tr:hover, table.grading-report tbody tr:hover, .forumheaderlist tbody tr:hover, .generaltable tbody tr:hover, table.flexible tbody tr:hover, .category_subcategories tbody tr:hover, table#modules tbody tr:hover, table#permissions tbody tr:hover {
color: #343a40;
color: #212529;
background-color: rgba(0, 0, 0, 0.075); }
.table-primary,
@@ -3789,7 +3789,7 @@ select.form-control:focus::-ms-value {
padding-bottom: 0.375rem;
margin-bottom: 0;
line-height: 1.5;
color: #343a40;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0; }
@@ -4104,7 +4104,7 @@ div.backup-section + form {
.btn, #page-grade-grading-manage .actions .action {
display: inline-block;
font-weight: 400;
color: #343a40;
color: #212529;
text-align: center;
vertical-align: middle;
user-select: none;
@@ -4119,7 +4119,7 @@ div.backup-section + form {
.btn, #page-grade-grading-manage .actions .action {
transition: none; } }
.btn:hover, #page-grade-grading-manage .actions .action:hover {
color: #343a40;
color: #212529;
text-decoration: none; }
.btn:focus, #page-grade-grading-manage .actions .action:focus, .btn.focus, #page-grade-grading-manage .actions .focus.action {
outline: 0;
@@ -4585,7 +4585,7 @@ p.arrow_button input[type="button"],
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 0.9375rem;
color: #343a40;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
@@ -6073,7 +6073,7 @@ p.arrow_button input[type="button"],
text-decoration: none;
background-color: #f8f9fa; }
.list-group-item-action:active {
color: #343a40;
color: #212529;
background-color: #e9ecef; }
.list-group-item {
@@ -6640,7 +6640,7 @@ a.close.disabled, .moodle-dialogue-base a.disabled.closebutton {
.popover-body {
padding: 0.5rem 0.75rem;
color: #343a40; }
color: #212529; }
.carousel {
position: relative; }
@@ -9248,7 +9248,7 @@ a.text-dark:hover, #categoryquestions a.highlight:hover, a.text-dark:focus, #cat
color: #121416 !important; }
.text-body {
color: #343a40 !important; }
color: #212529 !important; }
.text-muted, a.dimmed,
a.dimmed:link,
@@ -11231,7 +11231,7 @@ ul {
.dropdown-item a {
display: block;
width: 100%;
color: #343a40; }
color: #212529; }
.dropdown-item:active a {
color: #fff; }
@@ -12109,7 +12109,7 @@ body.h5p-embed .h5pmessages {
.block .block-controls .dropdown-toggle {
/* So that the caret takes the colour of the icon. */
color: #343a40; }
color: #212529; }
[data-region="blocks-column"] {
width: 360px;
@@ -14659,7 +14659,7 @@ a.ygtvspacer:hover {
direction: ltr; }
.message-app .matchtext {
background-color: #b5d9f9;
color: #343a40;
color: #212529;
height: 1.5rem; }
.message-app .contact-status {
position: absolute;
@@ -15235,7 +15235,7 @@ body.jsenabled .questionflag input[type=checkbox] {
margin: 0; }
#page-mod-quiz-edit .questionbankwindow div.header .title {
color: #343a40; }
color: #212529; }
#page-mod-quiz-edit div.container div.generalbox {
background-color: transparent;
@@ -15897,7 +15897,7 @@ fieldset.coursesearchbox label {
padding: 0.2em;
margin: 0;
cursor: pointer;
color: #343a40; }
color: #212529; }
.form-autocomplete-suggestions li:hover {
background-color: #3f9def;
@@ -15908,7 +15908,7 @@ fieldset.coursesearchbox label {
color: #495057; }
.form-autocomplete-downarrow {
color: #343a40;
color: #212529;
top: 0.2rem;
right: 0.5rem;
cursor: pointer; }
@@ -16150,10 +16150,10 @@ select {
font-weight: inherit; }
.path-mod-forum .subscriptionmode {
color: #343a40; }
color: #212529; }
.path-mod-forum .activesetting {
color: #343a40;
color: #212529;
font-weight: bold; }
.discussion-settings-container .custom-select {