fix: preview background flashes

AriPerkkio · AriPerkkio · commit d757878a20d4 · 2024-07-23T12:41:29.000+03:00
diff --git a/theme.css b/theme.css
@@ -11,6 +11,7 @@
   --vpt-bg-alt: #f6f6f7;
   --vpt-border: #c2c2c4;
   --vpt-text-1: rgba(60, 60, 67);
+  --vpt-preview-bg: #ffffff;
 }
 
 :root[data-theme="dark"] {
@@ -21,6 +22,7 @@
   --vpt-bg-alt: #161618;
   --vpt-border: #3c3f44;
   --vpt-text-1: rgba(255, 255, 245, 0.86);
+  --vpt-preview-bg: #242424;
 }
 
 :root {
@@ -73,4 +75,8 @@
     --code-background-color: var(--vpt-gray-soft);
     --code-color: var(--vpt-indigo-1);
   }
+
+  iframe {
+    background-color: var(--vpt-preview-bg);
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,7 @@`
`11`	`11`	`--vpt-bg-alt: #f6f6f7;`
`12`	`12`	`--vpt-border: #c2c2c4;`
`13`	`13`	`--vpt-text-1: rgba(60, 60, 67);`
	`14`	`+ --vpt-preview-bg: #ffffff;`
`14`	`15`	`}`
`15`	`16`
`16`	`17`	`:root[data-theme="dark"] {`
`@@ -21,6 +22,7 @@`
`21`	`22`	`--vpt-bg-alt: #161618;`
`22`	`23`	`--vpt-border: #3c3f44;`
`23`	`24`	`--vpt-text-1: rgba(255, 255, 245, 0.86);`
	`25`	`+ --vpt-preview-bg: #242424;`
`24`	`26`	`}`
`25`	`27`
`26`	`28`	`:root {`
`@@ -73,4 +75,8 @@`
`73`	`75`	`--code-background-color: var(--vpt-gray-soft);`
`74`	`76`	`--code-color: var(--vpt-indigo-1);`
`75`	`77`	`}`
	`78`	`+`
	`79`	`+ iframe {`
	`80`	`+ background-color: var(--vpt-preview-bg);`
	`81`	`+ }`
`76`	`82`	`}`