fix(layout): [layout] Adapt to dark themes

Youyou-smiles · Youyou-smiles · commit 792ba82e25f1 · 2025-03-26T23:41:22.000-07:00
diff --git a/examples/sites/demos/pc/app/layout/alignment-composition-api.vue b/examples/sites/demos/pc/app/layout/alignment-composition-api.vue
@@ -120,7 +120,7 @@ import { TinyLayout, TinyRow, TinyCol } from '@opentiny/vue'
 
 .row-bg {
   padding: 10px 0;
-  background-color: #f9fafc;
+  background-color: var(--tv-color-bg);
 }
 
 .row-bg .col {
diff --git a/examples/sites/demos/pc/app/layout/alignment.vue b/examples/sites/demos/pc/app/layout/alignment.vue
@@ -128,7 +128,7 @@ export default {
 
 .row-bg {
   padding: 10px 0;
-  background-color: #f9fafc;
+  background-color: var(--tv-color-bg);
 }
 
 .row-bg .col {

Original file line number	Diff line number	Diff line change
`@@ -120,7 +120,7 @@ import { TinyLayout, TinyRow, TinyCol } from '@opentiny/vue'`
`120`	`120`
`121`	`121`	`.row-bg {`
`122`	`122`	`padding: 10px 0;`
`123`		`- background-color: #f9fafc;`
	`123`	`+ background-color: var(--tv-color-bg);`
`124`	`124`	`}`
`125`	`125`
`126`	`126`	`.row-bg .col {`
Original file line number	Diff line number	Diff line change
`@@ -128,7 +128,7 @@ export default {`
`128`	`128`
`129`	`129`	`.row-bg {`
`130`	`130`	`padding: 10px 0;`
`131`		`- background-color: #f9fafc;`
	`131`	`+ background-color: var(--tv-color-bg);`
`132`	`132`	`}`
`133`	`133`
`134`	`134`	`.row-bg .col {`