diff --git a/src/app/components/creator/content-create-page/content-create-page.component.scss b/src/app/components/creator/content-create-page/content-create-page.component.scss
index c40d37584524f6f914cd0e3e7e4b6265f8943abb..2f83825bf09067c296926f2cd08a52e858c1d80d 100644
--- a/src/app/components/creator/content-create-page/content-create-page.component.scss
+++ b/src/app/components/creator/content-create-page/content-create-page.component.scss
@@ -6,3 +6,12 @@ mat-tab-group {
 .tab-container {
   padding: 5px;
 }
+
+::ng-deep .mat-tab-label {
+  color: var(--on-surface);
+}
+
+::ng-deep .mat-tab-label-active {
+  color: var(--secondary);
+}
+
diff --git a/src/app/components/creator/content-creator/content-creator.component.scss b/src/app/components/creator/content-creator/content-creator.component.scss
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..edd4310970068c9ba04a68d0584753b296527cb9 100644
--- a/src/app/components/creator/content-creator/content-creator.component.scss
+++ b/src/app/components/creator/content-creator/content-creator.component.scss
@@ -0,0 +1,15 @@
+::ng-deep .mat-form-field-label {
+  color: var(--on-surface)!important;
+}
+
+::ng-deep .mat-form-field-underline {
+  background-color: var(--on-surface)!important;
+}
+
+::ng-deep .mat-form-field-ripple {
+  background-color: var(--on-surface)!important;
+}
+
+mat-form-field {
+  color: var(--on-surface);
+}
diff --git a/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss b/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss
index 3ae4b91c17203361a0ca19acb9b0ed2ecd9b796d..cdbe9b082898fe6f569c5a84b28991d454b4b3af 100644
--- a/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss
+++ b/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss
@@ -16,6 +16,7 @@ app-comment-list {
 
 textarea {
   line-height: 120%;
+  color: var(--on-surface);
 }
 
 .send {