alexkueck commited on
Commit
b40e224
1 Parent(s): 1b39c53

Create custom.css

Browse files
Files changed (1) hide show
  1. custom.css +191 -0
custom.css ADDED
@@ -0,0 +1,191 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ :root {
2
+ --chatbot-color-light: #F3F3F3;
3
+ --chatbot-color-dark: #121111;
4
+ }
5
+
6
+ /* status_display */
7
+ #status_display {
8
+ display: flex;
9
+ min-height: 2.5em;
10
+ align-items: flex-end;
11
+ justify-content: flex-end;
12
+ }
13
+ #status_display p {
14
+ font-size: .85em;
15
+ font-family: monospace;
16
+ color: var(--body-text-color-subdued);
17
+ }
18
+
19
+
20
+
21
+ /* usage_display */
22
+ #usage_display {
23
+ height: 1em;
24
+ }
25
+ #usage_display p{
26
+ padding: 0 1em;
27
+ font-size: .85em;
28
+ font-family: monospace;
29
+ color: var(--body-text-color-subdued);
30
+ }
31
+ /* list */
32
+ ol:not(.options), ul:not(.options) {
33
+ padding-inline-start: 2em !important;
34
+ }
35
+
36
+ /* Thank @Keldos-Li for fixing it */
37
+ /* Light mode (default) */
38
+ #chuanhu_chatbot {
39
+ background-color: var(--chatbot-color-light) !important;
40
+ color: #000000 !important;
41
+ }
42
+ [data-testid = "bot"] {
43
+ background-color: #FFFFFF !important;
44
+ }
45
+ [data-testid = "user"] {
46
+ background-color: #95EC69 !important;
47
+ }
48
+
49
+ /* Dark mode */
50
+ .dark #chuanhu_chatbot {
51
+ background-color: var(--chatbot-color-dark) !important;
52
+ color: #FFFFFF !important;
53
+ }
54
+ .dark [data-testid = "bot"] {
55
+ background-color: #2C2C2C !important;
56
+ }
57
+ .dark [data-testid = "user"] {
58
+ background-color: #26B561 !important;
59
+ }
60
+
61
+ #chuanhu_chatbot {
62
+ height: 100%;
63
+ min-height: 400px;
64
+ }
65
+
66
+ [class *= "message"] {
67
+ border-radius: var(--radius-xl) !important;
68
+ border: none;
69
+ padding: var(--spacing-xl) !important;
70
+ font-size: var(--text-md) !important;
71
+ line-height: var(--line-md) !important;
72
+ min-height: calc(var(--text-md)*var(--line-md) + 2*var(--spacing-xl));
73
+ min-width: calc(var(--text-md)*var(--line-md) + 2*var(--spacing-xl));
74
+ }
75
+ [data-testid = "bot"] {
76
+ max-width: 85%;
77
+ border-bottom-left-radius: 0 !important;
78
+ }
79
+ [data-testid = "user"] {
80
+ max-width: 85%;
81
+ width: auto !important;
82
+ border-bottom-right-radius: 0 !important;
83
+ }
84
+ /* Table */
85
+ table {
86
+ margin: 1em 0;
87
+ border-collapse: collapse;
88
+ empty-cells: show;
89
+ }
90
+ td,th {
91
+ border: 1.2px solid var(--border-color-primary) !important;
92
+ padding: 0.2em;
93
+ }
94
+ thead {
95
+ background-color: rgba(175,184,193,0.2);
96
+ }
97
+ thead th {
98
+ padding: .5em .2em;
99
+ }
100
+ /* Inline code */
101
+ #chuanhu_chatbot code {
102
+ display: inline;
103
+ white-space: break-spaces;
104
+ border-radius: 6px;
105
+ margin: 0 2px 0 2px;
106
+ padding: .2em .4em .1em .4em;
107
+ background-color: rgba(175,184,193,0.2);
108
+ }
109
+ /* Code block */
110
+ #chuanhu_chatbot pre code {
111
+ display: block;
112
+ overflow: auto;
113
+ white-space: pre;
114
+ background-color: hsla(0, 0%, 0%, 80%)!important;
115
+ border-radius: 10px;
116
+ padding: 1.4em 1.2em 0em 1.4em;
117
+ margin: 1.2em 2em 1.2em 0.5em;
118
+ color: #FFF;
119
+ box-shadow: 6px 6px 16px hsla(0, 0%, 0%, 0.2);
120
+ }
121
+ /* Hightlight */
122
+ #chuanhu_chatbot .highlight { background-color: transparent }
123
+ #chuanhu_chatbot .highlight .hll { background-color: #49483e }
124
+ #chuanhu_chatbot .highlight .c { color: #75715e } /* Comment */
125
+ #chuanhu_chatbot .highlight .err { color: #960050; background-color: #1e0010 } /* Error */
126
+ #chuanhu_chatbot .highlight .k { color: #66d9ef } /* Keyword */
127
+ #chuanhu_chatbot .highlight .l { color: #ae81ff } /* Literal */
128
+ #chuanhu_chatbot .highlight .n { color: #f8f8f2 } /* Name */
129
+ #chuanhu_chatbot .highlight .o { color: #f92672 } /* Operator */
130
+ #chuanhu_chatbot .highlight .p { color: #f8f8f2 } /* Punctuation */
131
+ #chuanhu_chatbot .highlight .ch { color: #75715e } /* Comment.Hashbang */
132
+ #chuanhu_chatbot .highlight .cm { color: #75715e } /* Comment.Multiline */
133
+ #chuanhu_chatbot .highlight .cp { color: #75715e } /* Comment.Preproc */
134
+ #chuanhu_chatbot .highlight .cpf { color: #75715e } /* Comment.PreprocFile */
135
+ #chuanhu_chatbot .highlight .c1 { color: #75715e } /* Comment.Single */
136
+ #chuanhu_chatbot .highlight .cs { color: #75715e } /* Comment.Special */
137
+ #chuanhu_chatbot .highlight .gd { color: #f92672 } /* Generic.Deleted */
138
+ #chuanhu_chatbot .highlight .ge { font-style: italic } /* Generic.Emph */
139
+ #chuanhu_chatbot .highlight .gi { color: #a6e22e } /* Generic.Inserted */
140
+ #chuanhu_chatbot .highlight .gs { font-weight: bold } /* Generic.Strong */
141
+ #chuanhu_chatbot .highlight .gu { color: #75715e } /* Generic.Subheading */
142
+ #chuanhu_chatbot .highlight .kc { color: #66d9ef } /* Keyword.Constant */
143
+ #chuanhu_chatbot .highlight .kd { color: #66d9ef } /* Keyword.Declaration */
144
+ #chuanhu_chatbot .highlight .kn { color: #f92672 } /* Keyword.Namespace */
145
+ #chuanhu_chatbot .highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
146
+ #chuanhu_chatbot .highlight .kr { color: #66d9ef } /* Keyword.Reserved */
147
+ #chuanhu_chatbot .highlight .kt { color: #66d9ef } /* Keyword.Type */
148
+ #chuanhu_chatbot .highlight .ld { color: #e6db74 } /* Literal.Date */
149
+ #chuanhu_chatbot .highlight .m { color: #ae81ff } /* Literal.Number */
150
+ #chuanhu_chatbot .highlight .s { color: #e6db74 } /* Literal.String */
151
+ #chuanhu_chatbot .highlight .na { color: #a6e22e } /* Name.Attribute */
152
+ #chuanhu_chatbot .highlight .nb { color: #f8f8f2 } /* Name.Builtin */
153
+ #chuanhu_chatbot .highlight .nc { color: #a6e22e } /* Name.Class */
154
+ #chuanhu_chatbot .highlight .no { color: #66d9ef } /* Name.Constant */
155
+ #chuanhu_chatbot .highlight .nd { color: #a6e22e } /* Name.Decorator */
156
+ #chuanhu_chatbot .highlight .ni { color: #f8f8f2 } /* Name.Entity */
157
+ #chuanhu_chatbot .highlight .ne { color: #a6e22e } /* Name.Exception */
158
+ #chuanhu_chatbot .highlight .nf { color: #a6e22e } /* Name.Function */
159
+ #chuanhu_chatbot .highlight .nl { color: #f8f8f2 } /* Name.Label */
160
+ #chuanhu_chatbot .highlight .nn { color: #f8f8f2 } /* Name.Namespace */
161
+ #chuanhu_chatbot .highlight .nx { color: #a6e22e } /* Name.Other */
162
+ #chuanhu_chatbot .highlight .py { color: #f8f8f2 } /* Name.Property */
163
+ #chuanhu_chatbot .highlight .nt { color: #f92672 } /* Name.Tag */
164
+ #chuanhu_chatbot .highlight .nv { color: #f8f8f2 } /* Name.Variable */
165
+ #chuanhu_chatbot .highlight .ow { color: #f92672 } /* Operator.Word */
166
+ #chuanhu_chatbot .highlight .w { color: #f8f8f2 } /* Text.Whitespace */
167
+ #chuanhu_chatbot .highlight .mb { color: #ae81ff } /* Literal.Number.Bin */
168
+ #chuanhu_chatbot .highlight .mf { color: #ae81ff } /* Literal.Number.Float */
169
+ #chuanhu_chatbot .highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
170
+ #chuanhu_chatbot .highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
171
+ #chuanhu_chatbot .highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
172
+ #chuanhu_chatbot .highlight .sa { color: #e6db74 } /* Literal.String.Affix */
173
+ #chuanhu_chatbot .highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
174
+ #chuanhu_chatbot .highlight .sc { color: #e6db74 } /* Literal.String.Char */
175
+ #chuanhu_chatbot .highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */
176
+ #chuanhu_chatbot .highlight .sd { color: #e6db74 } /* Literal.String.Doc */
177
+ #chuanhu_chatbot .highlight .s2 { color: #e6db74 } /* Literal.String.Double */
178
+ #chuanhu_chatbot .highlight .se { color: #ae81ff } /* Literal.String.Escape */
179
+ #chuanhu_chatbot .highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
180
+ #chuanhu_chatbot .highlight .si { color: #e6db74 } /* Literal.String.Interpol */
181
+ #chuanhu_chatbot .highlight .sx { color: #e6db74 } /* Literal.String.Other */
182
+ #chuanhu_chatbot .highlight .sr { color: #e6db74 } /* Literal.String.Regex */
183
+ #chuanhu_chatbot .highlight .s1 { color: #e6db74 } /* Literal.String.Single */
184
+ #chuanhu_chatbot .highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
185
+ #chuanhu_chatbot .highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
186
+ #chuanhu_chatbot .highlight .fm { color: #a6e22e } /* Name.Function.Magic */
187
+ #chuanhu_chatbot .highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
188
+ #chuanhu_chatbot .highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
189
+ #chuanhu_chatbot .highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
190
+ #chuanhu_chatbot .highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */
191
+ #chuanhu_chatbot .highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */