diff --git a/src/addon/mod/quiz/components/index/index.scss b/src/addon/mod/quiz/components/index/index.scss index e359e8a0b..f6f7cb907 100644 --- a/src/addon/mod/quiz/components/index/index.scss +++ b/src/addon/mod/quiz/components/index/index.scss @@ -46,6 +46,12 @@ ion-app.app-root addon-mod-quiz-index { background-color: $blue-dark; color: $blue-light; } + + .item.addon-mod_quiz-highlighted.activated, + .item.addon-mod_quiz-highlighted.activated p { + background-color: $blue; + color: $blue-light; + } } } } diff --git a/src/app/app.scss b/src/app/app.scss index ff148ca9c..e23c90d0c 100644 --- a/src/app/app.scss +++ b/src/app/app.scss @@ -441,6 +441,18 @@ ion-app.app-root { } } } + @include darkmode() { + @each $color-name, $color-base, $color-contrast in get-colors($colors-dark) { + &.select-md-#{$color-name}, + &.select-ios-#{$color-name} { + color: $color-base; + + .select-icon .select-icon-inner { + color: $color-base; + } + } + } + } } .item-label-stacked ion-select[multiple="true"] {