Files
geekai/web/src/assets/css/theme-dark.scss
2025-08-15 18:51:33 +08:00

118 lines
3.4 KiB
SCSS

@use 'font.scss' as *;
:root[data-theme='dark'] {
--text-fb: #fff;
--text-color: rgba(255, 255, 255, 1) !important; // 主要的文本颜色
--normal-color: rgba(163, 174, 208, 1); // 普通颜色
--el-text-color-primary: #fff;
p,
h1,
h2,
h3,
h4,
h5,
h6,
article {
// color: var(--text-color) !important;
font-family: $font-regular;
}
html,
body,
#app,
.wrapper {
background: rgb(13, 20, 53);
background-color: rgb(13, 20, 53);
font-family: $font-regular;
}
--btnColor: linear-gradient(88deg, #af61f0 1.44%, #5b62ce);
--border-active: rgba(255, 255, 255, 0.1);
--card-bg: #252d58;
--chat-bg: #1f243f;
--chat-wel-bg: #2d2f38;
--card-bg-table: rgba(17, 28, 68, 1);
--theme-bg: rgb(13, 20, 53);
--theme-bg-color: rgb(13, 20, 53);
--theme-bg-all: rgb(13, 20, 53);
--sign-bg: rgba(27, 37, 75, 1);
--text-theme-color: #fff;
--text-color-primary: #d1c7ff;
--theme-text-color-secondary: #a3aed0;
--theme-text-color-primary: #fff;
--theme-text-primary: #f3f3f3;
--line-box: rgba(255, 255, 255, 0.1);
--el-bg-color: #141a36;
--el-fill-color-blank: rgba(17, 28, 68, 1);
--el-fill-color-light: rgba(86, 86, 95, 0.2);
--el-color-primary-light-9: rgba(86, 86, 95, 0.2);
--el-text-color-regular: rgba(163, 174, 208, 1);
--el-border-color: rgb(79, 80, 85); //黑白切换
--el-bg-color-overlay: rgba(17, 28, 68, 1);
--el-border-color-light: rgba(255, 255, 255, 0.2);
--chat-content-bg: rgba(86, 86, 95, 0.2);
--chat-user-content-bg: #762aa4;
--hover-deep-color: #30323c;
--tab-title-bg: #525777; //顶部tab栏背景切换
--tab-title-color: #fff; //顶部tab栏文字切换
//深黑色
--bg-deep-color: rgba(255, 255, 255, 0.8);
//layout
.more-menus li.moreTitle,
.twoTittle .title,
.setting-menus span.title,
.setting-menus li .el-icon,
.setting-menus li .iconfont,
.layout .tab-box .menu-list-item {
//filter: invert(100%);
}
.more-menus span.title {
color: var(--text-theme-color);
}
// 操作按钮
--btn-bg: rgba(86, 86, 95, 0.5);
.el-table {
// 表格表头背景
--el-fill-color-darker: rgba(100, 100, 100, 0.5);
--el-border-color-darker: #73767a;
--el-table-border-color: rgba(100, 100, 100, 0.5);
--el-table-row-hover-bg-color: rgba(16, 21, 43, 0.8);
--el-table-current-row-bg-color: rgba(16, 21, 43, 0.8);
}
// 加载动画
--el-mask-color: rgba(255, 255, 255, 0.5);
--van-toast-background: rgba(255, 255, 255, 0.3);
--code-bg-color: #424242;
--code-text-color: #fff;
// vant 主题样式
--van-cell-background: #141a36;
--van-cell-background-light: #242a46;
--van-button-default-background: #141a36;
--van-background: #141a36;
--van-tabbar-background: #141a36;
--van-nav-bar-background: #1b244a;
--van-dropdown-menu-background: #141a36;
// 引用快样式
--quote-bg-color: #1f243f;
--quote-text-color: #fff;
// el-dialog 阴影
--el-box-shadow: 0 0 15px rgba(107, 80, 225, 0.8);
// 面板背景
--panel-bg: linear-gradient(135deg, #252d58 0%, #1f243f 100%);
// 登录注册页面专用变量
--login-bg: linear-gradient(135deg, #252d58 0%, #1f243f 100%);
--login-card-bg: #252d58;
--login-card-border: rgba(255, 255, 255, 0.1);
--login-title-color: #fff;
--login-subtitle-color: #a3aed0;
--login-text-color: #a3aed0;
--login-link-color: #d1c7ff;
--login-link-hover-bg: rgba(209, 199, 255, 0.1);
}