Skip to content

Commit cc4707b

Browse files
author
Parth
committed
update the font color
1 parent dee9b22 commit cc4707b

12 files changed

Lines changed: 58 additions & 58 deletions

‎frontend/src/components/AssertionResults.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ interface AssertionResultsProps {
88
export function AssertionResults({ results }: AssertionResultsProps) {
99
if (results.length === 0) {
1010
return (
11-
<div className="p-4 text-center text-ctp-subtext0 text-xs">
11+
<div className="p-4 text-center text-ctp-text text-xs">
1212
No assertions to run
1313
</div>
1414
);
@@ -69,7 +69,7 @@ export function AssertionResults({ results }: AssertionResultsProps) {
6969
{result.message}
7070
</div>
7171
{!result.passed && result.actual && (
72-
<div className="text-xs text-ctp-subtext0 mt-0.5 truncate">
72+
<div className="text-xs text-ctp-text mt-0.5 truncate">
7373
Actual: {result.actual}
7474
</div>
7575
)}

‎frontend/src/components/AssertionsEditor.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@ export function AssertionsEditor({ assertions, onChange }: AssertionsEditorProps
9191
<div className="p-4 space-y-3">
9292
{/* Header */}
9393
<div className="flex items-center justify-between">
94-
<div className="text-xs text-ctp-subtext0">
94+
<div className="text-xs text-ctp-text">
9595
{assertions.length === 0
9696
? "No assertions yet"
9797
: `${assertions.length} assertion${assertions.length !== 1 ? "s" : ""}`}
@@ -107,9 +107,9 @@ export function AssertionsEditor({ assertions, onChange }: AssertionsEditorProps
107107

108108
{/* Assertions List */}
109109
{assertions.length === 0 ? (
110-
<div className="text-center py-8 text-ctp-subtext0 text-xs">
110+
<div className="text-center py-8 text-ctp-text text-xs">
111111
<p>Add assertions to test your API responses</p>
112-
<p className="mt-1 text-ctp-overlay0">
112+
<p className="mt-1 text-ctp-text/70">
113113
Check status codes, response times, headers, and body content
114114
</p>
115115
</div>

‎frontend/src/components/AuthEditor.tsx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ export function AuthEditor({ auth, onChange }: AuthEditorProps) {
2727
<div className="space-y-4">
2828
{/* Auth Type Selector */}
2929
<div className="space-y-1.5">
30-
<label className="text-xs text-ctp-subtext0 font-medium">Type</label>
30+
<label className="text-xs text-ctp-text font-medium">Type</label>
3131
<div className="relative">
3232
<select
3333
value={auth.type}
@@ -50,7 +50,7 @@ export function AuthEditor({ auth, onChange }: AuthEditorProps) {
5050
{/* Basic Auth Fields */}
5151
{auth.type === "basic" && (
5252
<div className="space-y-3 p-3 bg-ctp-surface0/50 rounded-lg border border-ctp-surface1">
53-
<div className="flex items-center gap-2 text-ctp-subtext0">
53+
<div className="flex items-center gap-2 text-ctp-text">
5454
<Icons.Lock size={14} />
5555
<span className="text-xs font-medium">Basic Authentication</span>
5656
</div>
@@ -85,7 +85,7 @@ export function AuthEditor({ auth, onChange }: AuthEditorProps) {
8585
{/* Bearer Token Fields */}
8686
{auth.type === "bearer" && (
8787
<div className="space-y-3 p-3 bg-ctp-surface0/50 rounded-lg border border-ctp-surface1">
88-
<div className="flex items-center gap-2 text-ctp-subtext0">
88+
<div className="flex items-center gap-2 text-ctp-text">
8989
<Icons.Key size={14} />
9090
<span className="text-xs font-medium">Bearer Token</span>
9191
</div>
@@ -111,7 +111,7 @@ export function AuthEditor({ auth, onChange }: AuthEditorProps) {
111111
{/* API Key Fields */}
112112
{auth.type === "apikey" && (
113113
<div className="space-y-3 p-3 bg-ctp-surface0/50 rounded-lg border border-ctp-surface1">
114-
<div className="flex items-center gap-2 text-ctp-subtext0">
114+
<div className="flex items-center gap-2 text-ctp-text">
115115
<Icons.Key size={14} />
116116
<span className="text-xs font-medium">API Key</span>
117117
</div>
@@ -145,7 +145,7 @@ export function AuthEditor({ auth, onChange }: AuthEditorProps) {
145145
className={`flex-1 py-1.5 text-xs font-medium rounded transition-colors ${
146146
auth.apiKeyLocation === "header"
147147
? "bg-ctp-mauve/20 text-ctp-mauve border border-ctp-mauve"
148-
: "bg-ctp-surface0 text-ctp-subtext0 border border-ctp-surface1 hover:border-ctp-surface2"
148+
: "bg-ctp-surface0 text-ctp-text border border-ctp-surface1 hover:border-ctp-surface2"
149149
}`}
150150
>
151151
Add to Header
@@ -155,7 +155,7 @@ export function AuthEditor({ auth, onChange }: AuthEditorProps) {
155155
className={`flex-1 py-1.5 text-xs font-medium rounded transition-colors ${
156156
auth.apiKeyLocation === "query"
157157
? "bg-ctp-mauve/20 text-ctp-mauve border border-ctp-mauve"
158-
: "bg-ctp-surface0 text-ctp-subtext0 border border-ctp-surface1 hover:border-ctp-surface2"
158+
: "bg-ctp-surface0 text-ctp-text border border-ctp-surface1 hover:border-ctp-surface2"
159159
}`}
160160
>
161161
Add to Query
@@ -167,7 +167,7 @@ export function AuthEditor({ auth, onChange }: AuthEditorProps) {
167167

168168
{/* No Auth Message */}
169169
{auth.type === "none" && (
170-
<div className="p-4 text-center text-ctp-overlay0 text-sm">
170+
<div className="p-4 text-center text-ctp-text text-sm">
171171
No authentication will be used for this request.
172172
</div>
173173
)}

‎frontend/src/components/ChainVariableExtractor.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -124,7 +124,7 @@ export function ChainVariableExtractor({
124124
{/* Saved Chain Variables */}
125125
{chainVariables.length > 0 && (
126126
<div className="space-y-2">
127-
<div className="text-xs text-ctp-subtext0 flex items-center gap-2">
127+
<div className="text-xs text-ctp-text flex items-center gap-2">
128128
<Icons.Bolt size={12} className="text-ctp-yellow" />
129129
Chain Variables ({chainVariables.length})
130130
</div>
@@ -160,7 +160,7 @@ export function ChainVariableExtractor({
160160

161161
{/* Extract New Variable */}
162162
<div className="space-y-3">
163-
<div className="text-xs text-ctp-subtext0">Extract Value to Variable</div>
163+
<div className="text-xs text-ctp-text">Extract Value to Variable</div>
164164

165165
{/* Extraction Type */}
166166
<div className="flex gap-1 bg-ctp-surface0 rounded-md p-0.5">

‎frontend/src/components/ClientSettings.tsx‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -123,7 +123,7 @@ export function ClientSettings({
123123
<div className="space-y-6">
124124
{/* User-Agent Selection */}
125125
<div className="space-y-3">
126-
<div className="flex items-center gap-2 text-xs text-ctp-subtext0">
126+
<div className="flex items-center gap-2 text-xs text-ctp-text">
127127
<Icons.Globe size={12} />
128128
<span>User-Agent</span>
129129
</div>
@@ -144,7 +144,7 @@ export function ClientSettings({
144144

145145
{/* Custom Input */}
146146
<div className="space-y-1">
147-
<label className="text-xs text-ctp-overlay0">Custom User-Agent:</label>
147+
<label className="text-xs text-ctp-text">Custom User-Agent:</label>
148148
<input
149149
type="text"
150150
value={isCustom ? customAgent : ""}
@@ -156,14 +156,14 @@ export function ClientSettings({
156156

157157
{/* Current Value Preview */}
158158
<div className="p-3 bg-ctp-surface0/50 rounded-md border border-ctp-surface0">
159-
<div className="text-xs text-ctp-overlay0 mb-1">Will be sent as:</div>
159+
<div className="text-xs text-ctp-text mb-1">Will be sent as:</div>
160160
<code className="text-xs text-ctp-green break-all">{getCurrentUserAgent()}</code>
161161
</div>
162162
</div>
163163

164164
{/* Client Info */}
165165
<div className="space-y-3">
166-
<div className="flex items-center gap-2 text-xs text-ctp-subtext0">
166+
<div className="flex items-center gap-2 text-xs text-ctp-text">
167167
<Icons.Settings size={12} />
168168
<span>Client Information</span>
169169
</div>
@@ -172,15 +172,15 @@ export function ClientSettings({
172172
{clientInfo && (
173173
<>
174174
<div className="flex items-center justify-between p-2 bg-ctp-surface0/30 rounded-md">
175-
<span className="text-xs text-ctp-subtext0">Platform</span>
175+
<span className="text-xs text-ctp-text">Platform</span>
176176
<span className="text-xs text-ctp-text">{clientInfo.platform}</span>
177177
</div>
178178
<div className="flex items-center justify-between p-2 bg-ctp-surface0/30 rounded-md">
179-
<span className="text-xs text-ctp-subtext0">Language</span>
179+
<span className="text-xs text-ctp-text">Language</span>
180180
<span className="text-xs text-ctp-text">{clientInfo.language}</span>
181181
</div>
182182
<div className="flex items-center justify-between p-2 bg-ctp-surface0/30 rounded-md">
183-
<span className="text-xs text-ctp-subtext0">Screen Size</span>
183+
<span className="text-xs text-ctp-text">Screen Size</span>
184184
<span className="text-xs text-ctp-text">{clientInfo.screenSize}</span>
185185
</div>
186186
</>
@@ -190,7 +190,7 @@ export function ClientSettings({
190190

191191
{/* Proxy Settings */}
192192
<div className="space-y-3">
193-
<div className="flex items-center gap-2 text-xs text-ctp-subtext0">
193+
<div className="flex items-center gap-2 text-xs text-ctp-text">
194194
<Icons.Globe size={12} />
195195
<span>Proxy</span>
196196
</div>
@@ -218,7 +218,7 @@ export function ClientSettings({
218218

219219
{/* SSL Settings */}
220220
<div className="space-y-3">
221-
<div className="flex items-center gap-2 text-xs text-ctp-subtext0">
221+
<div className="flex items-center gap-2 text-xs text-ctp-text">
222222
<Icons.Lock size={12} />
223223
<span>SSL / TLS</span>
224224
</div>
@@ -245,7 +245,7 @@ export function ClientSettings({
245245
)}
246246

247247
<div className="space-y-2">
248-
<label className="text-xs text-ctp-overlay0">Client Certificate (optional):</label>
248+
<label className="text-xs text-ctp-text">Client Certificate (optional):</label>
249249
<input
250250
type="text"
251251
value={ssl.clientCertPath}
@@ -265,7 +265,7 @@ export function ClientSettings({
265265

266266
{/* Redirect Settings */}
267267
<div className="space-y-3">
268-
<div className="flex items-center gap-2 text-xs text-ctp-subtext0">
268+
<div className="flex items-center gap-2 text-xs text-ctp-text">
269269
<Icons.ArrowRight size={12} />
270270
<span>Redirects</span>
271271
</div>
@@ -282,7 +282,7 @@ export function ClientSettings({
282282

283283
{redirects.follow && (
284284
<div className="flex items-center gap-2">
285-
<label className="text-xs text-ctp-overlay0">Max Redirects:</label>
285+
<label className="text-xs text-ctp-text">Max Redirects:</label>
286286
<input
287287
type="number"
288288
value={redirects.maxRedirects}

‎frontend/src/components/CollectionsSidebar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -377,7 +377,7 @@ export const CollectionsSidebar = forwardRef<CollectionsSidebarRef, CollectionsS
377377
Loading...
378378
</div>
379379
) : collection.requests.length === 0 ? (
380-
<div className="px-6 py-2 text-xs text-ctp-overlay0 font-medium italic">
380+
<div className="px-6 py-2 text-xs text-ctp-text font-medium italic">
381381
Empty collection
382382
</div>
383383
) : (

‎frontend/src/components/EnvironmentManager.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -228,7 +228,7 @@ export function EnvironmentManager({
228228
{/* List */}
229229
<div className="flex-1 overflow-y-auto">
230230
{environments.length === 0 && (
231-
<div className="p-4 text-center text-ctp-subtext0 text-xs">
231+
<div className="p-4 text-center text-ctp-text text-xs">
232232
No environments yet
233233
</div>
234234
)}
@@ -324,7 +324,7 @@ export function EnvironmentManager({
324324
{/* Variables list */}
325325
<div className="flex-1 overflow-y-auto p-4">
326326
{/* Header */}
327-
<div className="grid grid-cols-[20px_1fr_1fr_28px] gap-2 text-xs text-ctp-subtext0 pb-2">
327+
<div className="grid grid-cols-[20px_1fr_1fr_28px] gap-2 text-xs text-ctp-text pb-2">
328328
<div></div>
329329
<div>Variable</div>
330330
<div>Value</div>
@@ -395,12 +395,12 @@ export function EnvironmentManager({
395395
</div>
396396

397397
{/* Usage hint */}
398-
<div className="px-4 py-2 border-t border-ctp-surface0 text-xs text-ctp-subtext0">
398+
<div className="px-4 py-2 border-t border-ctp-surface0 text-xs text-ctp-text">
399399
Use <code className="bg-ctp-surface0 px-1 py-0.5 rounded text-ctp-mauve">{"{{variableName}}"}</code> in URLs, headers, or body
400400
</div>
401401
</>
402402
) : (
403-
<div className="flex-1 flex items-center justify-center text-ctp-subtext0 text-sm">
403+
<div className="flex-1 flex items-center justify-center text-ctp-text text-sm">
404404
Select an environment to manage variables
405405
</div>
406406
)}

‎frontend/src/components/EnvironmentSelector.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -88,7 +88,7 @@ export function EnvironmentSelector({
8888
className={`flex items-center gap-1.5 px-2 py-1 text-xs rounded-md ${
8989
activeEnv
9090
? "bg-ctp-green/10 text-ctp-green border border-ctp-green/30"
91-
: "text-ctp-subtext0 hover:text-ctp-text hover:bg-ctp-surface0"
91+
: "text-ctp-text hover:bg-ctp-surface0"
9292
}`}
9393
>
9494
<Icons.Globe size={12} />
@@ -100,14 +100,14 @@ export function EnvironmentSelector({
100100
</button>
101101

102102
{isOpen && (
103-
<div className="absolute top-full right-0 mt-1 w-48 bg-ctp-surface0 border border-ctp-surface1 rounded-md shadow-lg shadow-ctp-crust/30 overflow-hidden z-50">
103+
<div className="absolute top-full left-0 mt-1 w-48 bg-ctp-surface0 border border-ctp-surface1 rounded-md shadow-lg shadow-ctp-crust/30 overflow-hidden z-50">
104104
{/* No Environment option */}
105105
<button
106106
onClick={handleClearEnvironment}
107107
className={`w-full px-3 py-2 text-left text-xs flex items-center gap-2 ${
108108
!activeEnv
109109
? "bg-ctp-surface1 text-ctp-text"
110-
: "text-ctp-subtext0 hover:bg-ctp-surface1 hover:text-ctp-text"
110+
: "text-ctp-text hover:bg-ctp-surface1"
111111
}`}
112112
>
113113
<span className={`w-1.5 h-1.5 rounded-full ${!activeEnv ? "bg-ctp-green" : "bg-transparent"}`} />
@@ -127,7 +127,7 @@ export function EnvironmentSelector({
127127
className={`w-full px-3 py-2 text-left text-xs flex items-center gap-2 ${
128128
activeEnv?.id === env.id
129129
? "bg-ctp-green/10 text-ctp-green"
130-
: "text-ctp-subtext0 hover:bg-ctp-surface1 hover:text-ctp-text"
130+
: "text-ctp-text hover:bg-ctp-surface1"
131131
}`}
132132
>
133133
<span className={`w-1.5 h-1.5 rounded-full ${activeEnv?.id === env.id ? "bg-ctp-green" : "bg-transparent"}`} />
@@ -144,7 +144,7 @@ export function EnvironmentSelector({
144144
setIsOpen(false);
145145
onManageClick();
146146
}}
147-
className="w-full px-3 py-2 text-left text-xs text-ctp-subtext0 hover:bg-ctp-surface1 hover:text-ctp-text flex items-center gap-2"
147+
className="w-full px-3 py-2 text-left text-xs text-ctp-text hover:bg-ctp-surface1 flex items-center gap-2"
148148
>
149149
<Icons.Settings size={12} />
150150
Manage Environments

‎frontend/src/components/HistorySidebar.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -129,14 +129,14 @@ export const HistorySidebar = forwardRef<HistorySidebarRef, Props>(
129129
{/* History List */}
130130
<div className="flex-1 overflow-y-auto">
131131
{isLoading && history.length === 0 && (
132-
<div className="p-6 text-center text-ctp-subtext0 text-xs flex flex-col items-center gap-2">
132+
<div className="p-6 text-center text-ctp-text text-xs flex flex-col items-center gap-2">
133133
<Icons.Spinner size={14} className="text-ctp-mauve" />
134134
Loading...
135135
</div>
136136
)}
137137

138138
{!isLoading && history.length === 0 && (
139-
<div className="p-6 text-center text-ctp-subtext0 text-xs flex flex-col items-center gap-3">
139+
<div className="p-6 text-center text-ctp-text text-xs flex flex-col items-center gap-3">
140140
<Icons.History size={20} className="text-ctp-surface2" />
141141
{search ? "No matches" : "No history yet"}
142142
</div>
@@ -178,13 +178,13 @@ export const HistorySidebar = forwardRef<HistorySidebarRef, Props>(
178178

179179
{/* Footer */}
180180
<div className="px-3 py-2 border-t border-ctp-surface0 flex justify-between items-center">
181-
<span className="text-xs text-ctp-subtext0">
181+
<span className="text-xs text-ctp-text">
182182
{history.length} {history.length === 1 ? "item" : "items"}
183183
</span>
184184
{history.length > 0 && (
185185
<button
186186
onClick={handleClear}
187-
className="text-xs text-ctp-subtext0 hover:text-ctp-red flex items-center gap-1 px-1 py-0.5 rounded hover:bg-ctp-red/10"
187+
className="text-xs text-ctp-text hover:text-ctp-red flex items-center gap-1 px-1 py-0.5 rounded hover:bg-ctp-red/10"
188188
>
189189
<Icons.Trash size={10} />
190190
Clear

‎frontend/src/components/KeyValueEditor.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ export function KeyValueEditor({
8585
return (
8686
<div className="space-y-1">
8787
{/* Header - aligned with grid below */}
88-
<div className="grid grid-cols-[20px_1fr_1fr_28px] gap-2 text-xs text-ctp-subtext0 pb-1">
88+
<div className="grid grid-cols-[20px_1fr_1fr_28px] gap-2 text-xs text-ctp-text pb-1">
8989
<div></div>
9090
<div className="px-1">{keyPlaceholder}</div>
9191
<div className="px-1">{valuePlaceholder}</div>
@@ -148,7 +148,7 @@ export function KeyValueEditor({
148148
{/* Add button */}
149149
<button
150150
onClick={addPair}
151-
className="flex items-center gap-1.5 text-xs text-ctp-subtext0 hover:text-ctp-text px-1 py-1.5 mt-1 rounded-md hover:bg-ctp-surface0/50"
151+
className="flex items-center gap-1.5 text-xs text-ctp-text hover:text-ctp-mauve px-1 py-1.5 mt-1 rounded-md hover:bg-ctp-surface0/50"
152152
>
153153
<Icons.Plus size={12} />
154154
Add row

0 commit comments

Comments
 (0)