Several contrast fixes

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

@@ -26,3 +26,8 @@ textarea {
 mat-hint {
   color: var(--on-surface) !important;
 }
+
+::placeholder {
+  color: var(--on-primary);
+  opacity: 1;
+}

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

@@ -98,7 +98,7 @@ h4  {
 }
 
 .counter-filtered {
-  background-color: var(--secondary);
+  background-color: var(--secondary-variant);
   color: var(--on-secondary);
 }
 

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

@@ -11,7 +11,7 @@ export const dark = {
   '--dialog': '#757575',
 
   '--on-primary': '#000000',
-  '--on-secondary': '#000000',
+  '--on-secondary': '#FFFFFF',
   '--on-background': '#FFFFFF',
   '--on-surface': '#FFFFFF',
 

src/theme/default-theme/_variables.scss

@@ -2,7 +2,7 @@
 // Define the palettes for your theme using the Material Design palettes available in palette.scss
 // (imported above). For each palette, you can optionally specify a default, lighter, and darker
 // hue. Available color palettes: https://www.google.com/design/spec/style/color.html
-$arsnova-primary: mat-palette($mat-green,300);
+$arsnova-primary: mat-palette($mat-grey,900);
 $arsnova-accent: mat-palette($mat-orange, 200); //$mat-blue-gray, A200, A100, A400);
 
 // The warn palette is optional (defaults to red).