fix: dark style
parent
da1e58b9c8
commit
cc00221b05
|
@ -24,13 +24,15 @@
|
||||||
</script>
|
</script>
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<style>
|
<style>
|
||||||
html[data-theme='dark'] .app-loading {
|
html[data-theme="dark"] {
|
||||||
|
.app-loading {
|
||||||
background-color: #2c344a;
|
background-color: #2c344a;
|
||||||
}
|
|
||||||
|
|
||||||
html[data-theme='dark'] .app-loading .app-loading-title {
|
.app-loading-title {
|
||||||
color: rgb(255 255 255 / 85%);
|
color: rgb(255 255 255 / 85%);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.app-loading {
|
.app-loading {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -72,10 +72,4 @@ const getClass = computed(() => [
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
html[data-theme="dark"] {
|
|
||||||
.@{prefix-cls} {
|
|
||||||
color: rgb(255 255 255 85%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -55,16 +55,6 @@ const getShowLayoutFooter = computed(() => {
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
@prefix-cls: ~'@{namespace}-layout-footer';
|
@prefix-cls: ~'@{namespace}-layout-footer';
|
||||||
|
|
||||||
html{
|
|
||||||
--normal-text:#b6b7b9;
|
|
||||||
--hover-text: rgb(0 0 0 / 85%);
|
|
||||||
}
|
|
||||||
|
|
||||||
html[data-theme="dark"] {
|
|
||||||
--normal-text:rgb(255 255 255 0.85);
|
|
||||||
--hover-text: rgb(0 0 0 / 85%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.@{prefix-cls} {
|
.@{prefix-cls} {
|
||||||
color: var(--normal-text);
|
color: var(--normal-text);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
Loading…
Reference in New Issue