@@ -232,12 +232,12 @@ export default function ConfigurePage() {
232232 < section className = "space-y-6 rounded-xl border bg-white/90 p-4 shadow-sm" >
233233 { /* Template */ }
234234 < label className = "grid gap-1" >
235- < span className = "text-sm font-medium" > Template</ span >
235+ < span className = "text-sm font-medium text-slate-800 " > Template</ span >
236236 < select
237237 disabled = { busy }
238238 value = { template }
239239 onChange = { ( e ) => setTemplate ( e . target . value ) }
240- className = "rounded-md border px-3 py-2 text-sm"
240+ className = "rounded-md border border-slate-300 bg-white px-3 py-2 text-sm text-slate-900 disabled:bg-slate-100 disabled:text-slate-400 "
241241 >
242242 < option value = "node_app" > Node.js app</ option >
243243 < option value = "node_library" > Node.js library</ option >
@@ -250,7 +250,7 @@ export default function ConfigurePage() {
250250
251251 { /* Stages */ }
252252 < fieldset className = "space-y-2" >
253- < legend className = "text-sm font-medium" > Enabled stages</ legend >
253+ < legend className = "text-sm font-medium text-slate-800 " > Enabled stages</ legend >
254254 < div className = "flex flex-wrap gap-3" >
255255 { ( [ "build" , "test" , "deploy" ] as const ) . map ( ( stage ) => (
256256 < label
@@ -273,7 +273,7 @@ export default function ConfigurePage() {
273273 { /* Node version + commands */ }
274274 < div className = "grid gap-4" >
275275 < label className = "grid gap-1" >
276- < span className = "text-sm font-medium" > Node version</ span >
276+ < span className = "text-sm font-medium text-slate-800 " > Node version</ span >
277277 < input
278278 disabled = { busy }
279279 value = { options . nodeVersion }
@@ -286,7 +286,7 @@ export default function ConfigurePage() {
286286 </ label >
287287
288288 < label className = "grid gap-1" >
289- < span className = "text-sm font-medium" > Install command</ span >
289+ < span className = "text-sm font-medium text-slate-800 " > Install command</ span >
290290 < input
291291 disabled = { busy }
292292 value = { options . installCmd }
@@ -299,7 +299,7 @@ export default function ConfigurePage() {
299299 </ label >
300300
301301 < label className = "grid gap-1" >
302- < span className = "text-sm font-medium" > Test command</ span >
302+ < span className = "text-sm font-medium text-slate-800 " > Test command</ span >
303303 < input
304304 disabled = { busy }
305305 value = { options . testCmd }
@@ -312,7 +312,7 @@ export default function ConfigurePage() {
312312 </ label >
313313
314314 < label className = "grid gap-1" >
315- < span className = "text-sm font-medium" > Build command</ span >
315+ < span className = "text-sm font-medium text-slate-800 " > Build command</ span >
316316 < input
317317 disabled = { busy }
318318 value = { options . buildCmd }
@@ -327,12 +327,12 @@ export default function ConfigurePage() {
327327
328328 { /* AWS Role */ }
329329 < label className = "grid gap-1" >
330- < span className = "text-sm font-medium" > AWS Role (OIDC)</ span >
330+ < span className = "text-sm font-medium text-slate-800 " > AWS Role (OIDC)</ span >
331331 < select
332332 disabled = { busy || ! roles . length }
333333 value = { options . awsRoleArn ?? "" }
334334 onChange = { ( e ) => setOption ( "awsRoleArn" , e . target . value ) }
335- className = "rounded-md border px-3 py-2 text-sm bg-black text-white "
335+ className = "rounded-md border border-slate-300 bg-white px-3 py-2 text-sm text-slate-900 disabled: bg-slate-100 disabled: text-slate-400 "
336336 >
337337 < option value = "" > -- select --</ option >
338338 { roles . map ( ( r ) => (
@@ -385,7 +385,7 @@ export default function ConfigurePage() {
385385 < section className = "flex flex-col rounded-xl border bg-white/90 p-4 shadow-sm" >
386386 < div className = "mb-3 flex items-center justify-between gap-2" >
387387 < div >
388- < h2 className = "text-sm font-medium" > AI YAML wizard</ h2 >
388+ < h2 className = "text-sm font-medium text-slate-900 " > AI YAML wizard</ h2 >
389389 < p className = "text-xs text-slate-500" >
390390 Describe how you want your workflow to behave. I’ll suggest
391391 envs, branches, caching, matrix builds, etc.
@@ -406,7 +406,7 @@ export default function ConfigurePage() {
406406 className = { `rounded-lg px-3 py-2 text-xs whitespace-pre-wrap ${
407407 m . role === "user"
408408 ? "bg-slate-900 text-white"
409- : "bg-white text-slate-900 border border-slate-200 "
409+ : "bg-white text-slate-900 border border-slate-300 "
410410 } max-w-[80%]`}
411411 >
412412 { m . content }
@@ -423,7 +423,7 @@ export default function ConfigurePage() {
423423 { /* Chat input */ }
424424 < div className = "mt-3 space-y-2" >
425425 < textarea
426- className = "w-full rounded-md border px-3 py-2 text-xs resize-none"
426+ className = "w-full rounded-md border border-slate-300 bg-white px-3 py-2 text-xs text-slate-900 resize-none disabled:bg-slate-100 disabled:text-slate-400 "
427427 rows = { 3 }
428428 placeholder = "E.g. I want this to run only on main and PRs, use Node 20, cache npm, and deploy to prod on tags starting with v*…"
429429 value = { chatInput }
0 commit comments