Update css_new.css

css_new.css

@@ -1,3 +1,55 @@
+:root {
+    --chatbot-color-light: #F3F3F3;
+    --chatbot-color-dark: #121111;
+}
+
+#submit {
+  background-color: #708090 !important;
+  border: 2px solid #708090; 
+  color: #000000; 
+}
+/* status_display */
+
+#status_display {
+    display: flex;
+    min-height: 2.5em;
+    align-items: flex-end;
+    justify-content: flex-end;
+}
+#status_display p {
+    font-size: .85em;
+    font-family: monospace;
+    color: var(--body-text-color-subdued);
+}
+
+#chuanhu_chatbot, #status_display {
+    transition: all 0.6s;
+}
+/* list */
+ol:not(.options), ul:not(.options) {
+    padding-inline-start: 2em !important;
+}
+
+/* 亮色 */
+#chuanhu_chatbot {
+    background-color: var(--chatbot-color-light) !important;
+}
+[data-testid = "bot"] {
+    background-color: #FFFFFF !important;
+}
+[data-testid = "user"] {
+    background-color: #95EC69 !important;
+}
+/* 对话气泡 */
+[class *= "message"] {
+    border-radius: var(--radius-xl) !important;
+    border: none;
+    padding: var(--spacing-xl) !important;
+    font-size: var(--text-md) !important;
+    line-height: var(--line-md) !important;
+    min-height: calc(var(--text-md)*var(--line-md) + 2*var(--spacing-xl));
+    min-width: calc(var(--text-md)*var(--line-md) + 2*var(--spacing-xl));
+}
 [data-testid = "bot"] {
     max-width: 85%;
     border-bottom-left-radius: 0 !important;
@@ -23,7 +75,7 @@ thead {
 thead th {
     padding: .5em .2em;
 }
-
+/* 行内代码 */
 code {
     display: inline;
     white-space: break-spaces;
@@ -32,7 +84,7 @@ code {
     padding: .2em .4em .1em .4em;
     background-color: rgba(175,184,193,0.2);
 }
-
+/* 代码块 */
 pre code {
     display: block;
     overflow: auto;