frontend/src/app/components/students/student-register/student-register.component.scss

@@ -10,38 +10,25 @@
   background-color: transparent;
 }
 
-input,
-button {
-  color: white;
-}
-
-//button {
-//  background-color: #0366d6;
-//}
-
-::selection {
-  color: white;
-  background-color: #1576d5;
-}
 .flexContainerRow {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }
+
 .width50 {
   width: 50%;
 }
 .width20 {
   width: 20%;
 }
-
+.width30 {
+  width: 30%;
+}
 .flexContainerColumn {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  &.width30 {
-    width: 30%;
-  }
 }
 
 .leftContainer {
@@ -59,14 +46,10 @@ button {
   margin-right: 10px;
 }
 
-mat-icon {
-  color: white;
-  scale: 80%;
-}
-
 textarea {
   font-family: inherit;
   border-radius: 10px 10px 0px 0px;
   padding: 5px;
   resize: none;
 }
+

frontend/src/styles.scss

@@ -5,7 +5,7 @@
 @include mat.core();
 
 $my-primary: mat.define-palette(mat.$blue-palette);
-$my-accent: mat.define-palette(mat.$gray-palette);
+$my-accent: mat.define-palette(mat.$blue-palette);
 
 
 $my-theme: mat.define-light-theme((
@@ -19,12 +19,12 @@ $my-theme: mat.define-light-theme((
 
 // Emit theme-dependent styles for common features used across multiple components.
 @include mat.core-theme($my-theme);
+@include mat.all-component-themes($my-theme);
+
+.mdc-button {
+  background: rgba(255, 255, 255, 0.82) !important;
+}
 
-// Emit styles for MatButton based on `$my-theme`. Because the configuration
-// passed to `define-light-theme` omits typography, `button-theme` will not
-// emit any typography styles.
-@include mat.all-component-colors($my-theme);
-@include mat.button-color($my-theme);
 // Include the theme mixins for other components you use here.
 //a {
 //  color: #0366d6;