xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-11-16 06:03:42 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

style:样式切换

Browse Source
This commit is contained in:
lqins
2024-12-19 16:57:57 +08:00
parent 710b008453
commit 357c77ef30
59 changed files with 4775 additions and 3420 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/assets/css/chat-app.css
View File

@@ -51,6 +51,6 @@
color: #999;
}
.page-apps .inner .list-box .app-item:hover {
box-shadow: 0 0 10px rgba(71,255,241,0.6); /* 添加阴影效果 */
box-shadow: 0 0 10px var(--shadow-color); /* 添加阴影效果 */
transform: translateY(-10px); /* 向上移动10像素 */
}

50
web/src/assets/css/chat-app.styl
View File

@@ -1,30 +1,38 @@
.page-apps {
background-color: #282c34;
// background-color: #282c34;
height 100%
.apps-type-nav{
height 43px
height 50px
padding 8px 0;
margin-bottom 3px
margin 10px auto
}
.scrollbar-type-nav{
display flex
align-items center
height 43px
padding 0 5px
padding 2px
background-color #f4f1f7
width fit-content
border 1px solid rgba(79,89,102,.078)
border-radius: 20px
margin: 0 auto
// background: var(--chat-bg);
// width 100%
li{
flex-shrink 0
display flex
align-items center
justify-content center
margin 0 10px
margin 5px 8px
height 26px
border-radius 4px
border 1px solid rgb(80,80,80)
// border 1px solid rgb(80,80,80)
padding 2px 12px
background rgba(60,60,60 0.9)
color #fff
// background rgba(60,60,60 0.9)
color var(--theme-text-tertiary)
font-weight: bold
font-size 14px
cursor pointer
@@ -34,9 +42,12 @@
overflow hidden
margin-right 5px
border-radius 50%
}
&.active{
background #21aa93;
background #fff;
color: var(--el-color-primary);
border-radius 20px
}
}
}
@@ -53,16 +64,24 @@
.item {
display flex
flex-flow row
border 1px solid rgb(80,80,80)
// border 1px solid rgb(80,80,80)
padding 10px
background rgba(60,60,60 0.5)
background: var(--chat-bg);
border-radius 8px
.image {
width 80px
height 80px
min-width 80px
border-radius 5px
border-radius 50%
overflow hidden
object-fit: contain
display: flex
align-items center
justify-content center
flex-shrink 0
border: 2px solid #f5f7fd
background: #fff
}
.inner {
@@ -75,7 +94,7 @@
text-align left
.info-title {
color var(--el-text-color)
color: var(--text-theme-color)
font-size 1.25rem
line-height 1.75rem
letter-spacing: .025em;
@@ -96,7 +115,8 @@
word-break: break-all;
height 34px
font-size: .875rem;
color #999999
color var(--el-text-color-primary)
}
}

5
web/src/assets/css/chat-plus.styl
View File

@@ -1,5 +1,4 @@
$sideBgColor = #252526;
$borderColor = #4676d0;
#app {
height: 100%;
@@ -33,7 +32,7 @@ $borderColor = #4676d0;
// .search-input {
// --el-input-bg-color: #363535
// --el-input-border-color: #464545
// --el-input-focus-border-color: #47fff1
// --el-input-focus-border-color:#b0a0f8
// --el-input-hover-border-color: #2DA39A
// box-shadow: none
// }

29
web/src/assets/css/common.styl
View File

@@ -2,6 +2,7 @@
--sm-txt:rgba(163, 174, 208, 1);
--text-secondary: #8a939d;
--el-color-primary: rgb(107, 80, 225);
--theme-textcolor-normal:#b0a0f8;
--el-border-radius-base: 8px;
--el-color-primary-light-5:rgb(107, 85, 255);
--el-color-primary-light-3:rgb(78, 51, 254);
@@ -19,9 +20,18 @@
--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
--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: 20px;
@@ -90,13 +100,13 @@
/* 滚动条的轨道背景颜色 */
::-webkit-scrollbar-track {
background: #f1f1f1; /* 滚动条轨道颜色 */
background: #f1f1f1 !important; /* 滚动条轨道颜色 */
border-radius: 6px; /* 可选：轨道圆角 */
}
/* 滚动条滑块的颜色 */
::-webkit-scrollbar-thumb {
background: #888; /* 滑块颜色 */
background: #888 !important; /* 滑块颜色 */
border-radius: 6px; /* 可选：滑块圆角 */
}
@@ -115,4 +125,13 @@
--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
}

