fix text color while swichting themes (#10)

ImTheKai · web-flow · commit 1cd11ddf291a · 2025-12-15T13:59:50.000+01:00
Signed-off-by: Kai Wagner &lt;kai.wagner@percona.com&gt;
diff --git a/app/assets/stylesheets/colors.css b/app/assets/stylesheets/colors.css
@@ -45,6 +45,7 @@
   --color-text-link-hover: var(--color-primary-900);
   --color-text-contrast: #f8fafc;
   --color-text-button: #0f172a;
+  --color-text-nav: var(--color-text-primary);
 
   --color-bg-page: var(--color-primary-1);
   --color-bg-input: #f8fafc;
@@ -134,6 +135,7 @@
   --color-text-link-hover: #e0e7ff;
   --color-text-contrast: #f8fafc;
   --color-text-button: #e2e8f0;
+  --color-text-nav: var(--color-text-contrast);
 
   --color-bg-page: var(--color-primary-1);
   --color-bg-input: #111827;
diff --git a/app/assets/stylesheets/components/navigation.css b/app/assets/stylesheets/components/navigation.css
@@ -29,7 +29,7 @@
 .brand-link {
   font-size: var(--font-size-2xl);
   font-weight: var(--font-weight-bold);
-  color: var(--color-text-contrast);
+  color: var(--color-text-nav);
   text-decoration: none;
   margin-bottom: -2px;
 }
@@ -62,7 +62,7 @@
 }
 
 .nav-user {
-  color: var(--color-text-contrast);
+  color: var(--color-text-nav);
   font-weight: var(--font-weight-medium);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@`
`29`	`29`	`.brand-link {`
`30`	`30`	`font-size: var(--font-size-2xl);`
`31`	`31`	`font-weight: var(--font-weight-bold);`
`32`		`- color: var(--color-text-contrast);`
	`32`	`+ color: var(--color-text-nav);`
`33`	`33`	`text-decoration: none;`
`34`	`34`	`margin-bottom: -2px;`
`35`	`35`	`}`
`@@ -62,7 +62,7 @@`
`62`	`62`	`}`
`63`	`63`
`64`	`64`	`.nav-user {`
`65`		`- color: var(--color-text-contrast);`
	`65`	`+ color: var(--color-text-nav);`
`66`	`66`	`font-weight: var(--font-weight-medium);`
`67`	`67`	`}`
`68`	`68`