diff --git a/src/app/core/scss/partials/_colors.scss b/src/app/core/scss/partials/_colors.scss index 83e76d55..a4ae2aa3 100644 --- a/src/app/core/scss/partials/_colors.scss +++ b/src/app/core/scss/partials/_colors.scss @@ -109,49 +109,59 @@ $matColorHues: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, A100, A200, A400 @mixin generateMaterialElementColors($contrastColor) { // If the contrast color is white... - $foreground: $mat-dark-theme-foreground; + $fuseForeground: ( + base: white, + hint-text: rgba(white, 0.5), + divider: rgba(white, 0.12), + ); // If the contrast color is black... @if (rgba(black, 1) == rgba($contrastColor, 1)) { - $foreground: $mat-light-theme-foreground; + + $fuseForeground: ( + base: black, + hint-text: rgba(black, 0.38), + divider: rgba(black, 0.12), + ); } // Native Input input[type="text"] { - color: mat-color($foreground, base); + color: map_get($fuseForeground, base); } // Input .mat-input-placeholder { - color: mat-color($foreground, hint-text); + color: map_get($fuseForeground, hint-text); } .mat-input-underline { - background-color: mat-color($foreground, divider); + background-color: map_get($fuseForeground, divider); } // Select .mat-select-trigger, .mat-select-arrow { - color: mat-color($foreground, hint-text); + color: map_get($fuseForeground, hint-text); } .mat-select-underline { - background-color: mat-color($foreground, divider); + background-color: map_get($fuseForeground, divider); } .mat-select-disabled .mat-select-value, .mat-select-arrow, .mat-select-trigger { - color: mat-color($foreground, hint-text); + color: map_get($fuseForeground, hint-text); } - .mat-select-content, .mat-select-panel-done-animating { - background: mat-color($background, card); + .mat-select-content, + .mat-select-panel-done-animating { + background: map_get($background, card); } .mat-select-value { - color: mat-color($foreground, text); + color: map_get($fuseForeground, text); } }