Spaces:
Sleeping
Sleeping
Keldos
commited on
Commit
•
d200cfa
1
Parent(s):
54020fc
fix: 修正主框架外背景颜色不匹配问题
Browse files- 另外`--bg-color-light`等变量名比较常用,为避免与默认变量冲突这里更换了原变量名
- custom.css +7 -4
custom.css
CHANGED
@@ -1,6 +1,6 @@
|
|
1 |
:root {
|
2 |
-
--
|
3 |
-
--
|
4 |
}
|
5 |
|
6 |
/* status_display */
|
@@ -18,7 +18,7 @@
|
|
18 |
/* 亮色 */
|
19 |
@media (prefers-color-scheme: light) {
|
20 |
#chuanhu_chatbot {
|
21 |
-
background-color: var(--
|
22 |
}
|
23 |
[data-testid = "bot"] {
|
24 |
background-color: #FFFFFF !important;
|
@@ -30,7 +30,7 @@
|
|
30 |
/* 暗色 */
|
31 |
@media (prefers-color-scheme: dark) {
|
32 |
#chuanhu_chatbot {
|
33 |
-
background-color: var(--
|
34 |
}
|
35 |
[data-testid = "bot"] {
|
36 |
background-color: #2C2C2C !important;
|
@@ -38,6 +38,9 @@
|
|
38 |
[data-testid = "user"] {
|
39 |
background-color: #26B561 !important;
|
40 |
}
|
|
|
|
|
|
|
41 |
}
|
42 |
/* 屏幕宽度大于等于500px的设备 */
|
43 |
@media screen and (min-width: 500px) {
|
|
|
1 |
:root {
|
2 |
+
--chatbot-color-light: #F3F3F3;
|
3 |
+
--chatbot-color-dark: #121111;
|
4 |
}
|
5 |
|
6 |
/* status_display */
|
|
|
18 |
/* 亮色 */
|
19 |
@media (prefers-color-scheme: light) {
|
20 |
#chuanhu_chatbot {
|
21 |
+
background-color: var(--chatbot-color-light) !important;
|
22 |
}
|
23 |
[data-testid = "bot"] {
|
24 |
background-color: #FFFFFF !important;
|
|
|
30 |
/* 暗色 */
|
31 |
@media (prefers-color-scheme: dark) {
|
32 |
#chuanhu_chatbot {
|
33 |
+
background-color: var(--chatbot-color-dark) !important;
|
34 |
}
|
35 |
[data-testid = "bot"] {
|
36 |
background-color: #2C2C2C !important;
|
|
|
38 |
[data-testid = "user"] {
|
39 |
background-color: #26B561 !important;
|
40 |
}
|
41 |
+
body {
|
42 |
+
background-color: var(--neutral-950) !important;
|
43 |
+
}
|
44 |
}
|
45 |
/* 屏幕宽度大于等于500px的设备 */
|
46 |
@media screen and (min-width: 500px) {
|