diff --git a/src/styles.scss b/src/styles.scss index fe883c6..be060c8 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1,7 +1,8 @@ /* You can add global styles to this file, and also import other style files */ +@import '~material-icons/iconfont/material-icons.css'; + @import '@angular/material/prebuilt-themes/indigo-pink.css'; -@import 'material-icons/iconfont/material-icons.css'; //@import './app-theme'; /* You can add global styles to this file, and also import other style files */ @@ -31,7 +32,7 @@ $my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn); @include angular-material-theme($my-app-theme); // Dark theme -$dark-primary: mat-palette($mat-indigo); +$dark-primary: mat-palette($mat-light-blue, 700, 100, 800); $dark-accent: mat-palette($mat-blue); $dark-warn: mat-palette($mat-deep-orange); @@ -41,6 +42,10 @@ $dark-theme: mat-dark-theme($dark-primary, $dark-accent, $dark-warn); @include angular-material-theme($dark-theme); } +.mat-stroked-button, .mat-raised-button, .mat-flat-button { + border-radius: 24px !important +} + // Light theme $light-primary: mat-palette($mat-grey, 200, 500, 300); $light-accent: mat-palette($mat-brown, 200); @@ -49,7 +54,7 @@ $light-warn: mat-palette($mat-deep-orange, 200); $light-theme: mat-light-theme($light-primary, $light-accent, $light-warn); .light-theme { - @include angular-material-theme($light-theme) + @include angular-material-theme($light-theme); } .no-outline {