mirror of
https://github.com/yangjian102621/geekai.git
synced 2025-09-24 12:16:37 +08:00
153 lines
3.4 KiB
Stylus
153 lines
3.4 KiB
Stylus
:root{
|
||
--sm-txt:rgba(163, 174, 208, 1);
|
||
--text-secondary: #8a939d;
|
||
--el-color-primary: rgb(107, 80, 225);
|
||
--van-primary-color:rgb(107, 80, 225);
|
||
--theme-textcolor-normal:#b0a0f8;
|
||
--el-border-radius-base: 5px;
|
||
--el-color-primary-light-5:rgb(107, 85, 255);
|
||
--el-color-primary-light-3:rgb(78, 51, 254);
|
||
--theme-btn-color:rgba(117, 81, 255, 1)
|
||
--common-text-color:#6e4ef9;
|
||
--el-component-size: 36px;
|
||
--el-color-primary-dark-2:rgb(169 152 247);
|
||
--el-button-active-border-color:rgb(169 152 247);
|
||
--el-color-success-light-9:#EAFFFC;
|
||
--el-color-success-light-8:#A7F0D9;
|
||
--el-message-text-color:#0ECD8B;
|
||
--el-color-success:#0ECD8B;
|
||
|
||
--text-fff:#fff
|
||
--theme-border-primary: rgba(86, 86, 95, .322); //主题边框颜色
|
||
--theme-border-hover: rgb(107, 85, 255);//主题边框hover颜色
|
||
--text--hover:rgba(215, 211, 240, 0.581) //主题色hover色系
|
||
--el-input-focus-border-color: #b0a0f8;
|
||
--little-btn-bg:#e9d3f6;
|
||
--gray-btn-bg:#ededf591;
|
||
// --a-link-color: #3561ff
|
||
--a-link-color: #6e8eff
|
||
--shadow-color:rgba(223,71,255,0.6)
|
||
--sm-btn-bg:#6052ed;
|
||
--theme-text-tertiary: #595959;
|
||
--theme-btn-fill-tertiary: #f0ebff;
|
||
--theme-text-btn-tertiary: #6841ea;
|
||
|
||
|
||
|
||
// #e7e7e8
|
||
}
|
||
.el-dialog{
|
||
//--el-border-radius-base: calc(var(--el-component-size) / 2);
|
||
--el-dialog-border-radius: 10px
|
||
}
|
||
.login-box{
|
||
--el-component-size: 48px;
|
||
|
||
}
|
||
.btn-go{
|
||
background: var(--btnColor);
|
||
color: #fff;
|
||
border-radius: 5px;
|
||
padding: 5px 10px;
|
||
&:hover{
|
||
color: #fff;
|
||
}
|
||
}
|
||
.btn-normal{
|
||
background: var(--theme-btn-color);
|
||
color: #fff;
|
||
border-radius: 5px;
|
||
padding: 5px 10px;
|
||
&:hover{
|
||
color: #fff;
|
||
}
|
||
}
|
||
.flex{
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.flex-center{
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
.flex-between{
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
.theme-color-primary{
|
||
color: var(--el-color-primary);
|
||
}
|
||
.text-color-primary{
|
||
color:var(--text-color-primary)
|
||
}
|
||
.w100{
|
||
width: 100%;
|
||
}
|
||
.el-input__wrapper{
|
||
background: var( --card-bg)
|
||
}
|
||
.el-dialog__title{
|
||
font-weight: bold;
|
||
line-height: 28px;
|
||
}
|
||
.el-button--primary{
|
||
border-radius: 5px;
|
||
}
|
||
|
||
.el-button {
|
||
height auto
|
||
}
|
||
/* 设置滚动条的宽度 */
|
||
::-webkit-scrollbar {
|
||
width: 12px; /* 垂直滚动条宽度 */
|
||
height: 12px; /* 水平滚动条高度 */
|
||
}
|
||
|
||
/* 滚动条的轨道背景颜色 */
|
||
|
||
::-webkit-scrollbar-track {
|
||
background: #f1f1f1 !important; /* 滚动条轨道颜色 */
|
||
border-radius: 6px; /* 可选：轨道圆角 */
|
||
}
|
||
|
||
/* 滚动条滑块的颜色 */
|
||
::-webkit-scrollbar-thumb {
|
||
background: #888 !important; /* 滑块颜色 */
|
||
border-radius: 6px; /* 可选：滑块圆角 */
|
||
}
|
||
|
||
/* 鼠标悬停在滑块上的颜色 */
|
||
::-webkit-scrollbar-thumb:hover {
|
||
background: #555; /* 悬停时的滑块颜色 */
|
||
}
|
||
//.el-message-box
|
||
.el-message-box{
|
||
--el-messagebox-border-radius: 10px
|
||
}
|
||
.el-message-box__container{
|
||
//border-top: 1px solid #dbd3f4;
|
||
padding-top: 7px;
|
||
.el-message-box__message{
|
||
--text-color:var(--theme-text-color-primary)
|
||
font-size: 16px
|
||
}
|
||
}
|
||
.sm-btn-theme{
|
||
background-color: var(--theme-btn-fill-tertiary) !important;
|
||
color: var(--theme-text-btn-tertiary) !important;
|
||
border: none;
|
||
}
|
||
|
||
.el-tag, .el-tag.el-tag--primary{
|
||
--el-tag-bg-color:#f0ebff
|
||
}
|
||
.box-card{
|
||
padding: 20px;
|
||
background-color: var(--chat-bg);
|
||
border-radius: 8px;
|
||
}
|
||
.el-table th.el-table__cell {
|
||
background-color: var(--chat-bg)
|
||
} |