Skip to content

Commit 7095a3f

Browse files
authored
docs(grid): 使用css变量解决Grid组件组件黑暗主题下背景颜色错误 (DevCloudFE#825)
1 parent 9a9940d commit 7095a3f

File tree

1 file changed

+4
-5
lines changed
  • packages/devui-vue/docs/components/grid

1 file changed

+4
-5
lines changed

packages/devui-vue/docs/components/grid/index.md

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -49,11 +49,10 @@
4949
line-height: 44px;
5050
}
5151
.docs-devui-row .devui-col:nth-of-type(2n + 1) {
52-
background: #f8f8f8;
52+
background: var(--devui-global-bg);
5353
}
5454
.docs-devui-row .devui-col:nth-of-type(2n) {
55-
background: #99b0ff;
56-
color: #fff;
55+
background: var(--devui-brand);
5756
}
5857
</style>
5958
```
@@ -187,10 +186,10 @@
187186
background: transparent !important;
188187
}
189188
.col-gutter:nth-of-type(2n + 1) > .col-child {
190-
background: #f8f8f8;
189+
background: var(--devui-global-bg);
191190
}
192191
.col-gutter:nth-of-type(2n) > .col-child {
193-
background: #99b0ff;
192+
background: var(--devui-brand);
194193
}
195194
</style>
196195
```

0 commit comments

Comments
 (0)