MDL-73882 theme: Improve constrast on course index for dimmed elements

This commit is contained in:
Amaia Anabitarte 2022-02-21 10:46:38 +01:00
parent 0f94f29296
commit bb78acdaef
3 changed files with 17 additions and 7 deletions

View File

@ -83,6 +83,15 @@ $courseindex-item-current: $primary !default;
.courseindex-chevron {
color: $courseindex-link-dimmed-color;
}
// Current page dimmed item.
&.pageitem {
color: $courseindex-link-color-selected;
a {
color: $courseindex-link-color-selected;
}
}
}
// Restrictions icon.
@ -103,9 +112,6 @@ $courseindex-item-current: $primary !default;
a {
color: $courseindex-link-color-selected;
}
.courseindex-link {
text-shadow: 0 1px 0 rgba($courseindex-link-color-selected, .3);
}
@include hover-focus() {
background-color: darken($courseindex-item-page-bg, 7.5%);

View File

@ -21383,6 +21383,10 @@ div.editor_atto_toolbar button .icon {
.courseindex .courseindex-item.dimmed .courseindex-link,
.courseindex .courseindex-item.dimmed .courseindex-chevron {
color: #6a737b; }
.courseindex .courseindex-item.dimmed.pageitem {
color: #fff; }
.courseindex .courseindex-item.dimmed.pageitem a {
color: #fff; }
.courseindex .courseindex-item .courseindex-locked {
display: none; }
.courseindex .courseindex-item.rectrictions .courseindex-locked {
@ -21393,8 +21397,6 @@ div.editor_atto_toolbar button .icon {
scroll-margin: 6rem; }
.courseindex .courseindex-item.pageitem a {
color: #fff; }
.courseindex .courseindex-item.pageitem .courseindex-link {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }
.courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
background-color: #0c589c;
color: #e6e5e5; }

View File

@ -21329,6 +21329,10 @@ div.editor_atto_toolbar button .icon {
.courseindex .courseindex-item.dimmed .courseindex-link,
.courseindex .courseindex-item.dimmed .courseindex-chevron {
color: #6a737b; }
.courseindex .courseindex-item.dimmed.pageitem {
color: #fff; }
.courseindex .courseindex-item.dimmed.pageitem a {
color: #fff; }
.courseindex .courseindex-item .courseindex-locked {
display: none; }
.courseindex .courseindex-item.rectrictions .courseindex-locked {
@ -21339,8 +21343,6 @@ div.editor_atto_toolbar button .icon {
scroll-margin: 6rem; }
.courseindex .courseindex-item.pageitem a {
color: #fff; }
.courseindex .courseindex-item.pageitem .courseindex-link {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }
.courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
background-color: #0c589c;
color: #e6e5e5; }