mirror of
https://github.com/silenty4ng/k5web
synced 2025-01-06 20:02:38 +00:00
optimize dark theme
This commit is contained in:
parent
f2b15f478d
commit
ff938eec8c
6 changed files with 10 additions and 6 deletions
|
@ -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;
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue