From 4f2e7984e3f63ac3b869f7301cda7e74914922a1 Mon Sep 17 00:00:00 2001 From: he wei <858544502@qq.com> Date: 星期三, 21 五月 2025 17:55:12 +0800 Subject: [PATCH] U 修改 --- src/styles/index.css | 268 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 268 insertions(+), 0 deletions(-) diff --git a/src/styles/index.css b/src/styles/index.css index d3c1a15..ff73526 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -168,6 +168,273 @@ background: #99a9bf; border-radius: 20px; } +html.blue-theme #app { + --base-color: #4ba1fa; + --light-color: #00feff; + --bg-color: #072d44; + --el-text-color-placeholder: #4ba1fa; + --el-fill-color-lighter: #1F3C64; + --border-light-color: #143a92; + --filter-input-border-color: rgba(255, 227, 41, 0.2); + --el-dialog-bg-color: var(--bg-color); +} +html.blue-theme #app .el-drawer__body { + padding: 0; +} +html.blue-theme #app .app-wrapper { + background: #071426; +} +html.blue-theme #app .scroll-container .el-scrollbar__wrap { + height: auto; +} +html.blue-theme #app .app-breadcrumb.el-breadcrumb .no-redirect { + color: #4ba1fa; +} +html.blue-theme #app .tags-view-container { + box-sizing: border-box; + border-top: 2px solid #2f517f; + border-bottom: 2px solid #2f517f; + height: auto; +} +html.blue-theme #app .tags-view-container .tags-view-wrapper .tags-view-item { + color: #ffffff; + height: 32px; + line-height: 32px; + padding: 0 16px; + border: 0; + margin-left: 0; + margin-top: 0; + background: none; +} +html.blue-theme #app .tags-view-container .tags-view-wrapper .tags-view-item:first-of-type { + margin-left: 0; +} +html.blue-theme #app .tags-view-container .tags-view-wrapper .tags-view-item.router-link-exact-active { + background-color: #004986; + border-color: #004986; + color: #fff; +} +html.blue-theme #app .hdw-card { + box-sizing: border-box; + color: #ffffff; +} +html.blue-theme .el-tree { + --el-tree-node-content-height: 26px; + --el-tree-node-hover-bg-color: #214865; + --el-tree-text-color: var(--el-text-color-regular); + --el-tree-expand-icon-color: #1FCBE1; + background: none; + color: #ffffff; + cursor: default; + font-size: var(--el-font-size-base); + position: relative; +} +html.blue-theme .el-tree .is-current > .el-tree-node__content.el-tree-node__content { + background: #214865; +} +html.blue-theme .el-tree .is-current > .el-tree-node__content.el-tree-node__content .el-text { + color: #fff; +} +html.blue-theme .el-tree .is-current > .el-tree-node__content.el-tree-node__content:hover .el-text { + color: #fff; +} +html.blue-theme .el-table { + --el-table-border-color: none; + --el-table-border: 0; + --el-table-text-color: var(--el-text-color-regular); + --el-table-header-text-color: #fff; + --el-table-row-hover-bg-color: #1a5a8b; + --el-table-current-row-bg-color: var(--el-color-primary-light-9); + --el-table-header-bg-color: #1F3C64; + --el-table-fixed-box-shadow: var(--el-box-shadow-light); + --el-table-bg-color: var(--bg-color); + --el-table-tr-bg-color: #0D2B4D; + --el-table-expanded-cell-bg-color: var(--el-fill-color-blank); + --el-table-index: var(--el-index-normal); + background-color: var(--bg-color); + color: #ffffff; +} +html.blue-theme .tools-filter .el-input { + --el-input-text-color: #ffe329; + --el-input-border: var(--el-border); + --el-input-hover-border: var(--el-border-color-hover); + --el-input-focus-border: var(--el-color-primary); + --el-input-transparent-border: 0 0 0 1px transparent inset; + --el-input-border-color: var(--filter-input-border-color); + --el-input-border-radius: var(--el-border-radius-base); + --el-input-bg-color: var(--filter-input-border-color); + --el-input-icon-color: var(--el-text-color-placeholder); + --el-input-placeholder-color: #ffe32990; + --el-input-hover-border-color: var(--el-border-color-hover); + --el-input-clear-hover-color: var(--el-text-color-secondary); + --el-input-focus-border-color: var(--el-color-primary); +} +html.blue-theme .tools-filter .el-select { + --el-select-border-color-hover: var(--el-border-color-hover); + --el-select-disabled-color: var(--el-disabled-text-color); + --el-select-disabled-border: var(--el-disabled-border-color); + --el-select-font-size: var(--el-font-size-base); + --el-select-close-hover-color: var(--el-text-color-secondary); + --el-select-input-color: #ffe329; + --el-select-multiple-input-color: var(--el-text-color-regular); + --el-select-input-focus-border-color: var(--el-color-primary); +} +html.blue-theme .tools-filter .el-select .el-select__wrapper { + background-color: var(--filter-input-border-color); + box-shadow: 0 0 0 1px var(--filter-input-border-color) inset; +} +html.blue-theme .tools-filter .el-select .el-select__wrapper .el-select__placeholder { + color: #ffe329; +} +html.blue-theme .page-content { + padding-bottom: 20px; +} +html.blue-theme .page-content .el-table { + background: transparent; +} +html.blue-theme .ys-title { + font-family: 'YouSheBiaoTiHei'; +} +html.blue-theme .panel-title { + font-family: 'YouSheBiaoTiHei'; + padding-left: 1.4em; + background: url("@/assets/images/tb1.png") 6px center / auto 82% no-repeat; +} +.el-tree.el-tree.el-tree { + color: #1fcbe1; +} +.el-tabs--border-card > .el-tabs__header.el-tabs__header { + border-bottom: 1px solid #00fefe; + background-color: #00243e; +} +.el-tabs--border-card > .el-tabs__header.el-tabs__header .el-tabs__item { + color: #00fefe; +} +.el-tabs--border-card > .el-tabs__header.el-tabs__header .el-tabs__item.is-active { + background-color: #00fefe; + border-color: #00fefe; + color: #041f6c; +} +.el-pagination__sizes.el-pagination__sizes, +.el-pagination__total.el-pagination__total { + color: #fff; + font-size: 16px; +} +.el-pagination .el-select__wrapper.el-select__wrapper { + background-color: #134BA8; + color: #fff; + box-shadow: 0 0 0 1px #436DA8 inset; +} +.el-pagination .el-select__wrapper.el-select__wrapper .el-select__placeholder, +.el-pagination .el-select__wrapper.el-select__wrapper .el-select__input { + color: #fff; +} +.el-pagination.el-pagination.el-pagination button { + background: transparent; + color: #fff; +} +.el-pagination.el-pagination.el-pagination button.is-disabled, +.el-pagination.el-pagination.el-pagination button:disabled { + background-color: transparent; + color: #fff; + cursor: not-allowed; +} +.el-pagination .el-pager.el-pager.el-pager li { + background: transparent; + color: #fff; +} +.el-pagination .el-pager.el-pager.el-pager li.is-active, +.el-pagination .el-pager.el-pager.el-pager li:hover { + color: #529ac1; +} +.el-pagination__jump.el-pagination__jump { + color: #fff; +} +.el-pagination__jump.el-pagination__jump .el-input__wrapper { + background-color: #134BA8; + box-shadow: 0 0 0 1px #436DA8 inset; +} +.el-pagination__jump.el-pagination__jump .el-input__wrapper .el-input__inner { + color: #fff; +} +.el-tree-node:focus > .el-tree-node__content.el-tree-node__content { + background: transparent; +} +.el-tabs--border-card.el-tabs--border-card { + background: transparent; + border: 0 none; +} +.el-button.el-button:focus-visible { + outline: none; +} +.el-tooltip__popper.el-tooltip__popper { + z-index: 9999; + /* 璁剧疆杈冮珮鐨� z-index */ +} +.el-transfer .el-checkbox__input.is-indeterminate .el-checkbox__inner, +.el-transfer .el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #46CAFE; + border-color: #46CAFE; +} +.el-transfer .el-checkbox__input.is-indeterminate .el-checkbox__inner::before, +.el-transfer .el-checkbox__input.is-checked .el-checkbox__inner::before { + background-color: #333; +} +.el-transfer .el-checkbox__input.is-indeterminate .el-checkbox__inner::after, +.el-transfer .el-checkbox__input.is-checked .el-checkbox__inner::after { + border-color: #333; +} +.page-filter { + display: table; + border-bottom: 1px solid #304A75; + margin-top: 8px; + padding: 6px; + margin-bottom: 6px; +} +.page-filter .el-select__wrapper.el-select__wrapper { + background-color: #103047; + color: #48A5D0; + box-shadow: 0 0 0 1px #103047 inset; +} +.page-filter .el-select__placeholder { + color: #48a5d0; +} +.page-filter .table-row { + display: table-row; +} +.page-filter .table-row .table-cell { + display: table-cell; + white-space: nowrap; + color: #48A5D0; +} +.page-filter .table-cell.text-right { + text-align: right; + padding-right: 10px; +} +.pos-r { + position: relative; +} +.pos-full.pos-full.pos-full { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.page-contain { + height: 100%; +} +.page-contain.bg-footer { + background: url("@/assets/images/bg_bottom.png") center calc(100% - 20px) / 100% auto no-repeat; +} +.page-contain .page-main { + padding-left: 20px; + padding-right: 20px; +} +@font-face { + font-family: "YouSheBiaoTiHei"; + src: url(YouSheBiaoTiHei-2.ttf) format("truetype"); +} body { height: 100%; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "寰蒋闆呴粦", Arial, sans-serif; @@ -176,6 +443,7 @@ text-rendering: optimizeLegibility; margin: 0; color: #ffffff; + overflow: hidden; } label { font-weight: 700; -- Gitblit v1.9.1