| :root { |
| --chatbot-color-light: #F3F3F3; |
| --chatbot-color-dark: #121111; |
| } |
|
|
| |
| #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); |
| } |
|
|
|
|
|
|
| |
| #usage_display { |
| height: 1em; |
| } |
|
|
| #usage_display p { |
| padding: 0 1em; |
| font-size: .85em; |
| font-family: monospace; |
| color: var(--body-text-color-subdued); |
| } |
|
|
| |
| ol:not(.options), |
| ul:not(.options) { |
| padding-inline-start: 2em !important; |
| } |
|
|
| |
| |
| #chuanhu_chatbot { |
| background-color: var(--chatbot-color-light) !important; |
| color: #000000 !important; |
| } |
|
|
| [data-testid="bot"] { |
| background-color: #FFFFFF !important; |
| } |
|
|
| [data-testid="user"] { |
| background-color: #a3d6ff !important; |
| } |
|
|
| |
| .dark #chuanhu_chatbot { |
| background-color: var(--chatbot-color-dark) !important; |
| color: #FFFFFF !important; |
| } |
|
|
| .dark [data-testid="bot"] { |
| background-color: #2C2C2C !important; |
| } |
|
|
| .dark [data-testid="user"] { |
| background-color: #a3d6ff !important; |
| } |
|
|
| #chuanhu_chatbot { |
| height: 100%; |
| min-height: 400px; |
| } |
|
|
| [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; |
| } |
|
|
| [data-testid="user"] { |
| max-width: 85%; |
| width: auto !important; |
| border-bottom-right-radius: 0 !important; |
| } |
|
|
| |
| table { |
| margin: 1em 0; |
| border-collapse: collapse; |
| empty-cells: show; |
| } |
|
|
| td, |
| th { |
| border: 1.2px solid var(--border-color-primary) !important; |
| padding: 0.2em; |
| } |
|
|
| thead { |
| background-color: rgba(175, 184, 193, 0.2); |
| } |
|
|
| thead th { |
| padding: .5em .2em; |
| } |
|
|
| |
| #chuanhu_chatbot code { |
| display: inline; |
| white-space: break-spaces; |
| border-radius: 6px; |
| margin: 0 2px 0 2px; |
| padding: .2em .4em .1em .4em; |
| background-color: rgba(175, 184, 193, 0.2); |
| } |
|
|
| |
| #chuanhu_chatbot pre code { |
| display: block; |
| overflow: auto; |
| white-space: pre; |
| background-color: hsla(0, 0%, 0%, 80%) !important; |
| border-radius: 10px; |
| padding: 1.4em 1.2em 0em 1.4em; |
| margin: 1.2em 2em 1.2em 0.5em; |
| color: #FFF; |
| box-shadow: 6px 6px 16px hsla(0, 0%, 0%, 0.2); |
| } |
