Skip to content

Instantly share code, notes, and snippets.

@code-vagabond
Created August 31, 2018 23:40
Show Gist options
  • Save code-vagabond/f386bb33d42760658a777e1c7c3af5fd to your computer and use it in GitHub Desktop.
Save code-vagabond/f386bb33d42760658a777e1c7c3af5fd to your computer and use it in GitHub Desktop.
Styling for login with dark background and white outline, using mat-form-field, appearance = "outline"
input::placeholder {
color: $grey-lighter !important;
}
.mat-form-field-outline {
color: whitesmoke !important;
}
.mat-form-field-outline-thick {
color: white !important;
box-shadow: 1px 0px 10px 0.125em rgba(255, 255, 255, 0.27) !important;
}
.mat-focused .mat-form-field-outline-thick {
color: white !important;
}
.mat-form-field-label {
color: white !important;
}
.mat-input-element {
caret-color: whitesmoke !important;
}
.mat-icon {
color: white;
}
.mat-button-wrapper {
color: white;
}
.mat-stroked-button {
color: white !important;
}
.mat-stroked-button:hover {
transition: 0.5s;
box-shadow: 1px 0px 10px 0.125em rgba(255, 255, 255, 0.27) !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment