Fix CSS when loaded with dark theme (#164)

XanthosXanthopoulos · web-flow · commit e2d21f1c6a53 · 2024-05-14T12:48:29.000+03:00
diff --git a/packages/components/src/InfoPanel.component.svelte b/packages/components/src/InfoPanel.component.svelte
@@ -343,6 +343,7 @@
       text-decoration-thickness: auto;
       transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
       box-shadow: var(--viewer-shadow-small);
+      color: var(--viewer-text-primary);
     }
 
     &__icon-button {
diff --git a/packages/components/src/StatusOverlay.component.svelte b/packages/components/src/StatusOverlay.component.svelte
@@ -44,6 +44,7 @@
     right: 0;
     background-color: #129dff;
     color: white;
+    font-size: 14px;
     padding: 8px;
     border-radius: 50px;
     opacity: 75%;

Original file line number	Diff line number	Diff line change
`@@ -343,6 +343,7 @@`
`343`	`343`	`text-decoration-thickness: auto;`
`344`	`344`	`transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);`
`345`	`345`	`box-shadow: var(--viewer-shadow-small);`
	`346`	`+ color: var(--viewer-text-primary);`
`346`	`347`	`}`
`347`	`348`
`348`	`349`	`&__icon-button {`