Fix dialogs in dark theme

src/app/components/shared/_dialogs/present-comment/present-comment.component.scss

@@ -17,6 +17,7 @@
   -ms-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;
+  color: var(--on-surface);
 }
 
 #exitButton {
@@ -27,3 +28,18 @@
   right:2em;
   max-height: 100px;
 }
+
+mat-icon {
+  color: var(--on-surface);
+}
+
+::ng-deep .mat-accent .mat-slider-thumb {
+  background-color: var(--on-surface);
+}
+::ng-deep .mat-accent .mat-slider-thumb-label {
+  background-color: var(--on-surface);
+}
+::ng-deep .mat-accent .mat-slider-track-fill {
+  background-color: var(--on-surface);
+}
+

src/app/components/shared/_dialogs/room-create/room-create.component.scss

@@ -26,3 +26,7 @@ input {
 mat-form-field {
   color: var(--on-surface);
 }
+
+mat-hint {
+  color: var(--on-surface)!important;
+}

src/theme/dark-theme/darkTheme.const.ts

@@ -8,7 +8,7 @@ export const dark = {
 
   '--background': '#121212',
   '--surface': '#1e1e1e',
-  '--dialog': '#757575',
+  '--dialog': '#616161',
 
   '--on-primary': '#000000',
   '--on-secondary': '#000000',