optimize dark theme

This commit is contained in:
Silent YANG 2024-10-24 01:07:07 +08:00
parent f2b15f478d
commit ff938eec8c
6 changed files with 10 additions and 6 deletions

View file

@ -20,7 +20,7 @@
</a-row>
<a-row :gutter="20" align="stretch" style="margin-top: 10px;">
<a-col :span="24">
<a-card style="padding: 20px;" class="general-card" v-html="state.readme"></a-card>
<a-card style="padding: 20px;" class="general-card readme" v-html="state.readme"></a-card>
</a-col>
</a-row>
</div>
@ -149,6 +149,10 @@ export default {
</script>
<style scoped lang="less">
.readme {
background-color: var(--color-bg-1);
color: var(--color-text-1);
}
.container {
padding: 0 20px 20px 20px;

View file

@ -63,7 +63,7 @@
</t-card>
</t-space>
</a-card>
<div id="statusArea" style="height: 20em; background-color: azure; color: silver; overflow: auto; padding: 20px; margin-top: 10px;"
<div id="statusArea" style="height: 20em; background-color: var(--color-bg-3); color: var(--color-text-3); overflow: auto; padding: 20px; margin-top: 10px;"
v-html="state.status"></div>
</div>
</template>

View file

@ -37,7 +37,7 @@
</a-tab-pane>
</a-tabs>
<a-divider />
<div id="statusArea" style="height: 20em; background-color: azure; color: silver; overflow: auto; padding: 20px" v-html="state.status"></div>
<div id="statusArea" style="height: 20em; background-color: var(--color-bg-3); color: var(--color-text-3); overflow: auto; padding: 20px" v-html="state.status"></div>
</a-card>
</a-col>
</a-row>

View file

@ -41,7 +41,7 @@
</t-card>
</a-space>
<a-divider />
<div id="statusArea" style="height: 20em; background-color: azure; color: silver; overflow: auto; padding: 20px" v-html="state.status"></div>
<div id="statusArea" style="height: 20em; background-color: var(--color-bg-3); color: var(--color-text-3); overflow: auto; padding: 20px" v-html="state.status"></div>
</a-card>
</a-col>
</a-row>

View file

@ -19,7 +19,7 @@
</div>
</div>
<a-divider />
<div id="statusArea" style="height: 20em; background-color: azure; color: silver; overflow: auto; padding: 20px"
<div id="statusArea" style="height: 20em; background-color: var(--color-bg-3); color: var(--color-text-3); overflow: auto; padding: 20px"
v-html="state.status"></div>
</a-card>
</a-col>

View file

@ -88,7 +88,7 @@
</a-form-item>
<a-divider />
<div id="statusArea"
style="height: 20em; background-color: azure; color: silver; overflow: auto; padding: 20px"
style="height: 20em; background-color: var(--color-bg-3); color: var(--color-text-3); overflow: auto; padding: 20px"
v-html="state.status"></div>
</a-spin>
</a-card>