best_yunwei
/
ai_images
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix：样式修改

This commit is contained in:
old burden 2026-04-22 14:50:39 +08:00
parent abbd589b82
commit 742310844d
28 changed files with 282 additions and 149 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
portal-ui/index.html
View File

@ -7,8 +7,9 @@
content="width=device-width,initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0" />
<link
rel="icon"
href="/images/logo.png" />
<title>asio</title>
type="image/svg+xml"
href="/favicon.svg" />
<title>智绘影音</title>
</head>
<body>
<div id="app"></div>

72
portal-ui/src/assets/styles/base.less
View File

@ -23,25 +23,30 @@ body {
position: relative;
}
body[arco-theme='dark'] {
color: #e5e7eb;
background-color: #121826;
}
// firefox 滚动条样式
* {
scrollbar-color: rgba(144, 147, 153, 0.5) #0f0f12;
scrollbar-color: rgba(77, 137, 255, 0.35) #121826;
}
/*滚动条整体样式*/
::-webkit-scrollbar {
background-color: #0f0f12;
background-color: #121826;
}
/*滚动条里面小方块*/
::-webkit-scrollbar-thumb {
background-color: red;
border: 3px solid #0f0f12;
background-color: rgba(77, 137, 255, 0.35);
border: 3px solid #121826;
}
/*滚动条里面轨道*/
::-webkit-scrollbar-track {
background: #0f0f12;
background: #121826;
}
:focus {
@ -67,11 +72,22 @@ body {
// 正常页面切换动画
.page-enter-active {
animation: page-in 0.3s;
animation: page-in 0.35s ease-out;
}
.page-leave-active {
animation: page-in 0.3s reverse;
animation: page-in 0.28s ease-in reverse;
}
/* 路由视图淡入淡出（与 appMain 中 portal-page 过渡配合） */
.portal-page-enter-active,
.portal-page-leave-active {
transition: opacity 0.32s ease;
}
.portal-page-enter-from,
.portal-page-leave-to {
opacity: 0;
}
@keyframes page-in {
@ -195,11 +211,11 @@ fieldset {
padding: 20px 10px;
font-size: 14px;
font-weight: bold;
color: #fd8000;
color: #f59e0b;
}
.page-error {
color: red;
color: #ef4444;
font-size: 20px;
padding: 30px;
}
@ -240,33 +256,51 @@ input:-webkit-autofill {
width: 100vw !important;
height: 100vh !important;
z-index: 100 !important;
background: #fff;
background: #121826;
padding: 12px !important;
}
.arco-modal-simple {
background: #0f0f12;
border-radius: 10px;
border: 2px solid #e6217a;
background: #1a1f2e;
border-radius: 12px;
border: none;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.12),
0 4px 20px rgba(0, 0, 0, 0.35);
.arco-modal-title {
color: #fff;
color: #e5e7eb;
}
.arco-modal-body {
color: #fff;
color: #e5e7eb;
}
.arco-modal-footer {
.arco-btn-secondary {
color: #ffffff;
background-color: #1a1a1a;
border: 1px solid #1a1a1a;
color: #e5e7eb;
background-color: #252b3a;
border: 1px solid rgba(77, 137, 255, 0.15);
&:hover {
background-color: #262626;
background-color: rgba(77, 137, 255, 0.14);
box-shadow: 0 0 12px rgba(77, 137, 255, 0.25);
}
}
}
}
/* 主按钮 hover：轻微提亮 + 外发光 */
.arco-btn-primary:not(.arco-btn-disabled):hover {
filter: brightness(1.06);
box-shadow: 0 0 12px rgba(77, 137, 255, 0.4);
}
/* 输入类 focus 同色系发光边框 */
.arco-input-wrapper:focus-within:not(.arco-input-disabled),
.arco-textarea-wrapper:focus-within:not(.arco-textarea-disabled),
.arco-select-view:focus-within:not(.arco-select-view-disabled) {
border-color: rgb(var(--primary-6)) !important;
box-shadow: 0 0 0 2px rgba(77, 137, 255, 0.22) !important;
}
@media (max-width: 576px) {
.arco-modal-simple {
width: calc(100% - 20px);

36
portal-ui/src/assets/styles/var.less
View File

@ -1,10 +1,40 @@
/* portal-ui 暗色科技主题 — 设计令牌（与 Arco 暗色模式协同） */
body {
// 背景色 - 浅
--portal-bg-page: #121826;
--portal-bg-card: #1a1f2e;
--portal-bg-sub: #252b3a;
--portal-text: #e5e7eb;
--portal-text-2: #9ca3af;
--portal-text-disabled: #6b7280;
--portal-primary: #4d89ff;
--portal-accent: #9d6bff;
--portal-success: #10b981;
--portal-warning: #f59e0b;
--portal-danger: #ef4444;
--portal-glow-border: rgba(77, 137, 255, 0.1);
--portal-shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.3);
--portal-shadow-glow: 0 0 12px rgba(77, 137, 255, 0.4);
--mf-color-bg-3: #f8f8fa;
--his-border-color: rgb(166, 124, 82, 0.3);
}
body[arco-theme='dark'] {
// 背景色 - 浅
--mf-color-bg-3: #17171a;
--mf-color-bg-3: #252b3a;
/* Arco 语义色贴近本主题层级 */
--color-bg-1: #121826;
--color-bg-2: #1a1f2e;
--color-bg-3: #252b3a;
--color-bg-4: #2e3548;
--color-bg-5: #363d52;
--color-fill-1: rgba(255, 255, 255, 0.04);
--color-fill-2: rgba(255, 255, 255, 0.06);
--color-fill-3: rgba(255, 255, 255, 0.08);
--color-border-1: rgba(77, 137, 255, 0.12);
--color-border-2: rgba(77, 137, 255, 0.18);
--color-border-3: rgba(77, 137, 255, 0.25);
--color-text-1: #e5e7eb;
--color-text-2: #9ca3af;
--color-text-3: #9ca3af;
--color-text-4: #6b7280;
}

4
portal-ui/src/components/Forbidden.vue
View File

@ -81,9 +81,9 @@ export default {
overflow: hidden;
// width: 428px;
// height: 258px;
// background: linear-gradient(0deg, #271433 0%, #e6217a 49%);
// background: linear-gradient(160deg, #121826 0%, #1a1f2e 100%);
// border-radius: 20px;
// border: 2px solid #e6217a;
// border: none; box-shadow: inset 0 0 0 1px rgba(77,137,255,0.1);
// top: 45% !important;
// transform: translateY(-45%) !important;

9
portal-ui/src/components/Preview.vue
View File

@ -41,9 +41,12 @@ export default {
<style lang="less">
.preview-dialog {
overflow: hidden;
background: #0f0f12;
border-radius: 20px;
border: 2px solid #e6217a;
background: #1a1f2e;
border-radius: 12px;
border: none;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.3);
height: 520px;
width: 864px;
top: 45% !important;

39
portal-ui/src/components/RechargePc.vue
View File

@ -520,15 +520,18 @@ export default {
<style lang="less">
.test-pay-dialog {
border-radius: 20px;
border-radius: 12px;
overflow: hidden;
background: linear-gradient(
0deg,
rgba(39, 20, 51, 0.7) 0%,
rgba(230, 33, 122, 0.7) 49%
160deg,
rgba(18, 24, 38, 0.98) 0%,
rgba(26, 31, 46, 0.98) 50%,
rgba(37, 43, 58, 0.96) 100%
);
border-radius: 20px;
border: 2px solid #e6217a;
border: none;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.35);
width: 500px;
// height: 320px;
top: 45% !important;
@ -621,15 +624,18 @@ export default {
}
.vm-card-dialog {
border-radius: 20px;
border-radius: 12px;
overflow: hidden;
background: linear-gradient(
0deg,
rgba(39, 20, 51, 0.7) 0%,
rgba(230, 33, 122, 0.7) 49%
160deg,
rgba(18, 24, 38, 0.98) 0%,
rgba(26, 31, 46, 0.98) 50%,
rgba(37, 43, 58, 0.96) 100%
);
border-radius: 20px;
border: 2px solid #e6217a;
border: none;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.35);
width: 600px;
max-height: 90vh;
overflow-y: auto;
@ -700,19 +706,20 @@ export default {
}
:deep(.arco-select-dropdown) {
background-color: rgba(39, 20, 51, 0.95);
border: 1px solid #e6217a;
background-color: #1a1f2e;
border: 1px solid rgba(77, 137, 255, 0.25);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}
:deep(.arco-select-option) {
color: #ffffff;
&:hover {
background-color: rgba(230, 33, 122, 0.3);
background-color: rgba(77, 137, 255, 0.14);
}
&.arco-select-option-selected {
background-color: rgba(230, 33, 122, 0.5);
background-color: rgba(77, 137, 255, 0.22);
}
}
}

10
portal-ui/src/components/RechargeSelect.vue
View File

@ -122,11 +122,13 @@ export default {
display: flex;
flex-flow: wrap;
&-dialog {
border-radius: 20px;
border-radius: 12px;
overflow: hidden;
background: #0f0f12;
border-radius: 20px;
border: 2px solid #e6217a;
background: #1a1f2e;
border: none;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.3);
width: 500px;
top: 45% !important;
transform: translateY(-45%) !important;

2
portal-ui/src/components/VideoComposeCard.vue
View File

@ -1939,7 +1939,7 @@ defineExpose({
.vg-at-btn {
background: rgba(0, 202, 224, 0.1);
color: #00cae0;
color: #4d89ff;
border: 1px solid rgba(0, 202, 224, 0.3);
padding: 4px 12px;
border-radius: 12px;

2
portal-ui/src/components/VideoRichEditor.vue
View File

@ -495,7 +495,7 @@ onMounted(() => {
word-break: break-word;
overflow-y: auto;
color: rgba(255, 255, 255, 0.9);
caret-color: #00cae0;
caret-color: #4d89ff;
:deep(*) {
color: rgba(255, 255, 255, 0.9) !important;

15
portal-ui/src/layout/components/ChangePassword.vue
View File

@ -188,16 +188,19 @@ export default {
<style lang="less">
.change-password-dialog {
border-radius: 20px;
border-radius: 12px;
overflow: hidden;
background: linear-gradient(
0deg,
rgba(39, 20, 51, 0.7) 0%,
rgba(230, 33, 122, 0.7) 49%
160deg,
rgba(18, 24, 38, 0.98) 0%,
rgba(26, 31, 46, 0.98) 50%,
rgba(37, 43, 58, 0.96) 100%
);
background-color: transparent !important;
border-radius: 20px;
border: 2px solid #e6217a;
border: none;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.35);
width: 500px;
top: 45% !important;
transform: translateY(-45%) !important;

15
portal-ui/src/layout/components/Forgot.vue
View File

@ -235,16 +235,19 @@ export default {
<style lang="less">
.forgot-dialog {
border-radius: 20px;
border-radius: 12px;
overflow: hidden;
background: linear-gradient(
0deg,
rgba(39, 20, 51, 0.7) 0%,
rgba(230, 33, 122, 0.7) 49%
160deg,
rgba(18, 24, 38, 0.98) 0%,
rgba(26, 31, 46, 0.98) 50%,
rgba(37, 43, 58, 0.96) 100%
);
background-color: transparent !important;
border-radius: 20px;
border: 2px solid #e6217a;
border: none;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.35);
width: 500px;
top: 45% !important;
transform: translateY(-45%) !important;

15
portal-ui/src/layout/components/Login.vue
View File

@ -148,15 +148,18 @@ export default {
<style lang="less">
.login-dialog {
border-radius: 20px;
border-radius: 12px;
overflow: hidden;
background: linear-gradient(
0deg,
rgba(39, 20, 51, 0.7) 0%,
rgba(230, 33, 122, 0.7) 49%
160deg,
rgba(18, 24, 38, 0.98) 0%,
rgba(26, 31, 46, 0.98) 50%,
rgba(37, 43, 58, 0.96) 100%
);
border-radius: 20px;
border: 2px solid #e6217a;
border: none;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.35);
width: 500px;
height: 320px;
top: 45% !important;

2
portal-ui/src/layout/components/Money.vue
View File

@ -102,7 +102,7 @@ export default {
&-save {
width: 410px;
height: 40px;
background: #e6217a;
background: #4d89ff;
border-radius: 10px;
margin-top: 30px;
}

15
portal-ui/src/layout/components/Register.vue
View File

@ -263,16 +263,19 @@ export default {
<style lang="less">
.register-dialog {
border-radius: 20px;
border-radius: 12px;
overflow: hidden;
background: linear-gradient(
0deg,
rgba(39, 20, 51, 0.7) 0%,
rgba(230, 33, 122, 0.7) 49%
160deg,
rgba(18, 24, 38, 0.98) 0%,
rgba(26, 31, 46, 0.98) 50%,
rgba(37, 43, 58, 0.96) 100%
);
background-color: transparent !important;
border-radius: 20px;
border: 2px solid #e6217a;
border: none;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.35);
width: 500px;
top: 45% !important;
transform: translateY(-45%) !important;

17
portal-ui/src/layout/components/User.vue
View File

@ -121,10 +121,12 @@ export default {
<style lang="less">
.user-dialog {
overflow: hidden;
background: #0f0f12;
border-radius: 10px;
border-radius: 20px;
border: 2px solid #e6217a;
background: #1a1f2e;
border-radius: 12px;
border: none;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.3);
width: 500px;
min-height: 520px;
top: 45% !important;
@ -166,11 +168,12 @@ export default {
align-items: center;
justify-content: center;
&-active {
background: #e6217a;
background: #4d89ff;
box-shadow: 0 0 12px rgba(77, 137, 255, 0.35);
}
&:hover {
background: #e6217a;
&:hover:not(.arco-tabs-tab-active) {
background: rgba(77, 137, 255, 0.16);
.arco-tabs-tab-title {
&:before {

10
portal-ui/src/layout/components/UserAccount.vue
View File

@ -281,10 +281,12 @@ export default {
<style lang="less">
.edit-user-dialog {
overflow: hidden;
background: #0f0f12;
border-radius: 10px;
border-radius: 20px;
border: 2px solid #e6217a;
background: #1a1f2e;
border-radius: 12px;
border: none;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.3);
width: 500px;
min-height: 400px;
top: 45% !important;

4
portal-ui/src/layout/components/appMain.vue
View File

@ -4,6 +4,9 @@
class="app-main-wrap"
:style="style">
<section class="app-main">
<transition
name="portal-page"
mode="out-in">
<keep-alive
:include="cachedViews"
:max="100">
@ -11,6 +14,7 @@
:is="Component"
:key="key" />
</keep-alive>
</transition>
</section>
</div>
<a-back-top

13
portal-ui/src/layout/components/navBar.vue
View File

@ -57,7 +57,7 @@
:preview="false"
:width="16"
fit="cover"
src="/images/nav/img_money@2x.png" />
src="https://img.icons8.com/fluency/48/wallet.png" />
{{ userInfo.balance || '0.00' }}
</span>
<mf-avatar
@ -239,6 +239,8 @@ export default {
box-sizing: content-box;
padding-left: 20px;
padding-right: 30px;
background: #1a1f2e;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
.left-menu {
display: flex;
@ -326,7 +328,7 @@ export default {
&.language {
.mf-button {
font-size: 14px;
color: #999999;
color: #9ca3af;
background-color: transparent;
&:hover {
background-color: transparent;
@ -334,7 +336,7 @@ export default {
}
.language-display[disabled] {
color: #999999 !important;
color: #9ca3af !important;
opacity: 0.85;
cursor: not-allowed;
}
@ -359,10 +361,9 @@ export default {
&.user {
width: 150px;
color: rgb(var(--primary-6));
border: 2px solid transparent;
height: 32px;
border: 1px solid #5c5d68;
background: #26272e;
border: 1px solid rgba(77, 137, 255, 0.2);
background: #252b3a;
border-radius: 16px;
display: flex;
align-items: center;

26
portal-ui/src/layout/components/sideBar.vue
View File

@ -112,14 +112,14 @@ export default {
position: relative;
transition: width 0.3s;
z-index: 12;
background-color: #000;
border-right: 1px solid; /* 宽度随你调整 */
background-color: #121826;
border-right: 1px solid transparent;
border-image: linear-gradient(
to bottom,
#0f0f12 0%,
rgba(255,255,255, 0.7) 40%,
rgba(255,255,255, 0.7) 60%,
#0f0f12 100%
#121826 0%,
rgba(77, 137, 255, 0.35) 45%,
rgba(157, 107, 255, 0.25) 55%,
#121826 100%
)
1 100%;
@ -145,9 +145,19 @@ export default {
border-radius: 10px;
margin-bottom: 10px;
&.arco-menu-selected,
&:hover {
background-color: rgb(var(--primary-6));
background-color: rgba(77, 137, 255, 0.12);
color: #e5e7eb;
}
&.arco-menu-selected {
background-color: rgba(77, 137, 255, 0.2);
color: #e5e7eb;
box-shadow: inset 0 0 0 1px rgba(77, 137, 255, 0.12);
}
&.arco-menu-selected:hover {
background-color: rgba(77, 137, 255, 0.26);
}
}

2
portal-ui/src/layout/default.vue
View File

@ -82,7 +82,7 @@ export default {
display: flex;
flex-direction: column;
overflow: hidden;
background: #0f0f12;
background: #121826;
.sidebar-backdrop {
display: none;

2
portal-ui/src/views/AssetGroupManage.vue
View File

@ -324,7 +324,7 @@ export default {
flex-direction: column;
gap: 16px;
padding: 18px;
background: #0a0b0d;
background: #121826;
color: rgba(255, 255, 255, 0.88);
min-height: 100%;
}

2
portal-ui/src/views/AssetManage.vue
View File

@ -621,7 +621,7 @@ export default {
gap: 14px;
padding: 16px;
min-height: 100%;
background: #0a0b0d;
background: #121826;
color: rgba(255, 255, 255, 0.9);
}
.asset-left,

66
portal-ui/src/views/GeneratedAssets.vue
View File

@ -535,8 +535,8 @@ export default {
.generated-assets-page {
padding: 16px;
min-height: 100%;
background: #0a0b0d;
color: rgba(255, 255, 255, 0.9);
background: #121826;
color: #e5e7eb;
}
.page-header {
@ -546,15 +546,18 @@ export default {
.panel-title {
font-size: 16px;
font-weight: 600;
color: rgba(255, 255, 255, 0.9);
color: #e5e7eb;
}
.query-section {
background: rgba(22, 24, 30, 0.92);
border: 1px solid rgba(255, 255, 255, 0.08);
background: #1a1f2e;
border: none;
border-radius: 12px;
padding: 16px;
margin-bottom: 16px;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.3);
}
.form-grid {
@ -583,7 +586,7 @@ export default {
label {
font-size: 12px;
color: rgba(255, 255, 255, 0.65);
color: #9ca3af;
}
&.actions {
@ -596,14 +599,17 @@ export default {
.total-line {
margin: 10px 0;
font-size: 12px;
color: rgba(255, 255, 255, 0.65);
color: #9ca3af;
}
.table-wrap {
overflow: auto;
width: 100%;
border: 1px solid rgba(255, 255, 255, 0.08);
border: none;
border-radius: 10px;
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.25);
}
.asset-table {
@ -752,19 +758,20 @@ export default {
}
.detail-group {
background: rgba(22, 24, 30, 0.8);
border: 1px solid rgba(255, 255, 255, 0.1);
background: #252b3a;
border: none;
border-radius: 12px;
padding: 16px;
box-shadow: inset 0 0 0 1px rgba(77, 137, 255, 0.08);
}
.group-title {
font-size: 15px;
font-weight: 600;
color: #00cae0;
color: #4d89ff;
margin-bottom: 14px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(0, 202, 224, 0.2);
border-bottom: 1px solid rgba(77, 137, 255, 0.22);
}
.detail-row {
@ -829,7 +836,7 @@ export default {
&:hover {
transform: scale(1.03);
box-shadow: 0 0 0 3px rgba(0, 202, 224, 0.3);
box-shadow: 0 0 0 3px rgba(77, 137, 255, 0.28);
}
&.small {
@ -868,37 +875,39 @@ export default {
::v-deep(.arco-tabs) {
.arco-tabs-nav {
background: rgba(22, 24, 30, 0.98) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
background: #1a1f2e !important;
border: none !important;
border-radius: 12px !important;
padding: 6px !important;
margin-bottom: 0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.3);
}
.arco-tabs-tab {
color: rgba(255, 255, 255, 0.85) !important;
color: #e5e7eb !important;
margin: 0 4px !important;
padding: 10px 28px !important;
border-radius: 8px !important;
transition: all 0.2s ease !important;
transition: all 0.22s ease !important;
font-size: 14px;
font-weight: 500;
border: 1px solid transparent !important;
}
.arco-tabs-tab:hover {
color: white !important;
background: rgba(0, 102, 204, 0.25) !important;
border-color: rgba(0, 102, 204, 0.3) !important;
color: #e5e7eb !important;
background: rgba(77, 137, 255, 0.14) !important;
border-color: transparent !important;
}
.arco-tabs-tab-active {
color: white !important;
background: #0066cc !important;
border-color: #0066cc !important;
color: #fff !important;
background: #4d89ff !important;
border-color: transparent !important;
font-weight: 600 !important;
box-shadow: 0 4px 15px rgba(0, 102, 204, 0.5) !important;
box-shadow: 0 0 12px rgba(77, 137, 255, 0.4) !important;
}
.arco-tabs-ink-bar {
@ -938,9 +947,12 @@ export default {
::v-deep(.arco-modal) {
.arco-modal-content {
background-color: #1a1f2e !important;
border: 1px solid rgba(255, 255, 255, 0.12);
border: none;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
box-shadow:
inset 0 0 0 1px rgba(77, 137, 255, 0.1),
0 4px 20px rgba(0, 0, 0, 0.35),
0 16px 48px rgba(0, 0, 0, 0.45);
}
.arco-modal-header {

10
portal-ui/src/views/Recharge.vue
View File

@ -274,9 +274,9 @@ const showRecharge = () => {
backdrop-filter: blur(12px);
background: linear-gradient(
90deg,
rgba(39, 20, 51, 0.5) 0%,
rgba(230, 33, 122, 0.5) 49%,
rgba(39, 20, 51, 0.5) 100%
rgba(18, 24, 38, 0.65) 0%,
rgba(77, 137, 255, 0.22) 50%,
rgba(18, 24, 38, 0.65) 100%
);
}
}
@ -295,10 +295,10 @@ const showRecharge = () => {
&-content {
color: #fff;
padding: 0 40px;
background-color: #000;
background-color: #121826;
* {
color: #999999 !important;
color: #9ca3af !important;
background-color: transparent !important;
}
}

4
portal-ui/src/views/VideoGen.vue
View File

@ -1401,8 +1401,8 @@ export default {
<style lang="less" scoped>
.video-gen {
--vg-cyan: #00cae0;
--vg-ink: #0a0b0d;
--vg-cyan: #4d89ff;
--vg-ink: #121826;
--vg-panel: rgba(22, 24, 30, 0.92);
--vg-border: rgba(255, 255, 255, 0.08);
--vg-text: rgba(255, 255, 255, 0.88);

2
portal-ui/src/views/error/403.vue
View File

@ -33,7 +33,7 @@ onMounted(() => {
flex-direction: column;
justify-content: center;
align-items: center;
background: #0f0f12;
background: #121826;
.desc {
font-size: 120px;

12
portal-ui/static/favicon.svg Normal file
View File

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="Video icon">
<defs>
<linearGradient id="video-grad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#4d89ff"/>
<stop offset="100%" stop-color="#9d6bff"/>
</linearGradient>
</defs>
<rect width="32" height="32" rx="8" fill="#121826"/>
<rect x="6" y="9" width="14" height="14" rx="3" fill="url(#video-grad)"/>
<path d="M22 13.2l4-2.1a1 1 0 0 1 1.46.9v8a1 1 0 0 1-1.46.9l-4-2.1v-5.6z" fill="#7aa6ff"/>
<path d="M12 13.2l5 2.8-5 2.8v-5.6z" fill="#e5e7eb"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 593 B

2
portal-ui/vite.config.js
View File

@ -26,7 +26,7 @@ export default defineConfig({
less: {
modifyVars: {
'@size-9': '40px',
'arcoblue-6': '#e6217a'
'arcoblue-6': '#4d89ff'
}
}
}