yudao
/
admin-vben
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: dark style

pull/35/head
xingyu 2023-09-13 15:03:32 +08:00
parent da1e58b9c8
commit cc00221b05
3 changed files with 7 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@ -24,12 +24,14 @@
</script> </script>
<div id="app"> <div id="app">
<style> <style>
html[data-theme='dark'] .app-loading { html[data-theme="dark"] {
background-color: #2c344a; .app-loading {
} 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 {

6
src/components/Basic/src/BasicTitle.vue
View File

@ -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>

10
src/layouts/default/footer/index.vue
View File

@ -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;