replace deprecated css variables

Signed-off-by: dartcafe <github@dartcafe.de>

5 files changed, 8 insertions, 8 deletions

diff --git a/src/js/assets/scss/markdown.scss b/src/js/assets/scss/markdown.scss
index 70da86b7..76193d89 100644
--- a/src/js/assets/scss/markdown.scss
+++ b/src/js/assets/scss/markdown.scss
@@ -16,7 +16,7 @@
 

     thead {

         background-color: var(--color-background-darker);

-        color: var(--color-text-light);

+        color: var(--color-main-text);

     }

 

     td, th {

diff --git a/src/js/components/Options/OptionItem.vue b/src/js/components/Options/OptionItem.vue
index 27bffef8..27377029 100644
--- a/src/js/components/Options/OptionItem.vue
+++ b/src/js/components/Options/OptionItem.vue
@@ -243,7 +243,7 @@ export default {
 
 	.devider {
 		align-self: center;
-		color: var(--color-text-lighter);
+		color: var(--color-text-maxcontrast);
 	}
 
 	.option-item__option--datebox {
@@ -271,7 +271,7 @@ export default {
 				white-space: pre;
 				font-size: 1.1em;
 				padding: 0 4px;
-				color: var(--color-text-lighter);
+				color: var(--color-text-maxcontrast);
 			}
 			.day {
 				font-size: 1.2em;
diff --git a/src/js/components/Poll/MarkUpDescription.vue b/src/js/components/Poll/MarkUpDescription.vue
index 04a12c48..8b1713c3 100644
--- a/src/js/components/Poll/MarkUpDescription.vue
+++ b/src/js/components/Poll/MarkUpDescription.vue
@@ -68,7 +68,7 @@ export default {
 
 	thead {
 		background-color: var(--color-background-darker);
-		color: var(--color-text-light);
+		color: var(--color-main-text);
 	}
 
 	td, th {
diff --git a/src/js/components/Poll/PollInfoLine.vue b/src/js/components/Poll/PollInfoLine.vue
index 36931512..92d270a8 100644
--- a/src/js/components/Poll/PollInfoLine.vue
+++ b/src/js/components/Poll/PollInfoLine.vue
@@ -219,7 +219,7 @@ export default {
 
 	.created {
 		.sub-text{
-			color: var(--color-text-light);
+			color: var(--color-main-text);
 		}
 	}
 }
diff --git a/src/js/components/Poll/PublicRegisterModal.vue b/src/js/components/Poll/PublicRegisterModal.vue
index 8d7a7618..6bc6a46c 100644
--- a/src/js/components/Poll/PublicRegisterModal.vue
+++ b/src/js/components/Poll/PublicRegisterModal.vue
@@ -396,16 +396,16 @@ export default {
 		padding: 4px 24px;
 
 		a {
-			color: var(--color-text-lighter);
+			color: var(--color-text-maxcontrast);
 			font-weight: bold;
 			white-space: nowrap;
 			padding: 10px;
 			margin: -10px;
 
 			&:hover, &:active {
-				color: var(--color-text-light);
+				color: var(--color-main-text);
 				&::after {
-					color: var(--color-text-lighter);
+					color: var(--color-text-maxcontrast);
 				}
 			}