5
web/src/assets/css/custom-scroll.css
View File

@@ -1,13 +1,18 @@
.custom-scroll ::-webkit-scrollbar {
width: 8px; /* 滚动条宽度 */
display:none;
}
.custom-scroll ::-webkit-scrollbar-track {
background-color: #282c34;
display:none;
}
.custom-scroll ::-webkit-scrollbar-thumb {
background-color: #444;
border-radius: 8px;
display:none;
}
.custom-scroll ::-webkit-scrollbar-thumb:hover {
background-color: #666;
display:none;
}

11
web/src/assets/css/home.styl
View File

@@ -15,7 +15,9 @@
.tab-box{
align-items: center
background-color: var(--card-bg)
height: 100%
// height: 100%
// position: fixed;
height: 100vh;
.title{
font-size: 28px
font-weight: 700
@@ -173,6 +175,13 @@
background: var(--theme-bg-all);
// background-image: linear-gradient(180deg, rgba(247, 232, 255, .54), rgba(191, 223, 255, .35));
width: 100%;
.loginMask{
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
}
.topheader{
display: flex;
position: fixed;

33
web/src/assets/css/image-dall.styl
View File

@@ -1,25 +1,25 @@
.page-dall {
background-color: #282c34;
// background-color: #282c34;
.inner {
display: flex;
.sd-box {
margin 10px
background-color #262626
border 1px solid #454545
// background-color #262626
// border 1px solid #454545
min-width 300px
max-width 300px
padding 10px
border-radius 10px
color #ffffff;
color var(--text-theme-color);
font-size 14px
h2 {
font-weight: bold;
font-size 20px
text-align center
color #47fff1
color#b0a0f8
}
// 隐藏滚动条
@@ -66,25 +66,24 @@
text-align center
.el-button {
width 100%
width 200px
span {
color #2D3A4B
}
}
}
}
.el-form {
.el-form-item__label {
color #ffffff
color var(--text-theme-color)
}
}
.task-list-box {
background: var(--chat-bg);
width 100%
padding 10px
color #ffffff
color var(--text-theme-color)
overflow-x hidden
.task-list-inner {
@@ -93,26 +92,26 @@
}
.el-tabs__item {
color: #fff;
color: var(--text-theme-color);
font-size: 18px;
}
.title-tabs .el-tabs__item.is-active {
color: #47FFF1;
color:#b0a0f8;
font-size: 18px;
}
.title-tabs .el-tabs__active-bar {
background-color: #47FFF1;
background-color:#b0a0f8;
}
.el-textarea {
--el-input-focus-border-color: #47FFF1;
// --el-input-focus-border-color:#b0a0f8;
}
.el-textarea__inner {
background: transparent;
color: #fff;
color: var(--text-theme-color);
}
.el-input__wrapper {
@@ -141,7 +140,7 @@
}
.el-form-item__label {
color #ffffff
color var(--text-theme-color)
}
// 图片上传样式

2
web/src/assets/css/image-mj.css
View File

@@ -365,7 +365,7 @@
display: block;
}
.page-mj .inner .task-list-box .task-list-inner .job-list-box .finish-job-list .animate:hover {
box-shadow: 0 0 10px rgba(71,255,241,0.6); /* 添加阴影效果 */
box-shadow: 0 0 10px rgba(223,71,255,0.6); /* 添加阴影效果 */
transform: translateY(-10px); /* 向上移动10像素 */
}
.page-mj .inner .task-list-box .task-list-inner .job-list-box .el-image {

80
web/src/assets/css/image-mj.styl
View File

@@ -1,26 +1,30 @@
.page-mj {
background-color: #282c34;
// background-color: #282c34;
height 100%
.inner {
display: flex;
// height: 100%
.mj-box {
margin 10px
background-color #262626
border 1px solid #454545
// background-color #262626
// border 1px solid #454545
// height: calc(100vh - 50px)
// overflow: scroll
min-width 300px
max-width 300px
padding 10px
border-radius 10px
color #ffffff;
color var(--text-theme-color);
font-size 14px
overflow auto
h2 {
font-weight: bold;
font-size 20px
text-align center
color #47fff1
color var( --theme-textcolor-normal)
}
// 隐藏滚动条
@@ -44,16 +48,20 @@
}
.grid-content {
background-color #383838
border-radius 5px
// background-color #383838
background: var(--card-bg);
border-radius: 8px;
padding 8px 14px
display flex
cursor pointer
margin-bottom: 10px;
border 1px solid #383838
// border 1px solid #383838
border 1px solid var(--chat-bg)
&:hover {
background-color #585858
border 1px solid var(--theme-border-hover)
}
.icon {
@@ -70,28 +78,30 @@
.grid-content.active {
color #47fff1
background-color #585858
border 1px solid #47fff1
// color #47fff1
// background-color #585858
border 1px solid var(--theme-border-hover)
}
.model {
background-color #383838
border 1px solid #454545
border-radius 5px
background: var(--card-bg);
// border 1px solid #454545
border-radius 8px
padding 5px
margin-bottom 10px
display flex
flex-flow column
align-items center
cursor pointer
border 1px solid var(--chat-bg)
&:hover {
background-color #585858
border 1px solid var(--theme-border-hover)
}
.el-image {
height 30px
height 40px
width 100%
}
@@ -103,9 +113,10 @@
}
.model.active {
color #47fff1
background-color #585858
border 1px solid #47fff1
// color #47fff1
// background-color #585858
border 1px solid var(--theme-border-hover)
}
.form-item-inner {
@@ -113,16 +124,16 @@
align-items: center
.el-select {
--el-select-input-focus-border-color: #47FFF1;
--el-input-focus-border-color: #47FFF1;
--el-select-input-focus-border-color: var(--el-color-primary)
--el-input-focus-border-color: var(--el-color-primary)
}
.el-input__wrapper {
background: #383838;
background: var(--chat-bg)
}
.el-input__inner {
color: #fff
color: var(--text-theme-color)
}
.el-icon {
@@ -167,7 +178,7 @@
.el-form {
.el-form-item__label {
color #ffffff
color var(--text-theme-color)
}
.el-input, .el-slider {
@@ -182,9 +193,10 @@
}
.task-list-box {
background: var(--chat-bg);
width 100%
padding 0 10px 10px 10px
color #ffffff
color var(--text-theme-color)
overflow-x hidden
.task-list-inner {
@@ -193,26 +205,26 @@
}
.el-tabs__item {
color: #fff;
color: var(--text-theme-color);
font-size: 18px;
}
.title-tabs .el-tabs__item.is-active {
color: #47FFF1;
color: var( --theme-textcolor-normal);
font-size: 18px;
}
.title-tabs .el-tabs__active-bar {
background-color: #47FFF1;
background-color: var( --theme-textcolor-normal);
}
.el-textarea {
--el-input-focus-border-color: #47FFF1;
--el-input-focus-border-color: var(--el-color-primary)
}
.el-textarea__inner {
background: transparent;
color: #fff;
color: var(--text-theme-color);
}
.el-input__wrapper {
@@ -241,7 +253,7 @@
}
.el-form-item__label {
color #ffffff
color var(--text-theme-color)
}
// 图片上传样式
@@ -367,7 +379,7 @@
display block
cursor pointer
background-color #4E5058
color #ffffff
color var(--text-theme-color)
&:hover {
background-color #6D6F78
@@ -422,7 +434,7 @@
justify-content center
align-items center
min-height 220px
color #ffffff
color var(--text-theme-color)
overflow hidden
.err-msg-container {

2
web/src/assets/css/image-sd.css
View File

@@ -250,7 +250,7 @@
display: block;
}
.page-sd .inner .task-list-box .task-list-inner .job-list-box .finish-job-list .animate:hover {
box-shadow: 0 0 10px rgba(71,255,241,0.6); /* 添加阴影效果 */
box-shadow: 0 0 10px rgba(223,71,255,0.6); /* 添加阴影效果 */
transform: translateY(-10px); /* 向上移动10像素 */
}
.page-sd .inner .task-list-box .task-list-inner .job-list-box .el-image {

26
web/src/assets/css/image-sd.styl
View File

@@ -1,18 +1,18 @@
.page-sd {
background-color: #282c34;
// background-color: #282c34;
.inner {
display: flex;
.sd-box {
margin 10px
background-color #262626
border 1px solid #454545
// background-color #262626
// border 1px solid #454545
min-width 300px
max-width 300px
padding 10px 10px 20px 10px
border-radius 10px
color #ffffff;
color var(--text-theme-color);
font-size 14px
overflow auto
@@ -20,7 +20,8 @@
font-weight: bold;
font-size 20px
text-align center
color #47fff1
color var( --theme-textcolor-normal)
}
// 隐藏滚动条
@@ -67,25 +68,24 @@
text-align center
.el-button {
width 100%
width 200px
span {
color #2D3A4B
}
}
}
}
.el-form {
.el-form-item__label {
color #ffffff
color: var(--text-theme-color)
}
}
.task-list-box {
background: var(--chat-bg);
width 100%
padding 0 10px 10px 10px
color #ffffff
color: var(--text-theme-color)
overflow-x hidden
.task-list-inner {
@@ -108,7 +108,7 @@
}
.el-textarea {
--el-input-focus-border-color: #47FFF1;
// --el-input-focus-border-color: #47FFF1;
}
.el-textarea__inner {
@@ -142,7 +142,7 @@
}
.el-form-item__label {
color #ffffff
color: var(--text-theme-color)
}
// 图片上传样式

14
web/src/assets/css/images-wall.styl
View File

@@ -9,11 +9,11 @@
.page-images-wall {
display: flex;
background-color: #282c34;
// background-color: #282c34;
.inner {
width 100%
color #ffffff
color var(--text-theme-color);
overflow hidden
.header {
@@ -33,7 +33,7 @@
font-size 16px
.el-radio {
color #ffffff
color var(--text-theme-color);
}
}
@@ -68,7 +68,7 @@
width 100%
bottom 0
left 0
color #ffffff
color var(--text-theme-color);
padding 8px 10px
line-height 1.2
border-top-right-radius 10px
@@ -77,11 +77,15 @@
span {
word-break break-all
}
.iconfont{
}
.el-icon, .iconfont {
top 2px
cursor pointer
border 1px solid #ffffff
color: #fff !important;
border 1px solid #fff !important;
border-radius 5px
padding 2px
font-size 16px;

51
web/src/assets/css/luma.styl
View File

@@ -1,12 +1,14 @@
.page-luma {
display flex
height 100%
background-color #0E0808
// background-color #0E0808
// background: var(--chat-bg);
overflow auto
//justify-content center
flex-flow column
align-items center
background: linear-gradient(180deg, rgba(75, 62, 53, 0.8), rgba(144, 50, 181, 0.3));
// background: linear-gradient(180deg, rgba(75, 62, 53, 0.8), rgba(144, 50, 181, 0.3));
.prompt-box {
@@ -50,7 +52,7 @@
.btn-swap {
margin-right 10px
.icon-exchange{
color #ffffff
color var(--text-theme-color)
cursor pointer
}
}
@@ -60,18 +62,20 @@
.prompt-container {
width: 100%;
.input-container {
background: linear-gradient(90deg, rgba(75, 62, 53, 0.8), rgba(144, 50, 181, 0.3));
background: var(--chat-bg);
// background: linear-gradient(90deg, rgba(75, 62, 53, 0.8), rgba(144, 50, 181, 0.3));
border-radius: 28px;
padding: 10px 20px;
display: flex;
align-items: center;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
margin-bottom: 16px;
// box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
.prompt-input {
background: transparent;
border: none;
outline: none;
color: white;
color var(--text-theme-color);
font-size: 14px;
width: 100%;
padding: 10px;
@@ -82,16 +86,14 @@
overflow-wrap: break-word;
scrollbar-width: none; /* 隐藏滚动条 */
&::placeholder {
color: rgba(255, 255, 255, 0.6);
}
&::-webkit-scrollbar {
display: none;
}
}
.upload-icon, .send-icon {
color #e1e1e1
color var( --el-color-primary)
.iconfont {
font-size 20px
cursor pointer
@@ -104,7 +106,7 @@
.params {
display flex
justify-content right
color #e1e1e1
color var(--text-theme-color);
font-size 14px
padding 10px 30px
@@ -129,9 +131,9 @@
padding 0 40px
.h-title {
color #ffffff
color var(--text-theme-color)
width 100%
font-size 36px
// font-size 36px
text-align left
}
@@ -147,9 +149,7 @@
cursor pointer
margin-bottom 10px
&:hover {
background-color #2A2525
}
.left {
.container {
@@ -189,7 +189,8 @@
border-radius 5px
background rgba(100, 100, 100, 0.3)
cursor pointer
color #ffffff
color var(--text-theme-color)
opacity 0
transform: translate(-50%, 0px);
transition opacity 0.3s ease 0s
@@ -222,7 +223,8 @@
text-overflow ellipsis
}
.prompt {
color rgb(250 247 245)
color var( --el-text-color-primary)
cursor: text
}
.failed {
color #E4696B
@@ -248,7 +250,7 @@
.text {
margin-right 10px
color #e1e1e1
color #000
}
}
@@ -259,8 +261,9 @@
color #726E6C
&:hover {
background #5f5958
color #e1e1e1
// background #5f5958
// color #e1e1e1
color:var(--el-color-primary)
}
.downloading {
@@ -317,7 +320,7 @@
// border-radius 20px
// padding 3px 15px
// cursor pointer
// color #ffffff
// color var(--text-theme-color)
// font-size 14px
//
// .iconfont {
@@ -344,14 +347,14 @@
.btn {
margin-right 10px
background-color #363030
border none
border-radius 5px
padding 5px 10px
cursor pointer
color #000
&:hover {
background-color #5F5958
opacity: 0.7
}
}

24
web/src/assets/css/mark-map.styl
View File

@@ -1,5 +1,5 @@
.page-mark-map {
background-color: #282c34;
// background-color: #282c34;
height 100%
.inner {
@@ -7,20 +7,20 @@
.mark-map-box {
margin 10px
background-color #262626
border 1px solid #454545
// background-color #262626
// border 1px solid #454545
min-width 300px
max-width 300px
padding 10px
border-radius 10px
color #ffffff;
color var(--text-theme-color);
font-size 14px
h2 {
font-weight: bold;
font-size 20px
text-align center
color #47fff1
color var( --theme-textcolor-normal)
}
// 隐藏滚动条
@@ -43,7 +43,7 @@
width 100%
span {
color #2D3A4B
color #fff
}
}
@@ -61,13 +61,15 @@
.el-form {
.el-form-item__label {
color #ffffff
color var(--text-theme-color)
}
}
.chat-box {
width 100%
background: var(--chat-bg);
.top-bar {
display flex
@@ -77,13 +79,13 @@
}
.markdown {
color #ffffff
color var(--text-theme-color)
display flex
justify-content center
align-items center
h1 {
color: #47fff1;
color: var( --theme-textcolor-normal);
}
h2 {
@@ -116,7 +118,7 @@
.markmap {
width 100%
color #ffffff
color var(--text-theme-color)
font-size 12px
.markmap-foreign {
@@ -139,7 +141,7 @@
.mm-toolbar-item {
cursor pointer
color var(--el-color-white)
color var( --el-text-color-primary)
}
}

7
web/src/assets/css/markdown/vue.css
View File

@@ -4,10 +4,11 @@
list-style: normal;
}
a {
color: #42b983;
font-weight: 600;
color :var(--a-link-color);
text-decoration: underline;
padding: 0 2px;
text-decoration: none;
}
h1,

2
web/src/assets/css/member.css
View File

@@ -141,7 +141,7 @@
margin-right: 5px;
}
.member .inner .product-box .list-box .product-item:hover {
box-shadow: 0 0 10px rgba(71,255,241,0.6); /* 添加阴影效果 */
box-shadow: 0 0 10px var(--shadow-color); /* 添加阴影效果 */
transform: translateY(-10px); /* 向上移动10像素 */
}
.member .inner .product-box .headline {

23
web/src/assets/css/member.styl
View File

@@ -1,18 +1,18 @@
.member {
background-color: #282c34;
// background-color: #282c34;
height 100%
.title {
text-align center
background-color #25272d
font-size 24px
color #ffffff
color var(--text-theme-color)
padding 10px
border-bottom 1px solid #3c3c3c
}
.inner {
color #ffffff
color var(--text-theme-color)
padding 15px 0 15px 15px;
overflow-x hidden
overflow-y visible
@@ -22,13 +22,13 @@
.user-profile {
padding 10px 20px 20px 20px
width 300px
background-color #393F4A
color #ffffff
background-color var(--chat-bg)
color var(--text-theme-color)
border-radius 10px
//height 100vh
.el-form-item__label {
color #ffffff
color var(--text-theme-color)
justify-content start
}
@@ -58,7 +58,8 @@
.list-box {
.product-item {
border 1px solid #666666
// border 1px solid #666666
background-color var(--chat-bg)
border-radius 6px
overflow hidden
cursor pointer
@@ -87,7 +88,7 @@
text-align center
font-size 16px
font-weight bold
color #47fff1
color var( --el-color-primary)
}
}
@@ -138,14 +139,14 @@
padding 0
.icon-alipay,.icon-wechat-pay {
color #ffffff
color var(--text-theme-color)
}
.icon-qq {
color #15A6E8
font-size 24px
}
.icon-jd-pay {
color #ffffff
color var(--text-theme-color)
font-size 24px
}
.icon-douyin {
@@ -161,7 +162,7 @@
}
&:hover {
box-shadow: 0 0 10px rgba(71, 255, 241, 0.6); /* 添加阴影效果 */
// box-shadow: 0 0 10px rgba(71, 255, 241, 0.6); /* 添加阴影效果 */
transform: translateY(-10px); /* 向上移动10像素 */
}
}

2
web/src/assets/css/running-job-list.styl
View File

@@ -12,7 +12,7 @@
height 200px
overflow hidden
padding 2px
background-color #555555
background-color var( --gray-btn-bg)
.job-item-inner {
position relative

53
web/src/assets/css/suno.styl
View File

@@ -1,7 +1,7 @@
.page-suno {
display flex
height 100%
background-color #0E0808
// background-color #0E0808
overflow auto
.left-bar {
@@ -24,7 +24,7 @@
.params {
padding 20px 0
color rgb(250 247 245)
color: var(--text-theme-color);
position relative
.pure-music {
@@ -77,6 +77,7 @@
opacity: 0.9;
}
}
.song {
display flex
@@ -137,6 +138,8 @@
bottom 10px
font-size 12px
padding 2px 5px
background-color var(--sm-btn-bg)
color: #fff
}
}
@@ -154,12 +157,16 @@
.tag {
margin-right 10px
word-break keep-all
background-color #312C2C
color #e1e1e1
border-radius 5px
background: var(--card-bg);
color:var(--theme-text-color-primary);
opacity 0.7
border-radius 8px
padding 3px 6px
cursor pointer
font-size 13px
&:hover{
color:var( --el-color-primary)
}
}
}
}
@@ -169,6 +176,8 @@
width 100%
color rgb(250 247 245)
overflow auto
background: var(--chat-bg)
.list-box {
padding 0 0 0 20px
@@ -180,7 +189,7 @@
margin-bottom 10px
&:hover {
background-color #2A2525
background: rgba(188,149,236,0.08)
}
.left {
@@ -247,18 +256,18 @@
font-weight 700
a {
color rgb(250 247 245)
color vae( --a-link-color)
&:hover {
text-decoration underline
}
}
.model {
color #E2E8F0
background-color #1C1616
border 1px solid #8f8f8f
color #8f8f8f
// background-color #1C1616
// border 1px solid #8f8f8f
font-weight normal
font-size 14px
font-size 12px
padding 1px 3px
border-radius 5px
margin-left 10px
@@ -271,7 +280,7 @@
.tags {
font-size 14px
color #d1d1d1
color var(--el-text-color-primary)
padding 3px 0
}
}
@@ -303,8 +312,9 @@
color #726E6C
&:hover {
background #5f5958
color #e1e1e1
// background #5f5958
// color #e1e1e1
color:var(--el-color-primary)
}
.downloading {
@@ -372,14 +382,25 @@
.btn {
margin-right 10px
background-color #363030
color: #000
border none
border-radius 5px
padding 5px 10px
cursor pointer
&:hover {
background-color #5F5958
opacity :0.8
}
}
}
.submit-btn {
display flex
align-items: center
margin: 20px 0
justify-content: center;
.el-button {
width 200px
}
}

12
web/src/assets/css/theme-dark.styl
View File

@@ -20,7 +20,9 @@
}
--btnColor: linear-gradient(88deg, #af61f0 1.44%, #5b62ce);
--border-active:rgba(255, 255, 255, 0.1);
--card-bg: rgba(17, 28, 68, 1);
// --card-bg: rgba(17, 28, 68, 1);
--card-bg: #1f243f;
--card-bg-table: rgba(17, 28, 68, 1);
--theme-bg:rgb(13, 20, 53);
--theme-bg-all:rgb(13, 20, 53);
--sign-bg: rgba(27, 37, 75, 1);
@@ -28,7 +30,7 @@
--text-color-primary: #d1c7ff;
--el-text-color-regular: rgba(163, 174, 208, 1)
--el-border-color:rgb(79, 80, 85)
--el-text-color-primary: #fff;
--el-text-color-primary: #fff;//黑白切换
--el-bg-color-overlay: rgba(17, 28, 68, 1);
--el-border-color-light: rgba(255, 255, 255, 0.2);
--line-box:rgba(255, 255, 255, 0.1);
@@ -39,6 +41,7 @@
--el-color-primary-light-9:rgba(86, 86, 95, .2);
--chat-wel-bg:#2d2f388a;
--theme-text-color-secondary: #a3aed0;
// --el-pagination-button-bg-color: rgba(86,86,95,0.2);
//layout
.more-menus li.moreTitle,
@@ -52,9 +55,14 @@
.more-menus span.title{
color:#000;
}
.menu-list .menu-list-item.active .el-icon{
background: #0080006e;
}
--theme-text-color-primary: #fff;
--theme-text-primary: #f3f3f3;
--chat-content-bg:rgba(86, 86, 95, .2);
--chat-content-bg-list:rgba(86, 86, 95, .2);
// --theme-text-tertiary: #e1e1e1;
}

2
web/src/assets/css/theme-light.styl
View File

@@ -45,7 +45,7 @@
--chat-list-bg: #0302020a;
--chat-content-bg-list:#fff;
--chat-wel-bg:rgba(247, 247, 248, 1);
--el-pagination-button-bg-color: rgba(86,86,95,0.2);
}

2
web/src/assets/css/waterfall-list.styl
View File

@@ -73,7 +73,7 @@
.animate {
&:hover {
box-shadow: 0 0 10px rgba(71, 255, 241, 0.6); /* 添加阴影效果 */
box-shadow: 0 0 10px var(--shadow-color); /* 添加阴影效果 */
transform: translateY(-10px); /* 向上移动10像素 */
}
}

BIN
web/src/assets/img/no-data.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB