Spaces:
Runtime error
Runtime error
Commit
·
d4541de
1
Parent(s):
b56a209
Fix dark mode
Browse files- assets/custom.css +14 -14
assets/custom.css
CHANGED
@@ -33,7 +33,7 @@ ol:not(.options), ul:not(.options) {
|
|
33 |
padding-inline-start: 2em !important;
|
34 |
}
|
35 |
|
36 |
-
/*
|
37 |
@media (prefers-color-scheme: light) {
|
38 |
#chuanhu_chatbot {
|
39 |
background-color: var(--chatbot-color-light) !important;
|
@@ -45,27 +45,27 @@ ol:not(.options), ul:not(.options) {
|
|
45 |
background-color: #95EC69 !important;
|
46 |
}
|
47 |
}
|
48 |
-
/*
|
49 |
@media (prefers-color-scheme: dark) {
|
50 |
-
#chuanhu_chatbot {
|
51 |
background-color: var(--chatbot-color-dark) !important;
|
52 |
}
|
53 |
-
[data-testid = "bot"] {
|
54 |
background-color: #2C2C2C !important;
|
55 |
}
|
56 |
-
[data-testid = "user"] {
|
57 |
background-color: #26B561 !important;
|
58 |
}
|
59 |
body {
|
60 |
background-color: var(--neutral-950) !important;
|
61 |
}
|
62 |
}
|
63 |
-
|
64 |
#chuanhu_chatbot {
|
65 |
-
|
66 |
-
|
67 |
-
|
68 |
-
|
69 |
[class *= "message"] {
|
70 |
border-radius: var(--radius-xl) !important;
|
71 |
border: none;
|
@@ -84,7 +84,7 @@ ol:not(.options), ul:not(.options) {
|
|
84 |
width: auto !important;
|
85 |
border-bottom-right-radius: 0 !important;
|
86 |
}
|
87 |
-
/*
|
88 |
table {
|
89 |
margin: 1em 0;
|
90 |
border-collapse: collapse;
|
@@ -100,7 +100,7 @@ thead {
|
|
100 |
thead th {
|
101 |
padding: .5em .2em;
|
102 |
}
|
103 |
-
/*
|
104 |
code {
|
105 |
display: inline;
|
106 |
white-space: break-spaces;
|
@@ -109,7 +109,7 @@ code {
|
|
109 |
padding: .2em .4em .1em .4em;
|
110 |
background-color: rgba(175,184,193,0.2);
|
111 |
}
|
112 |
-
/*
|
113 |
pre code {
|
114 |
display: block;
|
115 |
overflow: auto;
|
@@ -121,7 +121,7 @@ pre code {
|
|
121 |
color: #FFF;
|
122 |
box-shadow: 6px 6px 16px hsla(0, 0%, 0%, 0.2);
|
123 |
}
|
124 |
-
/*
|
125 |
.highlight .hll { background-color: #49483e }
|
126 |
.highlight .c { color: #75715e } /* Comment */
|
127 |
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
|
|
|
33 |
padding-inline-start: 2em !important;
|
34 |
}
|
35 |
|
36 |
+
/* Light Mode */
|
37 |
@media (prefers-color-scheme: light) {
|
38 |
#chuanhu_chatbot {
|
39 |
background-color: var(--chatbot-color-light) !important;
|
|
|
45 |
background-color: #95EC69 !important;
|
46 |
}
|
47 |
}
|
48 |
+
/* Dark Mode */
|
49 |
@media (prefers-color-scheme: dark) {
|
50 |
+
.dark #chuanhu_chatbot {
|
51 |
background-color: var(--chatbot-color-dark) !important;
|
52 |
}
|
53 |
+
.dark [data-testid = "bot"] {
|
54 |
background-color: #2C2C2C !important;
|
55 |
}
|
56 |
+
.dark [data-testid = "user"] {
|
57 |
background-color: #26B561 !important;
|
58 |
}
|
59 |
body {
|
60 |
background-color: var(--neutral-950) !important;
|
61 |
}
|
62 |
}
|
63 |
+
|
64 |
#chuanhu_chatbot {
|
65 |
+
height: 100%;
|
66 |
+
min-height: 400px;
|
67 |
+
}
|
68 |
+
|
69 |
[class *= "message"] {
|
70 |
border-radius: var(--radius-xl) !important;
|
71 |
border: none;
|
|
|
84 |
width: auto !important;
|
85 |
border-bottom-right-radius: 0 !important;
|
86 |
}
|
87 |
+
/* Table */
|
88 |
table {
|
89 |
margin: 1em 0;
|
90 |
border-collapse: collapse;
|
|
|
100 |
thead th {
|
101 |
padding: .5em .2em;
|
102 |
}
|
103 |
+
/* Inline code */
|
104 |
code {
|
105 |
display: inline;
|
106 |
white-space: break-spaces;
|
|
|
109 |
padding: .2em .4em .1em .4em;
|
110 |
background-color: rgba(175,184,193,0.2);
|
111 |
}
|
112 |
+
/* Code block */
|
113 |
pre code {
|
114 |
display: block;
|
115 |
overflow: auto;
|
|
|
121 |
color: #FFF;
|
122 |
box-shadow: 6px 6px 16px hsla(0, 0%, 0%, 0.2);
|
123 |
}
|
124 |
+
/* Hightlight */
|
125 |
.highlight .hll { background-color: #49483e }
|
126 |
.highlight .c { color: #75715e } /* Comment */
|
127 |
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
|