Hugging Face's logo

Spaces:
ZJunTvT
/
ZJunChat
Runtime error

App Files
ZJunTvT commited on
Commit
28c8fe6
·
1 Parent(s): 243a08a

Update assets/custom.css

Browse files
Files changed (1) hide show
  1. assets/custom.css +198 -0
assets/custom.css CHANGED
@@ -1,6 +1,204 @@
1
  :root {
2
  --chatbot-color-light: #F3F3F3;
3
  --chatbot-color-dark: #121111;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  }
5
 
6
  #app_title {
 
1
  :root {
2
  --chatbot-color-light: #F3F3F3;
3
  --chatbot-color-dark: #121111;
4
+ --name: soft;
5
+ --primary-50: #02C160;
6
+ --primary-100: rgba(137, 207, 240, 0.2);
7
+ --primary-200: #02C160;
8
+ --primary-300: rgba(2, 193, 96, 0.32);
9
+ --primary-400: rgba(2, 193, 96, 0.32);
10
+ --primary-500: #4169E1;
11
+ --primary-600: #4169E1;
12
+ --primary-700: rgba(2, 193, 96, 0.32);
13
+ --primary-800: rgba(2, 193, 96, 0.32);
14
+ --primary-900: #02C160;
15
+ --primary-950: #02C160;
16
+ --secondary-50: #576b95;
17
+ --secondary-100: #576b95;
18
+ --secondary-200: #576b95;
19
+ --secondary-300: #576b95;
20
+ --secondary-400: #576b95;
21
+ --secondary-500: #576b95;
22
+ --secondary-600: #576b95;
23
+ --secondary-700: #576b95;
24
+ --secondary-800: #576b95;
25
+ --secondary-900: #576b95;
26
+ --secondary-950: #576b95;
27
+ --neutral-50: #f9fafb;
28
+ --neutral-100: #f3f4f6;
29
+ --neutral-200: #e5e7eb;
30
+ --neutral-300: #d1d5db;
31
+ --neutral-400: #B2B2B2;
32
+ --neutral-500: #808080;
33
+ --neutral-600: #636363;
34
+ --neutral-700: #515151;
35
+ --neutral-800: #393939;
36
+ --neutral-900: #272727;
37
+ --neutral-950: #171717;
38
+ --spacing-xxs: 1px;
39
+ --spacing-xs: 2px;
40
+ --spacing-sm: 4px;
41
+ --spacing-md: 6px;
42
+ --spacing-lg: 8px;
43
+ --spacing-xl: 10px;
44
+ --spacing-xxl: 16px;
45
+ --radius-xxs: 1px;
46
+ --radius-xs: 1px;
47
+ --radius-sm: 2px;
48
+ --radius-md: 4px;
49
+ --radius-lg: 6px;
50
+ --radius-xl: 8px;
51
+ --radius-xxl: 12px;
52
+ --text-xxs: 9px;
53
+ --text-xs: 10px;
54
+ --text-sm: 12px;
55
+ --text-md: 14px;
56
+ --text-lg: 16px;
57
+ --text-xl: 22px;
58
+ --text-xxl: 26px;
59
+ --font: 'Montserrat', 'ui-sans-serif', 'system-ui', sans-serif;
60
+ --font-mono: 'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace;
61
+ --body-background-fill: var(--background-fill-primary);
62
+ --body-text-color: var(--neutral-800);
63
+ --body-text-size: var(--text-md);
64
+ --body-text-weight: 400;
65
+ --embed-radius: var(--radius-lg);
66
+ --color-accent: var(--primary-500);
67
+ --color-accent-soft: var(--primary-50);
68
+ --background-fill-primary: white;
69
+ --background-fill-secondary: var(--neutral-50);
70
+ --border-color-accent: var(--primary-300);
71
+ --border-color-primary: var(--neutral-200);
72
+ --link-text-color: var(--secondary-600);
73
+ --link-text-color-active: var(--secondary-600);
74
+ --link-text-color-hover: var(--secondary-700);
75
+ --link-text-color-visited: var(--secondary-500);
76
+ --body-text-color-subdued: var(--neutral-400);
77
+ --shadow-drop: 0 1px 4px 0 rgb(0 0 0 / 0.1);
78
+ --shadow-drop-lg: 0 2px 5px 0 rgb(0 0 0 / 0.1);
79
+ --shadow-inset: rgba(0, 0, 0, 0.05) 0px 2px 4px 0px inset;
80
+ --shadow-spread: 6px;
81
+ --block-background-fill: white;
82
+ --block-border-color: var(--border-color-primary);
83
+ --block-border-width: 0px;
84
+ --block-info-text-color: var(--body-text-color-subdued);
85
+ --block-info-text-size: var(--text-sm);
86
+ --block-info-text-weight: 400;
87
+ --block-label-background-fill: var(--primary-100);
88
+ --block-label-border-color: var(--border-color-primary);
89
+ --block-label-border-width: 1px;
90
+ --block-label-text-color: var(--primary-500);
91
+ --block-label-margin: var(--spacing-md);
92
+ --block-label-padding: var(--spacing-sm) var(--spacing-md);
93
+ --block-label-radius: var(--radius-md);
94
+ --block-label-right-radius: 0 calc(var(--radius-lg) - 1px) 0 calc(var(--radius-lg) - 1px);
95
+ --block-label-text-size: var(--text-md);
96
+ --block-label-text-weight: 600;
97
+ --block-padding: var(--spacing-xl) calc(var(--spacing-xl) + 2px);
98
+ --block-radius: var(--radius-lg);
99
+ --block-shadow: none;
100
+ --block-title-background-fill: var(--primary-100);
101
+ --block-title-border-color: none;
102
+ --block-title-border-width: 0px;
103
+ --block-title-text-color: var(--primary-500);
104
+ --block-title-padding: var(--block-label-padding);
105
+ --block-title-radius: var(--block-label-radius);
106
+ --block-title-text-size: var(--text-md);
107
+ --block-title-text-weight: 600;
108
+ --container-radius: var(--radius-lg);
109
+ --form-gap-width: 0px;
110
+ --layout-gap: var(--spacing-xxl);
111
+ --panel-background-fill: var(--background-fill-secondary);
112
+ --panel-border-color: var(--border-color-primary);
113
+ --panel-border-width: 1px;
114
+ --section-header-text-size: var(--text-md);
115
+ --section-header-text-weight: 400;
116
+ --checkbox-background-color: var(--background-fill-primary);
117
+ --checkbox-background-color-focus: var(--checkbox-background-color);
118
+ --checkbox-background-color-hover: var(--checkbox-background-color);
119
+ --checkbox-background-color-selected: var(--primary-600);
120
+ --checkbox-border-color: var(--neutral-100);
121
+ --checkbox-border-color-focus: var(--primary-500);
122
+ --checkbox-border-color-hover: var(--neutral-300);
123
+ --checkbox-border-color-selected: var(--primary-600);
124
+ --checkbox-border-radius: var(--radius-sm);
125
+ --checkbox-border-width: 1px;
126
+ --checkbox-label-background-fill: var(--button-secondary-background-fill);
127
+ --checkbox-label-background-fill-hover: var(--button-secondary-background-fill-hover);
128
+ --checkbox-label-background-fill-selected: var(--primary-500);
129
+ --checkbox-label-border-color: var(--border-color-primary);
130
+ --checkbox-label-border-color-hover: var(--checkbox-label-border-color);
131
+ --checkbox-label-border-width: var(--input-border-width);
132
+ --checkbox-label-gap: var(--spacing-lg);
133
+ --checkbox-label-padding: var(--spacing-md) calc(2 * var(--spacing-md));
134
+ --checkbox-label-shadow: var(--shadow-drop-lg);
135
+ --checkbox-label-text-size: var(--text-md);
136
+ --checkbox-label-text-weight: 400;
137
+ --checkbox-check: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
138
+ --radio-circle: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
139
+ --checkbox-shadow: none;
140
+ --checkbox-label-text-color: var(--body-text-color);
141
+ --checkbox-label-text-color-selected: white;
142
+ --error-background-fill: #fee2e2;
143
+ --error-border-color: #fecaca;
144
+ --error-border-width: 1px;
145
+ --error-text-color: #ef4444;
146
+ --input-background-fill: #F6F6F6;
147
+ --input-background-fill-focus: var(--secondary-500);
148
+ --input-background-fill-hover: var(--input-background-fill);
149
+ --input-border-color: var(--neutral-50);
150
+ --input-border-color-focus: var(--secondary-300);
151
+ --input-border-color-hover: var(--input-border-color);
152
+ --input-border-width: 0px;
153
+ --input-padding: var(--spacing-xl);
154
+ --input-placeholder-color: var(--neutral-400);
155
+ --input-radius: var(--radius-lg);
156
+ --input-shadow: var(--shadow-drop);
157
+ --input-shadow-focus: var(--shadow-drop-lg);
158
+ --input-text-size: var(--text-md);
159
+ --input-text-weight: 400;
160
+ --loader-color: var(--color-accent);
161
+ --prose-text-size: var(--text-md);
162
+ --prose-text-weight: 400;
163
+ --prose-header-text-weight: 600;
164
+ --slider-color: var(--primary-500);
165
+ --stat-background-fill: var(--primary-300);
166
+ --table-border-color: var(--neutral-300);
167
+ --table-even-background-fill: white;
168
+ --table-odd-background-fill: var(--neutral-50);
169
+ --table-radius: var(--radius-lg);
170
+ --table-row-focus: var(--color-accent-soft);
171
+ --button-border-width: var(--input-border-width);
172
+ --button-cancel-background-fill: var(--button-secondary-background-fill);
173
+ --button-cancel-background-fill-hover: var(--button-secondary-background-fill-hover);
174
+ --button-cancel-border-color: var(--button-secondary-border-color);
175
+ --button-cancel-border-color-hover: var(--button-cancel-border-color);
176
+ --button-cancel-text-color: var(--button-secondary-text-color);
177
+ --button-cancel-text-color-hover: var(--button-cancel-text-color);
178
+ --button-large-padding: var(--spacing-lg) calc(2 * var(--spacing-lg));
179
+ --button-large-radius: var(--radius-lg);
180
+ --button-large-text-size: var(--text-lg);
181
+ --button-large-text-weight: 600;
182
+ --button-primary-background-fill: #0476D0;
183
+ --button-primary-background-fill-hover: #07C863;
184
+ --button-primary-border-color: #06AE56;
185
+ --button-primary-border-color-hover: var(--button-primary-border-color);
186
+ --button-primary-text-color: #FFFFFF;
187
+ --button-primary-text-color-hover: var(--button-primary-text-color);
188
+ --button-secondary-background-fill: #F2F2F2;
189
+ --button-secondary-background-fill-hover: var(--neutral-100);
190
+ --button-secondary-border-color: var(--neutral-200);
191
+ --button-secondary-border-color-hover: var(--button-secondary-border-color);
192
+ --button-secondary-text-color: #393939;
193
+ --button-secondary-text-color-hover: var(--button-secondary-text-color);
194
+ --button-shadow: var(--shadow-drop-lg);
195
+ --button-shadow-active: var(--shadow-inset);
196
+ --button-shadow-hover: var(--shadow-drop-lg);
197
+ --button-small-padding: var(--spacing-sm) calc(2 * var(--spacing-sm));
198
+ --button-small-radius: var(--radius-lg);
199
+ --button-small-text-size: var(--text-md);
200
+ --button-small-text-weight: 400;
201
+ --button-transition: background-color 0.2s ease;
202
  }
203
 
204
  #app_title {