purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-10 04:25:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed custom colors

Browse Source
This commit is contained in:
Sercan Yemen 2017-10-12 17:40:27 +03:00
parent 8518408254
commit 4f451a74e9
1 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/app/core/scss/partials/_colors.scss
View File

@ -109,49 +109,59 @@ $matColorHues: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, A100, A200, A400
@mixin generateMaterialElementColors($contrastColor) { @mixin generateMaterialElementColors($contrastColor) {
// If the contrast color is white... // 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 the contrast color is black...
@if (rgba(black, 1) == rgba($contrastColor, 1)) { @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 // Native Input
input[type="text"] { input[type="text"] {
color: mat-color($foreground, base); color: map_get($fuseForeground, base);
} }
// Input // Input
.mat-input-placeholder { .mat-input-placeholder {
color: mat-color($foreground, hint-text); color: map_get($fuseForeground, hint-text);
} }
.mat-input-underline { .mat-input-underline {
background-color: mat-color($foreground, divider); background-color: map_get($fuseForeground, divider);
} }
// Select // Select
.mat-select-trigger, .mat-select-trigger,
.mat-select-arrow { .mat-select-arrow {
color: mat-color($foreground, hint-text); color: map_get($fuseForeground, hint-text);
} }
.mat-select-underline { .mat-select-underline {
background-color: mat-color($foreground, divider); background-color: map_get($fuseForeground, divider);
} }
.mat-select-disabled .mat-select-value, .mat-select-disabled .mat-select-value,
.mat-select-arrow, .mat-select-arrow,
.mat-select-trigger { .mat-select-trigger {
color: mat-color($foreground, hint-text); color: map_get($fuseForeground, hint-text);
} }
.mat-select-content, .mat-select-panel-done-animating { .mat-select-content,
background: mat-color($background, card); .mat-select-panel-done-animating {
background: map_get($background, card);
} }
.mat-select-value { .mat-select-value {
color: mat-color($foreground, text); color: map_get($fuseForeground, text);
} }
} }