提交 b3546312 作者: ZhangLingKun

功能:深色模式适配

上级 00dc28da
流水线 #7856 已通过 于阶段
in 5 分 12 秒
...@@ -15,6 +15,19 @@ const BreadcrumbWrap = styled.div` ...@@ -15,6 +15,19 @@ const BreadcrumbWrap = styled.div`
color: #666666; color: #666666;
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
@media (prefers-color-scheme: dark) {
.title {
color: #fff;
}
.ant-breadcrumb {
.ant-breadcrumb-separator {
color: #d9d9d9;
}
.ant-breadcrumb-link {
color: #d9d9d9;
}
}
}
`; `;
const BreadcrumbView: React.FC = () => { const BreadcrumbView: React.FC = () => {
......
...@@ -220,4 +220,14 @@ const CategorySelectWrap = styled.div` ...@@ -220,4 +220,14 @@ const CategorySelectWrap = styled.div`
border-radius: 4px; border-radius: 4px;
} }
} }
@media (prefers-color-scheme: dark) {
.category-select {
.select-item {
color: #fff;
}
.item-active {
color: #000;
}
}
}
`; `;
...@@ -134,5 +134,17 @@ const TabViewWrap = styled.div` ...@@ -134,5 +134,17 @@ const TabViewWrap = styled.div`
padding-right: 0; padding-right: 0;
} }
} }
@media (prefers-color-scheme: dark) {
.tab-little {
.title-name {
color: #fff;
}
}
.tab-list {
.list-item {
color: #999;
}
}
}
`; `;
export default TabView01; export default TabView01;
...@@ -99,4 +99,18 @@ export const HomeTabWrap = styled.div` ...@@ -99,4 +99,18 @@ export const HomeTabWrap = styled.div`
height: 7px; height: 7px;
} }
} }
@media (prefers-color-scheme: dark) {
.tab-label {
.label-item {
.item-name {
color: #fff;
}
}
.item-active {
.item-name {
color: #000;
}
}
}
}
`; `;
...@@ -98,6 +98,11 @@ const ProductItemWrap = styled.div` ...@@ -98,6 +98,11 @@ const ProductItemWrap = styled.div`
filter: brightness(0.9); filter: brightness(0.9);
} }
} }
@media (prefers-color-scheme: dark) {
.product-title {
color: #fff;
}
}
`; `;
// 商品详情类型 // 商品详情类型
......
...@@ -52,6 +52,7 @@ ...@@ -52,6 +52,7 @@
--background-start-rgb: 0, 0, 0; --background-start-rgb: 0, 0, 0;
--background-end-rgb: 0, 0, 0; --background-end-rgb: 0, 0, 0;
--primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0)); --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
--secondary-glow: linear-gradient( --secondary-glow: linear-gradient(
to bottom right, to bottom right,
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论