updated custom properties in svg

dutchcelt · Jan 6, 2024 · 740c434 · 740c434
1 parent 2c38df7
commit 740c434
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -234,15 +234,15 @@ <h6>Heading 6</h6>
 				<h4>Heading 5</h4>
 				<p>This is paragraph text. Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
 				<svg viewBox="0 0 800 450" xmlns="http://www.w3.org/2000/svg">
-					<rect width="800" height="450" fill="var(--system-gray-surface)"></rect>
+					<rect width="800" height="450" fill="var(--system-surface-color)"></rect>
 					<text
 						x="50%"
 						y="50%"
 						dominant-baseline="middle"
 						text-anchor="middle"
 						font-family="system-ui"
 						font-size="72px"
-						fill="var(--system-gray-type)"
+						fill="var(--system-gray-text)"
 					>
 						Aspect Ratio 16:9
 					</text>
@@ -256,15 +256,15 @@ <h4>Heading 5</h4>
 			<hr />
 			<figure>
 				<svg viewBox="0 0 800 450" xmlns="http://www.w3.org/2000/svg">
-					<rect width="800" height="450" fill="var(--system-gray-surface)"></rect>
+					<rect width="800" height="450" fill="var(--system-surface-color)"></rect>
 					<text
 						x="50%"
 						y="50%"
 						dominant-baseline="middle"
 						text-anchor="middle"
 						font-family="system-ui"
 						font-size="72px"
-						fill="var(--system-gray-type)"
+						fill="var(--system-gray-text)"
 					>
 						Aspect Ratio 16:9
 					</text>