Keldos commited on
Commit
d200cfa
1 Parent(s): 54020fc

fix: 修正主框架外背景颜色不匹配问题

Browse files

- 另外`--bg-color-light`等变量名比较常用,为避免与默认变量冲突这里更换了原变量名

Files changed (1) hide show
  1. custom.css +7 -4
custom.css CHANGED
@@ -1,6 +1,6 @@
1
  :root {
2
- --bg-color-light: #F3F3F3;
3
- --bg-color-dark: #121111;
4
  }
5
 
6
  /* status_display */
@@ -18,7 +18,7 @@
18
  /* 亮色 */
19
  @media (prefers-color-scheme: light) {
20
  #chuanhu_chatbot {
21
- background-color: var(--bg-color-light) !important;
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(--bg-color-dark) !important;
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) {