Spaces:
Sleeping
Sleeping
Keldos
commited on
Commit
·
fcede48
1
Parent(s):
1ef5bdf
chore: 规范化CSS写法
Browse files- custom.css +9 -10
custom.css
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
/* status_display */
|
| 2 |
#status_display {
|
| 3 |
display: flex;
|
|
@@ -10,12 +15,7 @@
|
|
| 10 |
font-family: monospace;
|
| 11 |
color: var(--text-color-subdued) !important;
|
| 12 |
}
|
| 13 |
-
/*
|
| 14 |
-
:root {
|
| 15 |
-
--bg-color-light: #F3F3F3;
|
| 16 |
-
--bg-color-dark: #121111;
|
| 17 |
-
}
|
| 18 |
-
|
| 19 |
@media (prefers-color-scheme: light) {
|
| 20 |
#chuanhu_chatbot {
|
| 21 |
background-color: var(--bg-color-light) !important;
|
|
@@ -27,7 +27,7 @@
|
|
| 27 |
background-color: #95EC69 !important;
|
| 28 |
}
|
| 29 |
}
|
| 30 |
-
|
| 31 |
@media (prefers-color-scheme: dark) {
|
| 32 |
#chuanhu_chatbot {
|
| 33 |
background-color: var(--bg-color-dark) !important;
|
|
@@ -39,9 +39,8 @@
|
|
| 39 |
background-color: #26B561 !important;
|
| 40 |
}
|
| 41 |
}
|
| 42 |
-
|
| 43 |
/* 屏幕宽度大于等于500px的设备 */
|
| 44 |
-
@media (min-width: 500px) {
|
| 45 |
#chuanhu_chatbot {
|
| 46 |
height: calc(100vh - 200px);
|
| 47 |
}
|
|
@@ -50,7 +49,7 @@
|
|
| 50 |
}
|
| 51 |
}
|
| 52 |
/* 屏幕宽度小于500px的设备 */
|
| 53 |
-
@media (max-width: 499px) {
|
| 54 |
#chuanhu_chatbot {
|
| 55 |
height: calc(100vh - 140px);
|
| 56 |
}
|
|
|
|
| 1 |
+
:root {
|
| 2 |
+
--bg-color-light: #F3F3F3;
|
| 3 |
+
--bg-color-dark: #121111;
|
| 4 |
+
}
|
| 5 |
+
|
| 6 |
/* status_display */
|
| 7 |
#status_display {
|
| 8 |
display: flex;
|
|
|
|
| 15 |
font-family: monospace;
|
| 16 |
color: var(--text-color-subdued) !important;
|
| 17 |
}
|
| 18 |
+
/* 亮色 */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 19 |
@media (prefers-color-scheme: light) {
|
| 20 |
#chuanhu_chatbot {
|
| 21 |
background-color: var(--bg-color-light) !important;
|
|
|
|
| 27 |
background-color: #95EC69 !important;
|
| 28 |
}
|
| 29 |
}
|
| 30 |
+
/* 暗色 */
|
| 31 |
@media (prefers-color-scheme: dark) {
|
| 32 |
#chuanhu_chatbot {
|
| 33 |
background-color: var(--bg-color-dark) !important;
|
|
|
|
| 39 |
background-color: #26B561 !important;
|
| 40 |
}
|
| 41 |
}
|
|
|
|
| 42 |
/* 屏幕宽度大于等于500px的设备 */
|
| 43 |
+
@media screen and (min-width: 500px) {
|
| 44 |
#chuanhu_chatbot {
|
| 45 |
height: calc(100vh - 200px);
|
| 46 |
}
|
|
|
|
| 49 |
}
|
| 50 |
}
|
| 51 |
/* 屏幕宽度小于500px的设备 */
|
| 52 |
+
@media screen and (max-width: 499px) {
|
| 53 |
#chuanhu_chatbot {
|
| 54 |
height: calc(100vh - 140px);
|
| 55 |
}
|