diff --git a/frontend/src/app/components/students/student-register/student-register.component.scss b/frontend/src/app/components/students/student-register/student-register.component.scss index 1d6ba1b..81190a6 100644 --- a/frontend/src/app/components/students/student-register/student-register.component.scss +++ b/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; } + diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss index 1a2401a..57067a2 100644 --- a/frontend/src/styles.scss +++ b/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;