test

src/app/components/creator/_dialogs/room-edit/room-edit.component.scss

@@ -51,24 +51,3 @@ mat-hint {
   color: var(--on-surface) !important;
   margin-right: 1%;
 }
-
-/* label style */
-.mat-tab-label {
-  background: var(--surface) !important;
-  color: var(--on-surface) !important;
-}
-
-/* focus style */
-.mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-group.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus {
-  background: var(--seconday) !important;
-  color: var(--on-secondary) !important;
-}
-
-/* ink bar style */
-.mat-tab-group.mat-primary .mat-ink-bar,
-.mat-tab-nav-bar.mat-primary .mat-ink-bar {
-  background: var(--secondary);
-}

src/app/components/shared/comment-answer/comment-answer.component.scss

@@ -36,25 +36,4 @@ mat-icon {
   height: 18px;
   width: 18px;
   margin-right: 5px;
-}
-
-/* label style */
-.mat-tab-label {
-  background: var(--surface) !important;
-  color: var(--on-surface) !important;
-}
-
-/* focus style */
-.mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-group.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus {
-  background: var(--seconday) !important;
-  color: var(--on-secondary) !important;
-}
-
-/* ink bar style */
-.mat-tab-group.mat-primary .mat-ink-bar,
-.mat-tab-nav-bar.mat-primary .mat-ink-bar {
-  background: var(--secondary);
-}
+}  }

src/styles.scss

@@ -174,8 +174,8 @@ a {
 
 /* label style */
 .mat-tab-label {
-  background: green;
-  color: white;
+  background: var(--surface);
+  color: var(--on-surface);
 }
 
 /* focus style */
@@ -183,12 +183,12 @@ a {
 .mat-tab-group.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus,
 .mat-tab-nav-bar.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
 .mat-tab-nav-bar.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus {
-  background: red;
+  background: var(--secondary);
 }
 
 /* ink bar style */
 .mat-tab-group.mat-primary .mat-ink-bar,
 .mat-tab-nav-bar.mat-primary .mat-ink-bar {
-  background: yellow;
-  height: 3px;
+  background: var(--secondary);
+  height: 5px;
 }