Hugging Face's logo

Spaces:
Boobs00
/
robutt-plugin
Running

App Files Community
Boobs00 commited on
Commit
d2bf541
·
verified ·
1 Parent(s): dd2da55

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +2292 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Robutt Plugin
3
- emoji: 🦀
4
- colorFrom: green
5
- colorTo: purple
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: robutt-plugin
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: pink
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,2292 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Hermit Dev Tools Pro - Plugin System</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script>
9
+ tailwind.config = {
10
+ theme: {
11
+ extend: {
12
+ colors: {
13
+ 'hermit-blue': '#2563eb',
14
+ 'hermit-purple': '#7c3aed',
15
+ 'hermit-pink': '#ec4899',
16
+ 'hermit-dark': '#1e293b',
17
+ 'hermit-light': '#f8fafc',
18
+ },
19
+ fontFamily: {
20
+ 'sans': ['Inter', 'ui-sans-serif', 'system-ui'],
21
+ 'mono': ['Fira Code', 'ui-monospace', 'SFMono-Regular'],
22
+ },
23
+ }
24
+ }
25
+ }
26
+ </script>
27
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
28
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap">
29
+ <style>
30
+ :root {
31
+ --hermit-accent: #2563eb;
32
+ --hermit-secondary: #7c3aed;
33
+ }
34
+
35
+ body {
36
+ font-family: 'Inter', sans-serif;
37
+ background-color: #f8fafc;
38
+ color: #1e293b;
39
+ }
40
+
41
+ .code-font {
42
+ font-family: 'Fira Code', monospace;
43
+ }
44
+
45
+ .plugin-card {
46
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
47
+ border: 1px solid #e2e8f0;
48
+ position: relative;
49
+ overflow: hidden;
50
+ }
51
+
52
+ .plugin-card:hover {
53
+ transform: translateY(-5px);
54
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
55
+ border-color: var(--hermit-accent);
56
+ }
57
+
58
+ .plugin-card::before {
59
+ content: '';
60
+ position: absolute;
61
+ top: 0;
62
+ left: 0;
63
+ width: 4px;
64
+ height: 0;
65
+ background-color: var(--hermit-accent);
66
+ transition: height 0.3s ease;
67
+ }
68
+
69
+ .plugin-card:hover::before {
70
+ height: 100%;
71
+ }
72
+
73
+ .star-rating {
74
+ color: #fbbf24;
75
+ }
76
+
77
+ .tab-active {
78
+ border-bottom: 3px solid var(--hermit-accent);
79
+ color: var(--hermit-accent);
80
+ font-weight: 600;
81
+ }
82
+
83
+ .plugin-badge {
84
+ position: absolute;
85
+ top: -8px;
86
+ right: -8px;
87
+ width: 24px;
88
+ height: 24px;
89
+ border-radius: 50%;
90
+ display: flex;
91
+ align-items: center;
92
+ justify-content: center;
93
+ font-size: 12px;
94
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
95
+ }
96
+
97
+ .dropdown-content {
98
+ display: none;
99
+ position: absolute;
100
+ right: 0;
101
+ min-width: 200px;
102
+ z-index: 50;
103
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
104
+ border-radius: 0.5rem;
105
+ background-color: white;
106
+ }
107
+
108
+ .dropdown:hover .dropdown-content {
109
+ display: block;
110
+ animation: fadeIn 0.2s ease-out;
111
+ }
112
+
113
+ @keyframes fadeIn {
114
+ from { opacity: 0; transform: translateY(-10px); }
115
+ to { opacity: 1; transform: translateY(0); }
116
+ }
117
+
118
+ .progress-bar {
119
+ height: 6px;
120
+ border-radius: 3px;
121
+ background-color: #e5e7eb;
122
+ }
123
+
124
+ .progress-fill {
125
+ height: 100%;
126
+ border-radius: 3px;
127
+ background-color: var(--hermit-accent);
128
+ transition: width 0.3s ease;
129
+ }
130
+
131
+ .skeleton {
132
+ animation: pulse 2s infinite;
133
+ background-color: #e5e7eb;
134
+ }
135
+
136
+ @keyframes pulse {
137
+ 0%, 100% { opacity: 1; }
138
+ 50% { opacity: 0.5; }
139
+ }
140
+
141
+ .tag {
142
+ transition: all 0.2s ease;
143
+ }
144
+
145
+ .tag:hover {
146
+ transform: scale(1.05);
147
+ }
148
+
149
+ .modal-overlay {
150
+ background-color: rgba(0, 0, 0, 0.5);
151
+ backdrop-filter: blur(5px);
152
+ }
153
+
154
+ .modal-content {
155
+ animation: modalFadeIn 0.3s ease-out;
156
+ }
157
+
158
+ @keyframes modalFadeIn {
159
+ from { opacity: 0; transform: translateY(20px); }
160
+ to { opacity: 1; transform: translateY(0); }
161
+ }
162
+
163
+ .plugin-icon {
164
+ transition: transform 0.3s ease;
165
+ }
166
+
167
+ .plugin-card:hover .plugin-icon {
168
+ transform: rotate(10deg);
169
+ }
170
+
171
+ .search-input:focus {
172
+ box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
173
+ }
174
+
175
+ .install-btn {
176
+ position: relative;
177
+ overflow: hidden;
178
+ }
179
+
180
+ .install-btn::after {
181
+ content: '';
182
+ position: absolute;
183
+ top: 50%;
184
+ left: 50%;
185
+ width: 5px;
186
+ height: 5px;
187
+ background: rgba(255, 255, 255, 0.5);
188
+ opacity: 0;
189
+ border-radius: 100%;
190
+ transform: scale(1, 1) translate(-50%, -50%);
191
+ transform-origin: 50% 50%;
192
+ }
193
+
194
+ .install-btn:focus:not(:active)::after {
195
+ animation: ripple 1s ease-out;
196
+ }
197
+
198
+ @keyframes ripple {
199
+ 0% {
200
+ transform: scale(0, 0);
201
+ opacity: 0.5;
202
+ }
203
+ 100% {
204
+ transform: scale(20, 20);
205
+ opacity: 0;
206
+ }
207
+ }
208
+
209
+ .notification-badge {
210
+ animation: ping 2s cubic-bezier(0, 0, 0.2, 1) infinite;
211
+ }
212
+
213
+ @keyframes ping {
214
+ 75%, 100% {
215
+ transform: scale(1.2);
216
+ opacity: 0;
217
+ }
218
+ }
219
+
220
+ .sidebar {
221
+ transition: all 0.3s ease;
222
+ }
223
+
224
+ .sidebar-item:hover {
225
+ background-color: rgba(37, 99, 235, 0.1);
226
+ }
227
+
228
+ .sidebar-item.active {
229
+ background-color: rgba(37, 99, 235, 0.1);
230
+ border-left: 3px solid var(--hermit-accent);
231
+ }
232
+
233
+ .dark-mode {
234
+ background-color: #0f172a;
235
+ color: #f8fafc;
236
+ }
237
+
238
+ .dark-mode .plugin-card {
239
+ background-color: #1e293b;
240
+ border-color: #334155;
241
+ }
242
+
243
+ .dark-mode .dropdown-content {
244
+ background-color: #1e293b;
245
+ border: 1px solid #334155;
246
+ }
247
+
248
+ .dark-mode a, .dark-mode .text-gray-700 {
249
+ color: #e2e8f0;
250
+ }
251
+
252
+ .dark-mode .text-gray-600 {
253
+ color: #94a3b8;
254
+ }
255
+
256
+ .dark-mode .bg-gray-50 {
257
+ background-color: #1e293b;
258
+ }
259
+
260
+ .dark-mode .border-gray-200 {
261
+ border-color: #334155;
262
+ }
263
+
264
+ .dark-mode .search-input {
265
+ background-color: #1e293b;
266
+ border-color: #334155;
267
+ color: #f8fafc;
268
+ }
269
+
270
+ .dark-mode .search-input:focus {
271
+ box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.3);
272
+ }
273
+
274
+ .dark-mode .skeleton {
275
+ background-color: #334155;
276
+ }
277
+
278
+ .dark-mode .plugin-card:hover {
279
+ border-color: var(--hermit-accent);
280
+ }
281
+
282
+ .dark-mode .plugin-card::before {
283
+ background-color: var(--hermit-accent);
284
+ }
285
+
286
+ .dark-mode .dropdown-content a {
287
+ color: #e2e8f0;
288
+ }
289
+
290
+ .dark-mode .dropdown-content a:hover {
291
+ background-color: #334155;
292
+ }
293
+
294
+ .dark-mode .modal-content {
295
+ background-color: #1e293b;
296
+ color: #f8fafc;
297
+ }
298
+
299
+ .dark-mode .modal-content .text-gray-800 {
300
+ color: #f8fafc;
301
+ }
302
+
303
+ .dark-mode .modal-content .text-gray-600 {
304
+ color: #94a3b8;
305
+ }
306
+
307
+ .dark-mode .modal-content .bg-gray-50 {
308
+ background-color: #1e293b;
309
+ }
310
+
311
+ .dark-mode .modal-content .border-gray-200 {
312
+ border-color: #334155;
313
+ }
314
+
315
+ .dark-mode .modal-content .bg-gray-100 {
316
+ background-color: #334155;
317
+ color: #f8fafc;
318
+ }
319
+
320
+ .dark-mode .modal-content .bg-gray-100:hover {
321
+ background-color: #475569;
322
+ }
323
+
324
+ .dark-mode .modal-content .bg-blue-600 {
325
+ background-color: var(--hermit-accent);
326
+ }
327
+
328
+ .dark-mode .modal-content .bg-blue-600:hover {
329
+ background-color: #1d4ed8;
330
+ }
331
+
332
+ .dark-mode .modal-content .bg-red-100 {
333
+ background-color: #7f1d1d;
334
+ color: #fecaca;
335
+ }
336
+
337
+ .dark-mode .modal-content .bg-red-100:hover {
338
+ background-color: #991b1b;
339
+ }
340
+
341
+ .dark-mode .modal-content .bg-yellow-100 {
342
+ background-color: #713f12;
343
+ color: #fde68a;
344
+ }
345
+
346
+ .dark-mode .modal-content .bg-yellow-100:hover {
347
+ background-color: #854d0e;
348
+ }
349
+
350
+ .dark-mode .modal-content .bg-green-100 {
351
+ background-color: #14532d;
352
+ color: #bbf7d0;
353
+ }
354
+
355
+ .dark-mode .modal-content .bg-green-100:hover {
356
+ background-color: #166534;
357
+ }
358
+
359
+ .dark-mode .modal-content .bg-purple-100 {
360
+ background-color: #4c1d95;
361
+ color: #ddd6fe;
362
+ }
363
+
364
+ .dark-mode .modal-content .bg-purple-100:hover {
365
+ background-color: #5b21b6;
366
+ }
367
+
368
+ .dark-mode .modal-content .bg-indigo-100 {
369
+ background-color: #3730a3;
370
+ color: #c7d2fe;
371
+ }
372
+
373
+ .dark-mode .modal-content .bg-indigo-100:hover {
374
+ background-color: #4338ca;
375
+ }
376
+
377
+ .dark-mode .modal-content .bg-pink-100 {
378
+ background-color: #831843;
379
+ color: #fbcfe8;
380
+ }
381
+
382
+ .dark-mode .modal-content .bg-pink-100:hover {
383
+ background-color: #9d174d;
384
+ }
385
+
386
+ .dark-mode .modal-content .bg-teal-100 {
387
+ background-color: #134e4a;
388
+ color: #99f6e4;
389
+ }
390
+
391
+ .dark-mode .modal-content .bg-teal-100:hover {
392
+ background-color: #115e59;
393
+ }
394
+
395
+ .dark-mode .modal-content .bg-orange-100 {
396
+ background-color: #7c2d12;
397
+ color: #fed7aa;
398
+ }
399
+
400
+ .dark-mode .modal-content .bg-orange-100:hover {
401
+ background-color: #9a3412;
402
+ }
403
+
404
+ .dark-mode .modal-content .bg-gray-100 {
405
+ background-color: #334155;
406
+ color: #f8fafc;
407
+ }
408
+
409
+ .dark-mode .modal-content .bg-gray-100:hover {
410
+ background-color: #475569;
411
+ }
412
+
413
+ .dark-mode .modal-content .bg-blue-50 {
414
+ background-color: #1e3a8a;
415
+ color: #bfdbfe;
416
+ }
417
+
418
+ .dark-mode .modal-content .bg-blue-50:hover {
419
+ background-color: #1e40af;
420
+ }
421
+
422
+ .dark-mode .modal-content .bg-green-50 {
423
+ background-color: #14532d;
424
+ color: #bbf7d0;
425
+ }
426
+
427
+ .dark-mode .modal-content .bg-green-50:hover {
428
+ background-color: #166534;
429
+ }
430
+
431
+ .dark-mode .modal-content .bg-purple-50 {
432
+ background-color: #4c1d95;
433
+ color: #ddd6fe;
434
+ }
435
+
436
+ .dark-mode .modal-content .bg-purple-50:hover {
437
+ background-color: #5b21b6;
438
+ }
439
+
440
+ .dark-mode .modal-content .bg-yellow-50 {
441
+ background-color: #713f12;
442
+ color: #fde68a;
443
+ }
444
+
445
+ .dark-mode .modal-content .bg-yellow-50:hover {
446
+ background-color: #854d0e;
447
+ }
448
+
449
+ .dark-mode .modal-content .bg-red-50 {
450
+ background-color: #7f1d1d;
451
+ color: #fecaca;
452
+ }
453
+
454
+ .dark-mode .modal-content .bg-red-50:hover {
455
+ background-color: #991b1b;
456
+ }
457
+
458
+ .dark-mode .modal-content .bg-indigo-50 {
459
+ background-color: #3730a3;
460
+ color: #c7d2fe;
461
+ }
462
+
463
+ .dark-mode .modal-content .bg-indigo-50:hover {
464
+ background-color: #4338ca;
465
+ }
466
+
467
+ .dark-mode .modal-content .bg-pink-50 {
468
+ background-color: #831843;
469
+ color: #fbcfe8;
470
+ }
471
+
472
+ .dark-mode .modal-content .bg-pink-50:hover {
473
+ background-color: #9d174d;
474
+ }
475
+
476
+ .dark-mode .modal-content .bg-teal-50 {
477
+ background-color: #134e4a;
478
+ color: #99f6e4;
479
+ }
480
+
481
+ .dark-mode .modal-content .bg-teal-50:hover {
482
+ background-color: #115e59;
483
+ }
484
+
485
+ .dark-mode .modal-content .bg-orange-50 {
486
+ background-color: #7c2d12;
487
+ color: #fed7aa;
488
+ }
489
+
490
+ .dark-mode .modal-content .bg-orange-50:hover {
491
+ background-color: #9a3412;
492
+ }
493
+
494
+ .dark-mode .modal-content .bg-gray-50 {
495
+ background-color: #1e293b;
496
+ color: #f8fafc;
497
+ }
498
+
499
+ .dark-mode .modal-content .bg-gray-50:hover {
500
+ background-color: #334155;
501
+ }
502
+
503
+ .dark-mode .modal-content .bg-white {
504
+ background-color: #1e293b;
505
+ color: #f8fafc;
506
+ }
507
+
508
+ .dark-mode .modal-content .bg-white:hover {
509
+ background-color: #334155;
510
+ }
511
+
512
+ .dark-mode .modal-content .bg-black {
513
+ background-color: #f8fafc;
514
+ color: #1e293b;
515
+ }
516
+
517
+ .dark-mode .modal-content .bg-black:hover {
518
+ background-color: #e2e8f0;
519
+ }
520
+
521
+ .dark-mode .modal-content .bg-gray-200 {
522
+ background-color: #334155;
523
+ color: #f8fafc;
524
+ }
525
+
526
+ .dark-mode .modal-content .bg-gray-200:hover {
527
+ background-color: #475569;
528
+ }
529
+
530
+ .dark-mode .modal-content .bg-gray-300 {
531
+ background-color: #475569;
532
+ color: #f8fafc;
533
+ }
534
+
535
+ .dark-mode .modal-content .bg-gray-300:hover {
536
+ background-color: #64748b;
537
+ }
538
+
539
+ .dark-mode .modal-content .bg-gray-400 {
540
+ background-color: #64748b;
541
+ color: #f8fafc;
542
+ }
543
+
544
+ .dark-mode .modal-content .bg-gray-400:hover {
545
+ background-color: #94a3b8;
546
+ }
547
+
548
+ .dark-mode .modal-content .bg-gray-500 {
549
+ background-color: #94a3b8;
550
+ color: #f8fafc;
551
+ }
552
+
553
+ .dark-mode .modal-content .bg-gray-500:hover {
554
+ background-color: #cbd5e1;
555
+ }
556
+
557
+ .dark-mode .modal-content .bg-gray-600 {
558
+ background-color: #cbd5e1;
559
+ color: #1e293b;
560
+ }
561
+
562
+ .dark-mode .modal-content .bg-gray-600:hover {
563
+ background-color: #e2e8f0;
564
+ }
565
+
566
+ .dark-mode .modal-content .bg-gray-700 {
567
+ background-color: #e2e8f0;
568
+ color: #1e293b;
569
+ }
570
+
571
+ .dark-mode .modal-content .bg-gray-700:hover {
572
+ background-color: #f1f5f9;
573
+ }
574
+
575
+ .dark-mode .modal-content .bg-gray-800 {
576
+ background-color: #f1f5f9;
577
+ color: #1e293b;
578
+ }
579
+
580
+ .dark-mode .modal-content .bg-gray-800:hover {
581
+ background-color: #f8fafc;
582
+ }
583
+
584
+ .dark-mode .modal-content .bg-gray-900 {
585
+ background-color: #f8fafc;
586
+ color: #1e293b;
587
+ }
588
+
589
+ .dark-mode .modal-content .bg-gray-900:hover {
590
+ background-color: #ffffff;
591
+ }
592
+
593
+ .dark-mode .modal-content .bg-blue-100 {
594
+ background-color: #1e3a8a;
595
+ color: #bfdbfe;
596
+ }
597
+
598
+ .dark-mode .modal-content .bg-blue-100:hover {
599
+ background-color: #1e40af;
600
+ }
601
+
602
+ .dark-mode .modal-content .bg-blue-200 {
603
+ background-color: #1e40af;
604
+ color: #93c5fd;
605
+ }
606
+
607
+ .dark-mode .modal-content .bg-blue-200:hover {
608
+ background-color: #1d4ed8;
609
+ }
610
+
611
+ .dark-mode .modal-content .bg-blue-300 {
612
+ background-color: #1d4ed8;
613
+ color: #60a5fa;
614
+ }
615
+
616
+ .dark-mode .modal-content .bg-blue-300:hover {
617
+ background-color: #2563eb;
618
+ }
619
+
620
+ .dark-mode .modal-content .bg-blue-400 {
621
+ background-color: #2563eb;
622
+ color: #3b82f6;
623
+ }
624
+
625
+ .dark-mode .modal-content .bg-blue-400:hover {
626
+ background-color: #3b82f6;
627
+ }
628
+
629
+ .dark-mode .modal-content .bg-blue-500 {
630
+ background-color: #3b82f6;
631
+ color: #2563eb;
632
+ }
633
+
634
+ .dark-mode .modal-content .bg-blue-500:hover {
635
+ background-color: #1d4ed8;
636
+ }
637
+
638
+ .dark-mode .modal-content .bg-blue-600 {
639
+ background-color: #1d4ed8;
640
+ color: #1e40af;
641
+ }
642
+
643
+ .dark-mode .modal-content .bg-blue-600:hover {
644
+ background-color: #1e3a8a;
645
+ }
646
+
647
+ .dark-mode .modal-content .bg-blue-700 {
648
+ background-color: #1e3a8a;
649
+ color: #1e40af;
650
+ }
651
+
652
+ .dark-mode .modal-content .bg-blue-700:hover {
653
+ background-color: #1d4ed8;
654
+ }
655
+
656
+ .dark-mode .modal-content .bg-blue-800 {
657
+ background-color: #1e40af;
658
+ color: #1d4ed8;
659
+ }
660
+
661
+ .dark-mode .modal-content .bg-blue-800:hover {
662
+ background-color: #2563eb;
663
+ }
664
+
665
+ .dark-mode .modal-content .bg-blue-900 {
666
+ background-color: #1d4ed8;
667
+ color: #2563eb;
668
+ }
669
+
670
+ .dark-mode .modal-content .bg-blue-900:hover {
671
+ background-color: #3b82f6;
672
+ }
673
+
674
+ .dark-mode .modal-content .bg-indigo-100 {
675
+ background-color: #3730a3;
676
+ color: #c7d2fe;
677
+ }
678
+
679
+ .dark-mode .modal-content .bg-indigo-100:hover {
680
+ background-color: #4338ca;
681
+ }
682
+
683
+ .dark-mode .modal-content .bg-indigo-200 {
684
+ background-color: #4338ca;
685
+ color: #a5b4fc;
686
+ }
687
+
688
+ .dark-mode .modal-content .bg-indigo-200:hover {
689
+ background-color: #4f46e5;
690
+ }
691
+
692
+ .dark-mode .modal-content .bg-indigo-300 {
693
+ background-color: #4f46e5;
694
+ color: #818cf8;
695
+ }
696
+
697
+ .dark-mode .modal-content .bg-indigo-300:hover {
698
+ background-color: #6366f1;
699
+ }
700
+
701
+ .dark-mode .modal-content .bg-indigo-400 {
702
+ background-color: #6366f1;
703
+ color: #4f46e5;
704
+ }
705
+
706
+ .dark-mode .modal-content .bg-indigo-400:hover {
707
+ background-color: #4338ca;
708
+ }
709
+
710
+ .dark-mode .modal-content .bg-indigo-500 {
711
+ background-color: #4338ca;
712
+ color: #3730a3;
713
+ }
714
+
715
+ .dark-mode .modal-content .bg-indigo-500:hover {
716
+ background-color: #312e81;
717
+ }
718
+
719
+ .dark-mode .modal-content .bg-indigo-600 {
720
+ background-color: #3730a3;
721
+ color: #4338ca;
722
+ }
723
+
724
+ .dark-mode .modal-content .bg-indigo-600:hover {
725
+ background-color: #4f46e5;
726
+ }
727
+
728
+ .dark-mode .modal-content .bg-indigo-700 {
729
+ background-color: #4338ca;
730
+ color: #4f46e5;
731
+ }
732
+
733
+ .dark-mode .modal-content .bg-indigo-700:hover {
734
+ background-color: #6366f1;
735
+ }
736
+
737
+ .dark-mode .modal-content .bg-indigo-800 {
738
+ background-color: #4f46e5;
739
+ color: #6366f1;
740
+ }
741
+
742
+ .dark-mode .modal-content .bg-indigo-800:hover {
743
+ background-color: #818cf8;
744
+ }
745
+
746
+ .dark-mode .modal-content .bg-indigo-900 {
747
+ background-color: #6366f1;
748
+ color: #818cf8;
749
+ }
750
+
751
+ .dark-mode .modal-content .bg-indigo-900:hover {
752
+ background-color: #a5b4fc;
753
+ }
754
+
755
+ .dark-mode .modal-content .bg-purple-100 {
756
+ background-color: #4c1d95;
757
+ color: #ddd6fe;
758
+ }
759
+
760
+ .dark-mode .modal-content .bg-purple-100:hover {
761
+ background-color: #5b21b6;
762
+ }
763
+
764
+ .dark-mode .modal-content .bg-purple-200 {
765
+ background-color: #5b21b6;
766
+ color: #c4b5fd;
767
+ }
768
+
769
+ .dark-mode .modal-content .bg-purple-200:hover {
770
+ background-color: #6d28d9;
771
+ }
772
+
773
+ .dark-mode .modal-content .bg-purple-300 {
774
+ background-color: #6d28d9;
775
+ color: #a78bfa;
776
+ }
777
+
778
+ .dark-mode .modal-content .bg-purple-300:hover {
779
+ background-color: #7c3aed;
780
+ }
781
+
782
+ .dark-mode .modal-content .bg-purple-400 {
783
+ background-color: #7c3aed;
784
+ color: #6d28d9;
785
+ }
786
+
787
+ .dark-mode .modal-content .bg-purple-400:hover {
788
+ background-color: #5b21b6;
789
+ }
790
+
791
+ .dark-mode .modal-content .bg-purple-500 {
792
+ background-color: #5b21b6;
793
+ color: #4c1d95;
794
+ }
795
+
796
+ .dark-mode .modal-content .bg-purple-500:hover {
797
+ background-color: #3b0764;
798
+ }
799
+
800
+ .dark-mode .modal-content .bg-purple-600 {
801
+ background-color: #4c1d95;
802
+ color: #5b21b6;
803
+ }
804
+
805
+ .dark-mode .modal-content .bg-purple-600:hover {
806
+ background-color: #6d28d9;
807
+ }
808
+
809
+ .dark-mode .modal-content .bg-purple-700 {
810
+ background-color: #5b21b6;
811
+ color: #6d28d9;
812
+ }
813
+
814
+ .dark-mode .modal-content .bg-purple-700:hover {
815
+ background-color: #7c3aed;
816
+ }
817
+
818
+ .dark-mode .modal-content .bg-purple-800 {
819
+ background-color: #6d28d9;
820
+ color: #7c3aed;
821
+ }
822
+
823
+ .dark-mode .modal-content .bg-purple-800:hover {
824
+ background-color: #a78bfa;
825
+ }
826
+
827
+ .dark-mode .modal-content .bg-purple-900 {
828
+ background-color: #7c3aed;
829
+ color: #a78bfa;
830
+ }
831
+
832
+ .dark-mode .modal-content .bg-purple-900:hover {
833
+ background-color: #c4b5fd;
834
+ }
835
+
836
+ .dark-mode .modal-content .bg-pink-100 {
837
+ background-color: #831843;
838
+ color: #fbcfe8;
839
+ }
840
+
841
+ .dark-mode .modal-content .bg-pink-100:hover {
842
+ background-color: #9d174d;
843
+ }
844
+
845
+ .dark-mode .modal-content .bg-pink-200 {
846
+ background-color: #9d174d;
847
+ color: #f9a8d4;
848
+ }
849
+
850
+ .dark-mode .modal-content .bg-pink-200:hover {
851
+ background-color: #be185d;
852
+ }
853
+
854
+ .dark-mode .modal-content .bg-pink-300 {
855
+ background-color: #be185d;
856
+ color: #f472b6;
857
+ }
858
+
859
+ .dark-mode .modal-content .bg-pink-300:hover {
860
+ background-color: #ec4899;
861
+ }
862
+
863
+ .dark-mode .modal-content .bg-pink-400 {
864
+ background-color: #ec4899;
865
+ color: #be185d;
866
+ }
867
+
868
+ .dark-mode .modal-content .bg-pink-400:hover {
869
+ background-color: #9d174d;
870
+ }
871
+
872
+ .dark-mode .modal-content .bg-pink-500 {
873
+ background-color: #9d174d;
874
+ color: #831843;
875
+ }
876
+
877
+ .dark-mode .modal-content .bg-pink-500:hover {
878
+ background-color: #500724;
879
+ }
880
+
881
+ .dark-mode .modal-content .bg-pink-600 {
882
+ background-color: #831843;
883
+ color: #9d174d;
884
+ }
885
+
886
+ .dark-mode .modal-content .bg-pink-600:hover {
887
+ background-color: #be185d;
888
+ }
889
+
890
+ .dark-mode .modal-content .bg-pink-700 {
891
+ background-color: #9d174d;
892
+ color: #be185d;
893
+ }
894
+
895
+ .dark-mode .modal-content .bg-pink-700:hover {
896
+ background-color: #ec4899;
897
+ }
898
+
899
+ .dark-mode .modal-content .bg-pink-800 {
900
+ background-color: #be185d;
901
+ color: #ec4899;
902
+ }
903
+
904
+ .dark-mode .modal-content .bg-pink-800:hover {
905
+ background-color: #f472b6;
906
+ }
907
+
908
+ .dark-mode .modal-content .bg-pink-900 {
909
+ background-color: #ec4899;
910
+ color: #f472b6;
911
+ }
912
+
913
+ .dark-mode .modal-content .bg-pink-900:hover {
914
+ background-color: #f9a8d4;
915
+ }
916
+
917
+ .dark-mode .modal-content .bg-red-100 {
918
+ background-color: #7f1d1d;
919
+ color: #fecaca;
920
+ }
921
+
922
+ .dark-mode .modal-content .bg-red-100:hover {
923
+ background-color: #991b1b;
924
+ }
925
+
926
+ .dark-mode .modal-content .bg-red-200 {
927
+ background-color: #991b1b;
928
+ color: #fca5a5;
929
+ }
930
+
931
+ .dark-mode .modal-content .bg-red-200:hover {
932
+ background-color: #b91c1c;
933
+ }
934
+
935
+ .dark-mode .modal-content .bg-red-300 {
936
+ background-color: #b91c1c;
937
+ color: #f87171;
938
+ }
939
+
940
+ .dark-mode .modal-content .bg-red-300:hover {
941
+ background-color: #dc2626;
942
+ }
943
+
944
+ .dark-mode .modal-content .bg-red-400 {
945
+ background-color: #dc2626;
946
+ color: #b91c1c;
947
+ }
948
+
949
+ .dark-mode .modal-content .bg-red-400:hover {
950
+ background-color: #991b1b;
951
+ }
952
+
953
+ .dark-mode .modal-content .bg-red-500 {
954
+ background-color: #991b1b;
955
+ color: #7f1d1d;
956
+ }
957
+
958
+ .dark-mode .modal-content .bg-red-500:hover {
959
+ background-color: #450a0a;
960
+ }
961
+
962
+ .dark-mode .modal-content .bg-red-600 {
963
+ background-color: #7f1d1d;
964
+ color: #991b1b;
965
+ }
966
+
967
+ .dark-mode .modal-content .bg-red-600:hover {
968
+ background-color: #b91c1c;
969
+ }
970
+
971
+ .dark-mode .modal-content .bg-red-700 {
972
+ background-color: #991b1b;
973
+ color: #b91c1c;
974
+ }
975
+
976
+ .dark-mode .modal-content .bg-red-700:hover {
977
+ background-color: #dc2626;
978
+ }
979
+
980
+ .dark-mode .modal-content .bg-red-800 {
981
+ background-color: #b91c1c;
982
+ color: #dc2626;
983
+ }
984
+
985
+ .dark-mode .modal-content .bg-red-800:hover {
986
+ background-color: #f87171;
987
+ }
988
+
989
+ .dark-mode .modal-content .bg-red-900 {
990
+ background-color: #dc2626;
991
+ color: #f87171;
992
+ }
993
+
994
+ .dark-mode .modal-content .bg-red-900:hover {
995
+ background-color: #fca5a5;
996
+ }
997
+
998
+ .dark-mode .modal-content .bg-yellow-100 {
999
+ background-color: #713f12;
1000
+ color: #fde68a;
1001
+ }
1002
+
1003
+ .dark-mode .modal-content .bg-yellow-100:hover {
1004
+ background-color: #854d0e;
1005
+ }
1006
+
1007
+ .dark-mode .modal-content .bg-yellow-200 {
1008
+ background-color: #854d0e;
1009
+ color: #fcd34d;
1010
+ }
1011
+
1012
+ .dark-mode .modal-content .bg-yellow-200:hover {
1013
+ background-color: #a16207;
1014
+ }
1015
+
1016
+ .dark-mode .modal-content .bg-yellow-300 {
1017
+ background-color: #a16207;
1018
+ color: #fbbf24;
1019
+ }
1020
+
1021
+ .dark-mode .modal-content .bg-yellow-300:hover {
1022
+ background-color: #d97706;
1023
+ }
1024
+
1025
+ .dark-mode .modal-content .bg-yellow-400 {
1026
+ background-color: #d97706;
1027
+ color: #a16207;
1028
+ }
1029
+
1030
+ .dark-mode .modal-content .bg-yellow-400:hover {
1031
+ background-color: #854d0e;
1032
+ }
1033
+
1034
+ .dark-mode .modal-content .bg-yellow-500 {
1035
+ background-color: #854d0e;
1036
+ color: #713f12;
1037
+ }
1038
+
1039
+ .dark-mode .modal-content .bg-yellow-500:hover {
1040
+ background-color: #422006;
1041
+ }
1042
+
1043
+ .dark-mode .modal-content .bg-yellow-600 {
1044
+ background-color: #713f12;
1045
+ color: #854d0e;
1046
+ }
1047
+
1048
+ .dark-mode .modal-content .bg-yellow-600:hover {
1049
+ background-color: #a16207;
1050
+ }
1051
+
1052
+ .dark-mode .modal-content .bg-yellow-700 {
1053
+ background-color: #854d0e;
1054
+ color: #a16207;
1055
+ }
1056
+
1057
+ .dark-mode .modal-content .bg-yellow-700:hover {
1058
+ background-color: #d97706;
1059
+ }
1060
+
1061
+ .dark-mode .modal-content .bg-yellow-800 {
1062
+ background-color: #a16207;
1063
+ color: #d97706;
1064
+ }
1065
+
1066
+ .dark-mode .modal-content .bg-yellow-800:hover {
1067
+ background-color: #fbbf24;
1068
+ }
1069
+
1070
+ .dark-mode .modal-content .bg-yellow-900 {
1071
+ background-color: #d97706;
1072
+ color: #fbbf24;
1073
+ }
1074
+
1075
+ .dark-mode .modal-content .bg-yellow-900:hover {
1076
+ background-color: #fcd34d;
1077
+ }
1078
+
1079
+ .dark-mode .modal-content .bg-green-100 {
1080
+ background-color: #14532d;
1081
+ color: #bbf7d0;
1082
+ }
1083
+
1084
+ .dark-mode .modal-content .bg-green-100:hover {
1085
+ background-color: #166534;
1086
+ }
1087
+
1088
+ .dark-mode .modal-content .bg-green-200 {
1089
+ background-color: #166534;
1090
+ color: #86efac;
1091
+ }
1092
+
1093
+ .dark-mode .modal-content .bg-green-200:hover {
1094
+ background-color: #15803d;
1095
+ }
1096
+
1097
+ .dark-mode .modal-content .bg-green-300 {
1098
+ background-color: #15803d;
1099
+ color: #4ade80;
1100
+ }
1101
+
1102
+ .dark-mode .modal-content .bg-green-300:hover {
1103
+ background-color: #16a34a;
1104
+ }
1105
+
1106
+ .dark-mode .modal-content .bg-green-400 {
1107
+ background-color: #16a34a;
1108
+ color: #15803d;
1109
+ }
1110
+
1111
+ .dark-mode .modal-content .bg-green-400:hover {
1112
+ background-color: #166534;
1113
+ }
1114
+
1115
+ .dark-mode .modal-content .bg-green-500 {
1116
+ background-color: #166534;
1117
+ color: #14532d;
1118
+ }
1119
+
1120
+ .dark-mode .modal-content .bg-green-500:hover {
1121
+ background-color: #052e16;
1122
+ }
1123
+
1124
+ .dark-mode .modal-content .bg-green-600 {
1125
+ background-color: #14532d;
1126
+ color: #166534;
1127
+ }
1128
+
1129
+ .dark-mode .modal-content .bg-green-600:hover {
1130
+ background-color: #15803d;
1131
+ }
1132
+
1133
+ .dark-mode .modal-content .bg-green-700 {
1134
+ background-color: #166534;
1135
+ color: #15803d;
1136
+ }
1137
+
1138
+ .dark-mode .modal-content .bg-green-700:hover {
1139
+ background-color: #16a34a;
1140
+ }
1141
+
1142
+ .dark-mode .modal-content .bg-green-800 {
1143
+ background-color: #15803d;
1144
+ color: #16a34a;
1145
+ }
1146
+
1147
+ .dark-mode .modal-content .bg-green-800:hover {
1148
+ background-color: #4ade80;
1149
+ }
1150
+
1151
+ .dark-mode .modal-content .bg-green-900 {
1152
+ background-color: #16a34a;
1153
+ color: #4ade80;
1154
+ }
1155
+
1156
+ .dark-mode .modal-content .bg-green-900:hover {
1157
+ background-color: #86efac;
1158
+ }
1159
+
1160
+ .dark-mode .modal-content .bg-teal-100 {
1161
+ background-color: #134e4a;
1162
+ color: #99f6e4;
1163
+ }
1164
+
1165
+ .dark-mode .modal-content .bg-teal-100:hover {
1166
+ background-color: #115e59;
1167
+ }
1168
+
1169
+ .dark-mode .modal-content .bg-teal-200 {
1170
+ background-color: #115e59;
1171
+ color: #5eead4;
1172
+ }
1173
+
1174
+ .dark-mode .modal-content .bg-teal-200:hover {
1175
+ background-color: #0f766e;
1176
+ }
1177
+
1178
+ .dark-mode .modal-content .bg-teal-300 {
1179
+ background-color: #0f766e;
1180
+ color: #2dd4bf;
1181
+ }
1182
+
1183
+ .dark-mode .modal-content .bg-teal-300:hover {
1184
+ background-color: #0d9488;
1185
+ }
1186
+
1187
+ .dark-mode .modal-content .bg-teal-400 {
1188
+ background-color: #0d9488;
1189
+ color: #0f766e;
1190
+ }
1191
+
1192
+ .dark-mode .modal-content .bg-teal-400:hover {
1193
+ background-color: #115e59;
1194
+ }
1195
+
1196
+ .dark-mode .modal-content .bg-teal-500 {
1197
+ background-color: #115e59;
1198
+ color: #134e4a;
1199
+ }
1200
+
1201
+ .dark-mode .modal-content .bg-teal-500:hover {
1202
+ background-color: #042f2e;
1203
+ }
1204
+
1205
+ .dark-mode .modal-content .bg-teal-600 {
1206
+ background-color: #134e4a;
1207
+ color: #115e59;
1208
+ }
1209
+
1210
+ .dark-mode .modal-content .bg-teal-600:hover {
1211
+ background-color: #0f766e;
1212
+ }
1213
+
1214
+ .dark-mode .modal-content .bg-teal-700 {
1215
+ background-color: #115e59;
1216
+ color: #0f766e;
1217
+ }
1218
+
1219
+ .dark-mode .modal-content .bg-teal-700:hover {
1220
+ background-color: #0d9488;
1221
+ }
1222
+
1223
+ .dark-mode .modal-content .bg-teal-800 {
1224
+ background-color: #0f766e;
1225
+ color: #0d9488;
1226
+ }
1227
+
1228
+ .dark-mode .modal-content .bg-teal-800:hover {
1229
+ background-color: #2dd4bf;
1230
+ }
1231
+
1232
+ .dark-mode .modal-content .bg-teal-900 {
1233
+ background-color: #0d9488;
1234
+ color: #2dd4bf;
1235
+ }
1236
+
1237
+ .dark-mode .modal-content .bg-teal-900:hover {
1238
+ background-color: #5eead4;
1239
+ }
1240
+
1241
+ .dark-mode .modal-content .bg-orange-100 {
1242
+ background-color: #7c2d12;
1243
+ color: #fed7aa;
1244
+ }
1245
+
1246
+ .dark-mode .modal-content .bg-orange-100:hover {
1247
+ background-color: #9a3412;
1248
+ }
1249
+
1250
+ .dark-mode .modal-content .bg-orange-200 {
1251
+ background-color: #9a3412;
1252
+ color: #fdba74;
1253
+ }
1254
+
1255
+ .dark-mode .modal-content .bg-orange-200:hover {
1256
+ background-color: #c2410c;
1257
+ }
1258
+
1259
+ .dark-mode .modal-content .bg-orange-300 {
1260
+ background-color: #c2410c;
1261
+ color: #fb923c;
1262
+ }
1263
+
1264
+ .dark-mode .modal-content .bg-orange-300:hover {
1265
+ background-color: #ea580c;
1266
+ }
1267
+
1268
+ .dark-mode .modal-content .bg-orange-400 {
1269
+ background-color: #ea580c;
1270
+ color: #c2410c;
1271
+ }
1272
+
1273
+ .dark-mode .modal-content .bg-orange-400:hover {
1274
+ background-color: #9a3412;
1275
+ }
1276
+
1277
+ .dark-mode .modal-content .bg-orange-500 {
1278
+ background-color: #9a3412;
1279
+ color: #7c2d12;
1280
+ }
1281
+
1282
+ .dark-mode .modal-content .bg-orange-500:hover {
1283
+ background-color: #431407;
1284
+ }
1285
+
1286
+ .dark-mode .modal-content .bg-orange-600 {
1287
+ background-color: #7c2d12;
1288
+ color: #9a3412;
1289
+ }
1290
+
1291
+ .dark-mode .modal-content .bg-orange-600:hover {
1292
+ background-color: #c2410c;
1293
+ }
1294
+
1295
+ .dark-mode .modal-content .bg-orange-700 {
1296
+ background-color: #9a3412;
1297
+ color: #c2410c;
1298
+ }
1299
+
1300
+ .dark-mode .modal-content .bg-orange-700:hover {
1301
+ background-color: #ea580c;
1302
+ }
1303
+
1304
+ .dark-mode .modal-content .bg-orange-800 {
1305
+ background-color: #c2410c;
1306
+ color: #ea580c;
1307
+ }
1308
+
1309
+ .dark-mode .modal-content .bg-orange-800:hover {
1310
+ background-color: #fb923c;
1311
+ }
1312
+
1313
+ .dark-mode .modal-content .bg-orange-900 {
1314
+ background-color: #ea580c;
1315
+ color: #fb923c;
1316
+ }
1317
+
1318
+ .dark-mode .modal-content .bg-orange-900:hover {
1319
+ background-color: #fdba74;
1320
+ }
1321
+
1322
+ .dark-mode .modal-content .bg-gray-100 {
1323
+ background-color: #1e293b;
1324
+ color: #f8fafc;
1325
+ }
1326
+
1327
+ .dark-mode .modal-content .bg-gray-100:hover {
1328
+ background-color: #334155;
1329
+ }
1330
+
1331
+ .dark-mode .modal-content .bg-gray-200 {
1332
+ background-color: #334155;
1333
+ color: #f8fafc;
1334
+ }
1335
+
1336
+ .dark-mode .modal-content .bg-gray-200:hover {
1337
+ background-color: #475569;
1338
+ }
1339
+
1340
+ .dark-mode .modal-content .bg-gray-300 {
1341
+ background-color: #475569;
1342
+ color: #f8fafc;
1343
+ }
1344
+
1345
+ .dark-mode .modal-content .bg-gray-300:hover {
1346
+ background-color: #64748b;
1347
+ }
1348
+
1349
+ .dark-mode .modal-content .bg-gray-400 {
1350
+ background-color: #64748b;
1351
+ color: #f8fafc;
1352
+ }
1353
+
1354
+ .dark-mode .modal-content .bg-gray-400:hover {
1355
+ background-color: #94a3b8;
1356
+ }
1357
+
1358
+ .dark-mode .modal-content .bg-gray-500 {
1359
+ background-color: #94a3b8;
1360
+ color: #f8fafc;
1361
+ }
1362
+
1363
+ .dark-mode .modal-content .bg-gray-500:hover {
1364
+ background-color: #cbd5e1;
1365
+ }
1366
+
1367
+ .dark-mode .modal-content .bg-gray-600 {
1368
+ background-color: #cbd5e1;
1369
+ color: #1e293b;
1370
+ }
1371
+
1372
+ .dark-mode .modal-content .bg-gray-600:hover {
1373
+ background-color: #e2e8f0;
1374
+ }
1375
+
1376
+ .dark-mode .modal-content .bg-gray-700 {
1377
+ background-color: #e2e8f0;
1378
+ color: #1e293b;
1379
+ }
1380
+
1381
+ .dark-mode .modal-content .bg-gray-700:hover {
1382
+ background-color: #f1f5f9;
1383
+ }
1384
+
1385
+ .dark-mode .modal-content .bg-gray-800 {
1386
+ background-color: #f1f5f9;
1387
+ color: #1e293b;
1388
+ }
1389
+
1390
+ .dark-mode .modal-content .bg-gray-800:hover {
1391
+ background-color: #f8fafc;
1392
+ }
1393
+
1394
+ .dark-mode .modal-content .bg-gray-900 {
1395
+ background-color: #f8fafc;
1396
+ color: #1e293b;
1397
+ }
1398
+
1399
+ .dark-mode .modal-content .bg-gray-900:hover {
1400
+ background-color: #ffffff;
1401
+ }
1402
+
1403
+ .dark-mode .modal-content .bg-blue-100 {
1404
+ background-color: #1e3a8a;
1405
+ color: #bfdbfe;
1406
+ }
1407
+
1408
+ .dark-mode .modal-content .bg-blue-100:hover {
1409
+ background-color: #1e40af;
1410
+ }
1411
+
1412
+ .dark-mode .modal-content .bg-blue-200 {
1413
+ background-color: #1e40af;
1414
+ color: #93c5fd;
1415
+ }
1416
+
1417
+ .dark-mode .modal-content .bg-blue-200:hover {
1418
+ background-color: #1d4ed8;
1419
+ }
1420
+
1421
+ .dark-mode .modal-content .bg-blue-300 {
1422
+ background-color: #1d4ed8;
1423
+ color: #60a5fa;
1424
+ }
1425
+
1426
+ .dark-mode .modal-content .bg-blue-300:hover {
1427
+ background-color: #2563eb;
1428
+ }
1429
+
1430
+ .dark-mode .modal-content .bg-blue-400 {
1431
+ background-color: #2563eb;
1432
+ color: #3b82f6;
1433
+ }
1434
+
1435
+ .dark-mode .modal-content .bg-blue-400:hover {
1436
+ background-color: #3b82f6;
1437
+ }
1438
+
1439
+ .dark-mode .modal-content .bg-blue-500 {
1440
+ background-color: #3b82f6;
1441
+ color: #2563eb;
1442
+ }
1443
+
1444
+ .dark-mode .modal-content .bg-blue-500:hover {
1445
+ background-color: #1d4ed8;
1446
+ }
1447
+
1448
+ .dark-mode .modal-content .bg-blue-600 {
1449
+ background-color: #1d4ed8;
1450
+ color: #1e40af;
1451
+ }
1452
+
1453
+ .dark-mode .modal-content .bg-blue-600:hover {
1454
+ background-color: #1e3a8a;
1455
+ }
1456
+
1457
+ .dark-mode .modal-content .bg-blue-700 {
1458
+ background-color: #1e3a8a;
1459
+ color: #1e40af;
1460
+ }
1461
+
1462
+ .dark-mode .modal-content .bg-blue-700:hover {
1463
+ background-color: #1d4ed8;
1464
+ }
1465
+
1466
+ .dark-mode .modal-content .bg-blue-800 {
1467
+ background-color: #1e40af;
1468
+ color: #1d4ed8;
1469
+ }
1470
+
1471
+ .dark-mode .modal-content .bg-blue-800:hover {
1472
+ background-color: #2563eb;
1473
+ }
1474
+
1475
+ .dark-mode .modal-content .bg-blue-900 {
1476
+ background-color: #1d4ed8;
1477
+ color: #2563eb;
1478
+ }
1479
+
1480
+ .dark-mode .modal-content .bg-blue-900:hover {
1481
+ background-color: #3b82f6;
1482
+ }
1483
+
1484
+ .dark-mode .modal-content .bg-indigo-100 {
1485
+ background-color: #3730a3;
1486
+ color: #c7d2fe;
1487
+ }
1488
+
1489
+ .dark-mode .modal-content .bg-indigo-100:hover {
1490
+ background-color: #4338ca;
1491
+ }
1492
+
1493
+ .dark-mode .modal-content .bg-indigo-200 {
1494
+ background-color: #4338ca;
1495
+ color: #a5b4fc;
1496
+ }
1497
+
1498
+ .dark-mode .modal-content .bg-indigo-200:hover {
1499
+ background-color: #4f46e5;
1500
+ }
1501
+
1502
+ .dark-mode .modal-content .bg-indigo-300 {
1503
+ background-color: #4f46e5;
1504
+ color: #818cf8;
1505
+ }
1506
+
1507
+ .dark-mode .modal-content .bg-indigo-300:hover {
1508
+ background-color: #6366f1;
1509
+ }
1510
+
1511
+ .dark-mode .modal-content .bg-indigo-400 {
1512
+ background-color: #6366f1;
1513
+ color: #4f46e5;
1514
+ }
1515
+
1516
+ .dark-mode .modal-content .bg-indigo-400:hover {
1517
+ background-color: #4338ca;
1518
+ }
1519
+
1520
+ .dark-mode .modal-content .bg-indigo-500 {
1521
+ background-color: #4338ca;
1522
+ color: #3730a3;
1523
+ }
1524
+
1525
+ .dark-mode .modal-content .bg-indigo-500:hover {
1526
+ background-color: #312e81;
1527
+ }
1528
+
1529
+ .dark-mode .modal-content .bg-indigo-600 {
1530
+ background-color: #3730a3;
1531
+ color: #4338ca;
1532
+ }
1533
+
1534
+ .dark-mode .modal-content .bg-indigo-600:hover {
1535
+ background-color: #4f46e5;
1536
+ }
1537
+
1538
+ .dark-mode .modal-content .bg-indigo-700 {
1539
+ background-color: #4338ca;
1540
+ color: #4f46e5;
1541
+ }
1542
+
1543
+ .dark-mode .modal-content .bg-indigo-700:hover {
1544
+ background-color: #6366f1;
1545
+ }
1546
+
1547
+ .dark-mode .modal-content .bg-indigo-800 {
1548
+ background-color: #4f46e5;
1549
+ color: #6366f1;
1550
+ }
1551
+
1552
+ .dark-mode .modal-content .bg-indigo-800:hover {
1553
+ background-color: #818cf8;
1554
+ }
1555
+
1556
+ .dark-mode .modal-content .bg-indigo-900 {
1557
+ background-color: #6366f1;
1558
+ color: #818cf8;
1559
+ }
1560
+
1561
+ .dark-mode .modal-content .bg-indigo-900:hover {
1562
+ background-color: #a5b4fc;
1563
+ }
1564
+
1565
+ .dark-mode .modal-content .bg-purple-100 {
1566
+ background-color: #4c1d95;
1567
+ color: #ddd6fe;
1568
+ }
1569
+
1570
+ .dark-mode .modal-content .bg-purple-100:hover {
1571
+ background-color: #5b21b6;
1572
+ }
1573
+
1574
+ .dark-mode .modal-content .bg-purple-200 {
1575
+ background-color: #5b21b6;
1576
+ color: #c4b5fd;
1577
+ }
1578
+
1579
+ .dark-mode .modal-content .bg-purple-200:hover {
1580
+ background-color: #6d28d9;
1581
+ }
1582
+
1583
+ .dark-mode .modal-content .bg-purple-300 {
1584
+ background-color: #6d28d9;
1585
+ color: #a78bfa;
1586
+ }
1587
+
1588
+ .dark-mode .modal-content .bg-purple-300:hover {
1589
+ background-color: #7c3aed;
1590
+ }
1591
+
1592
+ .dark-mode .modal-content .bg-purple-400 {
1593
+ background-color: #7c3aed;
1594
+ color: #6d28d9;
1595
+ }
1596
+
1597
+ .dark-mode .modal-content .bg-purple-400:hover {
1598
+ background-color: #5b21b6;
1599
+ }
1600
+
1601
+ .dark-mode .modal-content .bg-purple-500 {
1602
+ background-color: #5b21b6;
1603
+ color: #4c1d95;
1604
+ }
1605
+
1606
+ .dark-mode .modal-content .bg-purple-500:hover {
1607
+ background-color: #3b0764;
1608
+ }
1609
+
1610
+ .dark-mode .modal-content .bg-purple-600 {
1611
+ background-color: #4c1d95;
1612
+ color: #5b21b6;
1613
+ }
1614
+
1615
+ .dark-mode .modal-content .bg-purple-600:hover {
1616
+ background-color: #6d28d9;
1617
+ }
1618
+
1619
+ .dark-mode .modal-content .bg-purple-700 {
1620
+ background-color: #5b21b6;
1621
+ color: #6d28d9;
1622
+ }
1623
+
1624
+ .dark-mode .modal-content .bg-purple-700:hover {
1625
+ background-color: #7c3aed;
1626
+ }
1627
+
1628
+ .dark-mode .modal-content .bg-purple-800 {
1629
+ background-color: #6d28d9;
1630
+ color: #7c3aed;
1631
+ }
1632
+
1633
+ .dark-mode .modal-content .bg-purple-800:hover {
1634
+ background-color: #a78bfa;
1635
+ }
1636
+
1637
+ .dark-mode .modal-content .bg-purple-900 {
1638
+ background-color: #7c3aed;
1639
+ color: #a78bfa;
1640
+ }
1641
+
1642
+ .dark-mode .modal-content .bg-purple-900:hover {
1643
+ background-color: #c4b5fd;
1644
+ }
1645
+
1646
+ .dark-mode .modal-content .bg-pink-100 {
1647
+ background-color: #831843;
1648
+ color: #fbcfe8;
1649
+ }
1650
+
1651
+ .dark-mode .modal-content .bg-pink-100:hover {
1652
+ background-color: #9d174d;
1653
+ }
1654
+
1655
+ .dark-mode .modal-content .bg-pink-200 {
1656
+ background-color: #9d174d;
1657
+ color: #f9a8d4;
1658
+ }
1659
+
1660
+ .dark-mode .modal-content .bg-pink-200:hover {
1661
+ background-color: #be185d;
1662
+ }
1663
+
1664
+ .dark-mode .modal-content .bg-pink-300 {
1665
+ background-color: #be185d;
1666
+ color: #f472b6;
1667
+ }
1668
+
1669
+ .dark-mode .modal-content .bg-pink-300:hover {
1670
+ background-color: #ec4899;
1671
+ }
1672
+
1673
+ .dark-mode .modal-content .bg-pink-400 {
1674
+ background-color: #ec4899;
1675
+ color: #be185d;
1676
+ }
1677
+
1678
+ .dark-mode .modal-content .bg-pink-400:hover {
1679
+ background-color: #9d174d;
1680
+ }
1681
+
1682
+ .dark-mode .modal-content .bg-pink-500 {
1683
+ background-color: #9d174d;
1684
+ color: #831843;
1685
+ }
1686
+
1687
+ .dark-mode .modal-content .bg-pink-500:hover {
1688
+ background-color: #500724;
1689
+ }
1690
+
1691
+ .dark-mode .modal-content .bg-pink-600 {
1692
+ background-color: #831843;
1693
+ color: #9d174d;
1694
+ }
1695
+
1696
+ .dark-mode .modal-content .bg-pink-600:hover {
1697
+ background-color: #be185d;
1698
+ }
1699
+
1700
+ .dark-mode .modal-content .bg-pink-700 {
1701
+ background-color: #9d174d;
1702
+ color: #be185d;
1703
+ }
1704
+
1705
+ .dark-mode .modal-content .bg-pink-700:hover {
1706
+ background-color: #ec4899;
1707
+ }
1708
+
1709
+ .dark-mode .modal-content .bg-pink-800 {
1710
+ background-color: #be185d;
1711
+ color: #ec4899;
1712
+ }
1713
+
1714
+ .dark-mode .modal-content .bg-pink-800:hover {
1715
+ background-color: #f472b6;
1716
+ }
1717
+
1718
+ .dark-mode .modal-content .bg-pink-900 {
1719
+ background-color: #ec4899;
1720
+ color: #f472b6;
1721
+ }
1722
+
1723
+ .dark-mode .modal-content .bg-pink-900:hover {
1724
+ background-color: #f9a8d4;
1725
+ }
1726
+
1727
+ .dark-mode .modal-content .bg-red-100 {
1728
+ background-color: #7f1d1d;
1729
+ color: #fecaca;
1730
+ }
1731
+
1732
+ .dark-mode .modal-content .bg-red-100:hover {
1733
+ background-color: #991b1b;
1734
+ }
1735
+
1736
+ .dark-mode .modal-content .bg-red-200 {
1737
+ background-color: #991b1b;
1738
+ color: #fca5a5;
1739
+ }
1740
+
1741
+ .dark-mode .modal-content .bg-red-200:hover {
1742
+ background-color: #b91c1c;
1743
+ }
1744
+
1745
+ .dark-mode .modal-content .bg-red-300 {
1746
+ background-color: #b91c1c;
1747
+ color: #f87171;
1748
+ }
1749
+
1750
+ .dark-mode .modal-content .bg-red-300:hover {
1751
+ background-color: #dc2626;
1752
+ }
1753
+
1754
+ .dark-mode .modal-content .bg-red-400 {
1755
+ background-color: #dc2626;
1756
+ color: #b91c1c;
1757
+ }
1758
+
1759
+ .dark-mode .modal-content .bg-red-400:hover {
1760
+ background-color: #991b1b;
1761
+ }
1762
+
1763
+ .dark-mode .modal-content .bg-red-500 {
1764
+ background-color: #991b1b;
1765
+ color: #7f1d1d;
1766
+ }
1767
+
1768
+ .dark-mode .modal-content .bg-red-500:hover {
1769
+ background-color: #450a0a;
1770
+ }
1771
+
1772
+ .dark-mode .modal-content .bg-red-600 {
1773
+ background-color: #7f1d1d;
1774
+ color: #991b1b;
1775
+ }
1776
+
1777
+ .dark-mode .modal-content .bg-red-600:hover {
1778
+ background-color: #b91c1c;
1779
+ }
1780
+
1781
+ .dark-mode .modal-content .bg-red-700 {
1782
+ background-color: #991b1b;
1783
+ color: #b91c1c;
1784
+ }
1785
+
1786
+ .dark-mode .modal-content .bg-red-700:hover {
1787
+ background-color: #dc2626;
1788
+ }
1789
+
1790
+ .dark-mode .modal-content .bg-red-800 {
1791
+ background-color: #b91c1c;
1792
+ color: #dc2626;
1793
+ }
1794
+
1795
+ .dark-mode .modal-content .bg-red-800:hover {
1796
+ background-color: #f87171;
1797
+ }
1798
+
1799
+ .dark-mode .modal-content .bg-red-900 {
1800
+ background-color: #dc2626;
1801
+ color: #f87171;
1802
+ }
1803
+
1804
+ .dark-mode .modal-content .bg-red-900:hover {
1805
+ background-color: #fca5a5;
1806
+ }
1807
+
1808
+ .dark-mode .modal-content .bg-yellow-100 {
1809
+ background-color: #713f12;
1810
+ color: #fde68a;
1811
+ }
1812
+
1813
+ .dark-mode .modal-content .bg-yellow-100:hover {
1814
+ background-color: #854d0e;
1815
+ }
1816
+
1817
+ .dark-mode .modal-content .bg-yellow-200 {
1818
+ background-color: #854d0e;
1819
+ color: #fcd34d;
1820
+ }
1821
+
1822
+ .dark-mode .modal-content .bg-yellow-200:hover {
1823
+ background-color: #a16207;
1824
+ }
1825
+
1826
+ .dark-mode .modal-content .bg-yellow-300 {
1827
+ background-color: #a16207;
1828
+ color: #fbbf24;
1829
+ }
1830
+
1831
+ .dark-mode .modal-content .bg-yellow-300:hover {
1832
+ background-color: #d97706;
1833
+ }
1834
+
1835
+ .dark-mode .modal-content .bg-yellow-400 {
1836
+ background-color: #d97706;
1837
+ color: #a16207;
1838
+ }
1839
+
1840
+ .dark-mode .modal-content .bg-yellow-400:hover {
1841
+ background-color: #854d0e;
1842
+ }
1843
+
1844
+ .dark-mode .modal-content .bg-yellow-500 {
1845
+ background-color: #854d0e;
1846
+ color: #713f12;
1847
+ }
1848
+
1849
+ .dark-mode .modal-content .bg-yellow-500:hover {
1850
+ background-color: #422006;
1851
+ }
1852
+
1853
+ .dark-mode .modal-content .bg-yellow-600 {
1854
+ background-color: #713f12;
1855
+ color: #854d0e;
1856
+ }
1857
+
1858
+ .dark-mode .modal-content .bg-yellow-600:hover {
1859
+ background-color: #a16207;
1860
+ }
1861
+
1862
+ .dark-mode .modal-content .bg-yellow-700 {
1863
+ background-color: #854d0e;
1864
+ color: #a16207;
1865
+ }
1866
+
1867
+ .dark-mode .modal-content .bg-yellow-700:hover {
1868
+ background-color: #d97706;
1869
+ }
1870
+
1871
+ .dark-mode .modal-content .bg-yellow-800 {
1872
+ background-color: #a16207;
1873
+ color: #d97706;
1874
+ }
1875
+
1876
+ .dark-mode .modal-content .bg-yellow-800:hover {
1877
+ background-color: #fbbf24;
1878
+ }
1879
+
1880
+ .dark-mode .modal-content .bg-yellow-900 {
1881
+ background-color: #d97706;
1882
+ color: #fbbf24;
1883
+ }
1884
+
1885
+ .dark-mode .modal-content .bg-yellow-900:hover {
1886
+ background-color: #fcd34d;
1887
+ }
1888
+
1889
+ .dark-mode .modal-content .bg-green-100 {
1890
+ background-color: #14532d;
1891
+ color: #bbf7d0;
1892
+ }
1893
+
1894
+ .dark-mode .modal-content .bg-green-100:hover {
1895
+ background-color: #166534;
1896
+ }
1897
+
1898
+ .dark-mode .modal-content .bg-green-200 {
1899
+ background-color: #166534;
1900
+ color: #86efac;
1901
+ }
1902
+
1903
+ .dark-mode .modal-content .bg-green-200:hover {
1904
+ background-color: #15803d;
1905
+ }
1906
+
1907
+ .dark-mode .modal-content .bg-green-300 {
1908
+ background-color: #15803d;
1909
+ color: #4ade80;
1910
+ }
1911
+
1912
+ .dark-mode .modal-content .bg-green-300:hover {
1913
+ background-color: #16a34a;
1914
+ }
1915
+
1916
+ .dark-mode .modal-content .bg-green-400 {
1917
+ background-color: #16a34a;
1918
+ color: #15803d;
1919
+ }
1920
+
1921
+ .dark-mode .modal-content .bg-green-400:hover {
1922
+ background-color: #166534;
1923
+ }
1924
+
1925
+ .dark-mode .modal-content .bg-green-500 {
1926
+ background-color: #166534;
1927
+ color: #14532d;
1928
+ }
1929
+
1930
+ .dark-mode .modal-content .bg-green-500:hover {
1931
+ background-color: #052e16;
1932
+ }
1933
+
1934
+ .dark-mode .modal-content .bg-green-600 {
1935
+ background-color: #14532d;
1936
+ color: #166534;
1937
+ }
1938
+
1939
+ .dark-mode .modal-content .bg-green-600:hover {
1940
+ background-color: #15803d;
1941
+ }
1942
+
1943
+ .dark-mode .modal-content .bg-green-700 {
1944
+ background-color: #166534;
1945
+ color: #15803d;
1946
+ }
1947
+
1948
+ .dark-mode .modal-content .bg-green-700:hover {
1949
+ background-color: #16a34a;
1950
+ }
1951
+
1952
+ .dark-mode .modal-content .bg-green-800 {
1953
+ background-color: #15803d;
1954
+ color: #16a34a;
1955
+ }
1956
+
1957
+ .dark-mode .modal-content .bg-green-800:hover {
1958
+ background-color: #4ade80;
1959
+ }
1960
+
1961
+ .dark-mode .modal-content .bg-green-900 {
1962
+ background-color: #16a34a;
1963
+ color: #4ade80;
1964
+ }
1965
+
1966
+ .dark-mode .modal-content .bg-green-900:hover {
1967
+ background-color: #86efac;
1968
+ }
1969
+
1970
+ .dark-mode .modal-content .bg-teal-100 {
1971
+ background-color: #134e4a;
1972
+ color: #99f6e4;
1973
+ }
1974
+
1975
+ .dark-mode .modal-content .bg-teal-100:hover {
1976
+ background-color: #115e59;
1977
+ }
1978
+
1979
+ .dark-mode .modal-content .bg-teal-200 {
1980
+ background-color: #115e59;
1981
+ color: #5eead4;
1982
+ }
1983
+
1984
+ .dark-mode .modal-content .bg-teal-200:hover {
1985
+ background-color: #0f766e;
1986
+ }
1987
+
1988
+ .dark-mode .modal-content .bg-teal-300 {
1989
+ background-color: #0f766e;
1990
+ color: #2dd4bf;
1991
+ }
1992
+
1993
+ .dark-mode .modal-content .bg-teal-300:hover {
1994
+ background-color: #0d9488;
1995
+ }
1996
+
1997
+ .dark-mode .modal-content .bg-teal-400 {
1998
+ background-color: #0d9488;
1999
+ color: #0f766e;
2000
+ }
2001
+
2002
+ .dark-mode .modal-content .bg-teal-400:hover {
2003
+ background-color: #115e59;
2004
+ }
2005
+
2006
+ .dark-mode .modal-content .bg-teal-500 {
2007
+ background-color: #115e59;
2008
+ color: #134e4a;
2009
+ }
2010
+
2011
+ .dark-mode .modal-content .bg-teal-500:hover {
2012
+ background-color: #042f2e;
2013
+ }
2014
+
2015
+ .dark-mode .modal-content .bg-teal-600 {
2016
+ background-color: #134e4a;
2017
+ color: #115e59;
2018
+ }
2019
+
2020
+ .dark-mode .modal-content .bg-teal-600:hover {
2021
+ background-color: #0f766e;
2022
+ }
2023
+
2024
+ .dark-mode .modal-content .bg-teal-700 {
2025
+ background-color: #115e59;
2026
+ color: #0f766e;
2027
+ }
2028
+
2029
+ .dark-mode .modal-content .bg-teal-700:hover {
2030
+ background-color: #0d9488;
2031
+ }
2032
+
2033
+ .dark-mode .modal-content .bg-teal-800 {
2034
+ background-color: #0f766e;
2035
+ color: #0d9488;
2036
+ }
2037
+
2038
+ .dark-mode .modal-content .bg-teal-800:hover {
2039
+ background-color: #2dd4bf;
2040
+ }
2041
+
2042
+ .dark-mode .modal-content .bg-teal-900 {
2043
+ background-color: #0d9488;
2044
+ color: #2dd4bf;
2045
+ }
2046
+
2047
+ .dark-mode .modal-content .bg-teal-900:hover {
2048
+ background-color: #5eead4;
2049
+ }
2050
+
2051
+ .dark-mode .modal-content .bg-orange-100 {
2052
+ background-color: #7c2d12;
2053
+ color: #fed7aa;
2054
+ }
2055
+
2056
+ .dark-mode .modal-content .bg-orange-100:hover {
2057
+ background-color: #9a3412;
2058
+ }
2059
+
2060
+ .dark-mode .modal-content .bg-orange-200 {
2061
+ background-color: #9a3412;
2062
+ color: #fdba74;
2063
+ }
2064
+
2065
+ .dark-mode .modal-content .bg-orange-200:hover {
2066
+ background-color: #c2410c;
2067
+ }
2068
+
2069
+ .dark-mode .modal-content .bg-orange-300 {
2070
+ background-color: #c2410c;
2071
+ color: #fb923c;
2072
+ }
2073
+
2074
+ .dark-mode .modal-content .bg-orange-300:hover {
2075
+ background-color: #ea580c;
2076
+ }
2077
+
2078
+ .dark-mode .modal-content .bg-orange-400 {
2079
+ background-color: #ea580c;
2080
+ color: #c2410c;
2081
+ }
2082
+
2083
+ .dark-mode .modal-content .bg-orange-400:hover {
2084
+ background-color: #9a3412;
2085
+ }
2086
+
2087
+ .dark-mode .modal-content .bg-orange-500 {
2088
+ background-color: #9a3412;
2089
+ color: #7c2d12;
2090
+ }
2091
+
2092
+ .dark-mode .modal-content .bg-orange-500:hover {
2093
+ background-color: #431407;
2094
+ }
2095
+
2096
+ .dark-mode .modal-content .bg-orange-600 {
2097
+ background-color: #7c2d12;
2098
+ color: #9a3412;
2099
+ }
2100
+
2101
+ .dark-mode .modal-content .bg-orange-600:hover {
2102
+ background-color: #c2410c;
2103
+ }
2104
+
2105
+ .dark-mode .modal-content .bg-orange-700 {
2106
+ background-color: #9a3412;
2107
+ color: #c2410c;
2108
+ }
2109
+
2110
+ .dark-mode .modal-content .bg-orange-700:hover {
2111
+ background-color: #ea580c;
2112
+ }
2113
+
2114
+ .dark-mode .modal-content .bg-orange-800 {
2115
+ background-color: #c2410c;
2116
+ color: #ea580c;
2117
+ }
2118
+
2119
+ .dark-mode .modal-content .bg-orange-800:hover {
2120
+ background-color: #fb923c;
2121
+ }
2122
+
2123
+ .dark-mode .modal-content .bg-orange-900 {
2124
+ background-color: #ea580c;
2125
+ color: #fb923c;
2126
+ }
2127
+
2128
+ .dark-mode .modal-content .bg-orange-900:hover {
2129
+ background-color: #fdba74;
2130
+ }
2131
+
2132
+ .dark-mode .modal-content .bg-gray-100 {
2133
+ background-color: #1e293b;
2134
+ color: #f8fafc;
2135
+ }
2136
+
2137
+ .dark-mode .modal-content .bg-gray-100:hover {
2138
+ background-color: #334155;
2139
+ }
2140
+
2141
+ .dark-mode .modal-content .bg-gray-200 {
2142
+ background-color: #334155;
2143
+ color: #f8fafc;
2144
+ }
2145
+
2146
+ .dark-mode .modal-content .bg-gray-200:hover {
2147
+ background-color: #475569;
2148
+ }
2149
+
2150
+ .dark-mode .modal-content .bg-gray-300 {
2151
+ background-color: #475569;
2152
+ color: #f8fafc;
2153
+ }
2154
+
2155
+ .dark-mode .modal-content .bg-gray-300:hover {
2156
+ background-color: #64748b;
2157
+ }
2158
+
2159
+ .dark-mode .modal-content .bg-gray-400 {
2160
+ background-color: #64748b;
2161
+ color: #f8fafc;
2162
+ }
2163
+
2164
+ .dark-mode .modal-content .bg-gray-400:hover {
2165
+ background-color: #94a3b8;
2166
+ }
2167
+
2168
+ .dark-mode .modal-content .bg-gray-500 {
2169
+ background-color: #94a3b8;
2170
+ color: #f8fafc;
2171
+ }
2172
+
2173
+ .dark-mode .modal-content .bg-gray-500:hover {
2174
+ background-color: #cbd5e1;
2175
+ }
2176
+
2177
+ .dark-mode .modal-content .bg-gray-600 {
2178
+ background-color: #cbd5e1;
2179
+ color: #1e293b;
2180
+ }
2181
+
2182
+ .dark-mode .modal-content .bg-gray-600:hover {
2183
+ background-color: #e2e8f0;
2184
+ }
2185
+
2186
+ .dark-mode .modal-content .bg-gray-700 {
2187
+ background-color: #e2e8f0;
2188
+ color: #1e293b;
2189
+ }
2190
+
2191
+ .dark-mode .modal-content .bg-gray-700:hover {
2192
+ background-color: #f1f5f9;
2193
+ }
2194
+
2195
+ .dark-mode .modal-content .bg-gray-800 {
2196
+ background-color: #f1f5f9;
2197
+ color: #1e293b;
2198
+ }
2199
+
2200
+ .dark-mode .modal-content .bg-gray-800:hover {
2201
+ background-color: #f8fafc;
2202
+ }
2203
+
2204
+ .dark-mode .modal-content .bg-gray-900 {
2205
+ background-color: #f8fafc;
2206
+ color: #1e293b;
2207
+ }
2208
+
2209
+ .dark-mode .modal-content .bg-gray-900:hover {
2210
+ background-color: #ffffff;
2211
+ }
2212
+
2213
+ .dark-mode .modal-content .bg-blue-100 {
2214
+ background-color: #1e3a8a;
2215
+ color: #bfdbfe;
2216
+ }
2217
+
2218
+ .dark-mode .modal-content .bg-blue-100:hover {
2219
+ background-color: #1e40af;
2220
+ }
2221
+
2222
+ .dark-mode .modal-content .bg-blue-200 {
2223
+ background-color: #1e40af;
2224
+ color: #93c5fd;
2225
+ }
2226
+
2227
+ .dark-mode .modal-content .bg-blue-200:hover {
2228
+ background-color: #1d4ed8;
2229
+ }
2230
+
2231
+ .dark-mode .modal-content .bg-blue-300 {
2232
+ background-color: #1d4ed8;
2233
+ color: #60a5fa;
2234
+ }
2235
+
2236
+ .dark-mode .modal-content .bg-blue-300:hover {
2237
+ background-color: #2563eb;
2238
+ }
2239
+
2240
+ .dark-mode .modal-content .bg-blue-400 {
2241
+ background-color: #2563eb;
2242
+ color: #3b82f6;
2243
+ }
2244
+
2245
+ .dark-mode .modal-content .bg-blue-400:hover {
2246
+ background-color: #3b82f6;
2247
+ }
2248
+
2249
+ .dark-mode .modal-content .bg-blue-500 {
2250
+ background-color: #3b82f6;
2251
+ color: #2563eb;
2252
+ }
2253
+
2254
+ .dark-mode .modal-content .bg-blue-500:hover {
2255
+ background-color: #1d4ed8;
2256
+ }
2257
+
2258
+ .dark-mode .modal-content .bg-blue-600 {
2259
+ background-color: #1d4ed8;
2260
+ color: #1e40af;
2261
+ }
2262
+
2263
+ .dark-mode .modal-content .bg-blue-600:hover {
2264
+ background-color: #1e3a8a;
2265
+ }
2266
+
2267
+ .dark-mode .modal-content .bg-blue-700 {
2268
+ background-color: #1e3a8a;
2269
+ color: #1e40af;
2270
+ }
2271
+
2272
+ .dark-mode .modal-content .bg-blue-700:hover {
2273
+ background-color: #1d4ed8;
2274
+ }
2275
+
2276
+ .dark-mode .modal-content .bg-blue-800 {
2277
+ background-color: #1e40af;
2278
+ color: #1d4ed8;
2279
+ }
2280
+
2281
+ .dark-mode .modal-content .bg-blue-800:hover {
2282
+ background-color: #2563eb;
2283
+ }
2284
+
2285
+ .dark-mode .modal-content .bg-blue-900 {
2286
+ background-color: #1d4ed8;
2287
+ color: #2563eb;
2288
+ }
2289
+
2290
+ .dark-mode .modal-content .bg-blue-900:hover {
2291
+ background-color: #3b82f
2292
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Please refactor and refine the code with optimized and enhanced error handling and implement robust upscaling, expanding and building upon this.