Skip to content

Commit 42404e2

Browse files
CopilotStan2032
Copilot
and
Stan2032
committed
Session 225: Standardize focus colors to terminal palette (#4afa82/#22d3ee) across 7 components
Co-authored-by: Stan2032 <68326386+Stan2032@users.noreply.github.com>
1 parent 8601c26 commit 42404e2

7 files changed

Lines changed: 15 additions & 15 deletions

‎src/components/AIDisinfoDetector.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -161,7 +161,7 @@ const AIDisinfoDetector = () => {
161161
value={inputText}
162162
onChange={(e) => setInputText(e.target.value)}
163163
placeholder="Paste article text, social media post, or any content you want to analyze for propaganda patterns..."
164-
className="w-full h-40 p-4 bg-[#0a0e14]/50 border border-[#1c2a35]/50 text-white placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-cyan-500/50 resize-none"
164+
className="w-full h-40 p-4 bg-[#0a0e14]/50 border border-[#1c2a35]/50 text-white placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-[#22d3ee]/50 resize-none"
165165
/>
166166
<div className="flex items-center justify-between mt-2">
167167
<span className="text-sm text-slate-400">

‎src/components/GlossaryTerms.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -273,7 +273,7 @@ const GlossaryTerms = () => {
273273
placeholder="Search terms in English or Chinese..."
274274
value={searchQuery}
275275
onChange={(e) => setSearchQuery(e.target.value)}
276-
className="w-full bg-[#111820] border border-[#1c2a35] px-4 py-3 text-white placeholder:text-slate-400 focus:outline-none focus:border-cyan-500"
276+
className="w-full bg-[#111820] border border-[#1c2a35] px-4 py-3 text-white placeholder:text-slate-400 focus:outline-none focus:border-[#22d3ee]"
277277
/>
278278
{searchQuery && (
279279
<button

‎src/components/HistoricalDocuments.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -260,7 +260,7 @@ const HistoricalDocuments = () => {
260260
placeholder="Search documents by title, description, or tags..."
261261
value={searchTerm}
262262
onChange={(e) => setSearchTerm(e.target.value)}
263-
className="w-full pl-10 pr-4 py-2 bg-[#0a0e14]/50 border border-[#1c2a35]/50 text-white placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-amber-500/50"
263+
className="w-full pl-10 pr-4 py-2 bg-[#0a0e14]/50 border border-[#1c2a35]/50 text-white placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-[#4afa82]/50"
264264
/>
265265
</div>
266266

‎src/components/IncidentReportForm.jsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -241,7 +241,7 @@ const IncidentReportForm = () => {
241241
value={formData.location}
242242
onChange={handleChange}
243243
placeholder="e.g., London, UK"
244-
className="w-full px-4 py-2 bg-[#0a0e14] border border-[#1c2a35] text-white placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-red-500"
244+
className="w-full px-4 py-2 bg-[#0a0e14] border border-[#1c2a35] text-white placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-[#4afa82]"
245245
/>
246246
</div>
247247
<div>
@@ -254,7 +254,7 @@ const IncidentReportForm = () => {
254254
name="date"
255255
value={formData.date}
256256
onChange={handleChange}
257-
className="w-full px-4 py-2 bg-[#0a0e14] border border-[#1c2a35] text-white focus:outline-none focus:ring-2 focus:ring-red-500"
257+
className="w-full px-4 py-2 bg-[#0a0e14] border border-[#1c2a35] text-white focus:outline-none focus:ring-2 focus:ring-[#4afa82]"
258258
/>
259259
</div>
260260
</div>
@@ -270,7 +270,7 @@ const IncidentReportForm = () => {
270270
onChange={handleChange}
271271
rows={5}
272272
placeholder="Please describe what happened in as much detail as you feel comfortable sharing..."
273-
className="w-full px-4 py-2 bg-[#0a0e14] border border-[#1c2a35] text-white placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-red-500"
273+
className="w-full px-4 py-2 bg-[#0a0e14] border border-[#1c2a35] text-white placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-[#4afa82]"
274274
required
275275
/>
276276
</div>
@@ -286,7 +286,7 @@ const IncidentReportForm = () => {
286286
value={formData.perpetrators}
287287
onChange={handleChange}
288288
placeholder="e.g., Unknown individuals, Chinese embassy staff, CSSA members"
289-
className="w-full px-4 py-2 bg-[#0a0e14] border border-[#1c2a35] text-white placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-red-500"
289+
className="w-full px-4 py-2 bg-[#0a0e14] border border-[#1c2a35] text-white placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-[#4afa82]"
290290
/>
291291
</div>
292292

@@ -301,7 +301,7 @@ const IncidentReportForm = () => {
301301
value={formData.evidence}
302302
onChange={handleChange}
303303
placeholder="e.g., Screenshots, photos, recordings, documents"
304-
className="w-full px-4 py-2 bg-[#0a0e14] border border-[#1c2a35] text-white placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-red-500"
304+
className="w-full px-4 py-2 bg-[#0a0e14] border border-[#1c2a35] text-white placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-[#4afa82]"
305305
/>
306306
<p className="text-xs text-slate-400 mt-1">
307307
Do not upload files here. If you have evidence, mention it and we'll provide secure upload instructions.
@@ -345,7 +345,7 @@ const IncidentReportForm = () => {
345345
value={formData.contactEmail}
346346
onChange={handleChange}
347347
placeholder="your-secure-email@protonmail.com"
348-
className="w-full px-4 py-2 bg-[#0a0e14] border border-[#1c2a35] text-white placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-red-500"
348+
className="w-full px-4 py-2 bg-[#0a0e14] border border-[#1c2a35] text-white placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-[#4afa82]"
349349
/>
350350
<p className="text-xs text-slate-400 mt-1">
351351
We recommend using a secure email provider like ProtonMail

‎src/components/ResearchPapers.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -279,7 +279,7 @@ const ResearchPapers = () => {
279279
placeholder="Search papers by title, author, or topic..."
280280
value={searchQuery}
281281
onChange={(e) => setSearchQuery(e.target.value)}
282-
className="w-full bg-[#111820] border border-[#1c2a35] pl-10 pr-4 py-3 text-white placeholder:text-slate-400 focus:outline-none focus:border-emerald-500"
282+
className="w-full bg-[#111820] border border-[#1c2a35] pl-10 pr-4 py-3 text-white placeholder:text-slate-400 focus:outline-none focus:border-[#4afa82]"
283283
/>
284284
<Search className="absolute left-3 top-3.5 text-slate-500 w-5 h-5" />
285285
</div>

‎src/components/SourceVerification.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -290,7 +290,7 @@ const SourceVerification = () => {
290290
placeholder="Search sources by name or topic..."
291291
value={searchQuery}
292292
onChange={(e) => setSearchQuery(e.target.value)}
293-
className="w-full bg-[#111820] border border-[#1c2a35] px-4 py-3 pl-10 text-white placeholder:text-slate-400 focus:outline-none focus:border-green-500"
293+
className="w-full bg-[#111820] border border-[#1c2a35] px-4 py-3 pl-10 text-white placeholder:text-slate-400 focus:outline-none focus:border-[#4afa82]"
294294
/>
295295
<Search className="absolute left-3 top-3.5 w-4 h-4 text-slate-500" />
296296
</div>

‎src/components/VolunteerSignup.jsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -172,7 +172,7 @@ const VolunteerSignup = () => {
172172
value={formData.name}
173173
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
174174
placeholder="Your name (can be pseudonym)"
175-
className="w-full bg-[#0a0e14] border border-[#1c2a35] px-3 py-2 text-white placeholder:text-slate-400 focus:outline-none focus:border-green-500"
175+
className="w-full bg-[#0a0e14] border border-[#1c2a35] px-3 py-2 text-white placeholder:text-slate-400 focus:outline-none focus:border-[#4afa82]"
176176
/>
177177
</div>
178178
<div>
@@ -184,7 +184,7 @@ const VolunteerSignup = () => {
184184
value={formData.email}
185185
onChange={(e) => setFormData({ ...formData, email: e.target.value })}
186186
placeholder="your@email.com"
187-
className="w-full bg-[#0a0e14] border border-[#1c2a35] px-3 py-2 text-white placeholder:text-slate-400 focus:outline-none focus:border-green-500"
187+
className="w-full bg-[#0a0e14] border border-[#1c2a35] px-3 py-2 text-white placeholder:text-slate-400 focus:outline-none focus:border-[#4afa82]"
188188
/>
189189
</div>
190190
<div>
@@ -194,7 +194,7 @@ const VolunteerSignup = () => {
194194
required
195195
value={formData.availability}
196196
onChange={(e) => setFormData({ ...formData, availability: e.target.value })}
197-
className="w-full bg-[#0a0e14] border border-[#1c2a35] px-3 py-2 text-white focus:outline-none focus:border-green-500"
197+
className="w-full bg-[#0a0e14] border border-[#1c2a35] px-3 py-2 text-white focus:outline-none focus:border-[#4afa82]"
198198
>
199199
<option value="">Select availability</option>
200200
{availabilityOptions.map(opt => (
@@ -236,7 +236,7 @@ const VolunteerSignup = () => {
236236
onChange={(e) => setFormData({ ...formData, message: e.target.value })}
237237
placeholder="Tell us about your experience, motivation, or how you'd like to help"
238238
rows={3}
239-
className="w-full bg-[#0a0e14] border border-[#1c2a35] px-3 py-2 text-white placeholder:text-slate-400 focus:outline-none focus:border-green-500"
239+
className="w-full bg-[#0a0e14] border border-[#1c2a35] px-3 py-2 text-white placeholder:text-slate-400 focus:outline-none focus:border-[#4afa82]"
240240
/>
241241
</div>
242242

0 commit comments

Comments
 (0)