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

This commit is contained in:
Amaia Anabitarte
2022-02-21 11:09:52 +01:00
parent 0f94f29296
commit bb78acdaef
3 changed files with 17 additions and 7 deletions
+9 -3
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%);
+4 -2
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; }
+4 -2
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; }