From 392765e4c6823745345fe349e5422e1b98ca8f09 Mon Sep 17 00:00:00 2001
From: zhangnuoyan <9354631+zhangnuoyan@user.noreply.gitee.com>
Date: 星期六, 24 八月 2024 19:31:03 +0800
Subject: [PATCH] feat: 增加主题配色、增加组件
---
src/styles/theme.scss | 31 ++++++++++++++++++++++---------
1 files changed, 22 insertions(+), 9 deletions(-)
diff --git a/src/styles/theme.scss b/src/styles/theme.scss
index f8f8a41..242e058 100644
--- a/src/styles/theme.scss
+++ b/src/styles/theme.scss
@@ -2,17 +2,18 @@
--color-black: #000000;
--color-border: #333335;
--color-bg-1: #17171a;
- --color-bg-2: #1f2935;
- --color-bg-3: #2a2a2b;
+ --color-bg-2: #0f2a58;
+ --color-bg-popup: #0f2a58;
+ --color-bg-3: rgba(255, 255, 255, 0.1);
--color-bg-4: #313132;
- --color-bg-5: #373739;
+ --color-bg-5: #1057fd;
--color-bg-white: #f6f6f6;
--color-text-1: rgba(255, 255, 255, 0.9);
--color-text-2: rgba(255, 255, 255, 0.7);
--color-text-3: rgba(255, 255, 255, 0.5);
--color-text-4: rgba(255, 255, 255, 0.3);
--color-fill-1: rgba(255, 255, 255, 0.04);
- --color-fill-2: rgba(255, 255, 255, 0.08);
+ --color-fill-2: #0d2448;
--color-fill-3: rgba(255, 255, 255, 0.12);
--color-fill-4: rgba(255, 255, 255, 0.16);
--color-border-1: #2e2e30;
@@ -46,7 +47,7 @@
--color-tooltip-bg: #373739;
--color-spin-layer-bg: rgba(51, 51, 51, 0.6);
--color-menu-dark-bg: #232324;
- --color-menu-light-bg: linear-gradient(180deg, #1d4765 0%, #425365 100%);
+ --color-menu-light-bg: #0f2a58;
--color-menu-dark-hover: var(--color-fill-2);
--color-mask-bg: rgba(23, 23, 26, 0.6);
--red-1: 77, 0, 10;
@@ -194,7 +195,7 @@
--primary-3: var(--arcoblue-3);
--primary-4: var(--arcoblue-4);
--primary-5: var(--arcoblue-5);
- --primary-6: var(--arcoblue-6);
+ --primary-6: #fff;
--primary-7: var(--arcoblue-7);
--primary-8: var(--arcoblue-8);
--primary-9: var(--arcoblue-9);
@@ -240,8 +241,20 @@
--warning-9: var(--orange-9);
--warning-10: var(--orange-10);
.arco-card {
- background: rgba(0, 0, 10, 0.8);
- border: 1px solid #0e9cff;
- box-shadow: inset 0px 0px 87px 0px rgba(1, 194, 255, 0.4);
+ border: none;
+ }
+ .card-bg-1 {
+ background: #0d2448;
+ }
+ .arco-timepicker-container {
+ background-color: var(--color-bg-1);
+ }
+ .arco-btn-primary,
+ .arco-btn-primary[type="button"],
+ .arco-btn-primary[type="submit"] {
+ background-color: #1057fd;
+ &:hover {
+ opacity: 0.9;
+ }
}
}
--
Gitblit v1.8.0