From b6b51cc4d28b9d68dfd584bf6aa52fbb4b41b388 Mon Sep 17 00:00:00 2001 From: Hell3ringer Date: Mon, 20 Jan 2025 18:36:48 +0530 Subject: [PATCH 1/5] #182 - fixed url input field color according to figma --- src/renderer/components/mainWindow/mainTopBar/UrlInput.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/renderer/components/mainWindow/mainTopBar/UrlInput.tsx b/src/renderer/components/mainWindow/mainTopBar/UrlInput.tsx index 3762f379..350a08d1 100644 --- a/src/renderer/components/mainWindow/mainTopBar/UrlInput.tsx +++ b/src/renderer/components/mainWindow/mainTopBar/UrlInput.tsx @@ -12,8 +12,8 @@ export const UrlInput: React.FC = ({ url, onUrlChange, hasError } value={url} type="url" inputMode="url" - style={{ fontFamily: 'monospace' }} - className={`rounded-l-none flex-grow w-full relative ${hasError ? 'border-[var(--error)]' : ''}`} + style={{ fontFamily: 'monospace', backgroundColor: 'var(--background-secondary)' }} + className={`rounded-l-none flex-grow w-full relative ${hasError ? 'border-[var(--error)]' : ''} bg-gray-500`} onChange={onUrlChange} /> ); From ee6c703e44e4b1d7a9f2b42eedab97300f8fcf2b Mon Sep 17 00:00:00 2001 From: Hell3ringer Date: Mon, 20 Jan 2025 18:36:48 +0530 Subject: [PATCH 2/5] #182 - fixed url input field color according to figma --- src/renderer/components/mainWindow/mainTopBar/UrlInput.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/renderer/components/mainWindow/mainTopBar/UrlInput.tsx b/src/renderer/components/mainWindow/mainTopBar/UrlInput.tsx index 3762f379..350a08d1 100644 --- a/src/renderer/components/mainWindow/mainTopBar/UrlInput.tsx +++ b/src/renderer/components/mainWindow/mainTopBar/UrlInput.tsx @@ -12,8 +12,8 @@ export const UrlInput: React.FC = ({ url, onUrlChange, hasError } value={url} type="url" inputMode="url" - style={{ fontFamily: 'monospace' }} - className={`rounded-l-none flex-grow w-full relative ${hasError ? 'border-[var(--error)]' : ''}`} + style={{ fontFamily: 'monospace', backgroundColor: 'var(--background-secondary)' }} + className={`rounded-l-none flex-grow w-full relative ${hasError ? 'border-[var(--error)]' : ''} bg-gray-500`} onChange={onUrlChange} /> ); From ed4600ea684903faca401572824c280405670847 Mon Sep 17 00:00:00 2001 From: Hell3ringer Date: Sat, 25 Jan 2025 10:01:01 +0530 Subject: [PATCH 3/5] #182 - added font css class, used tailwind css class --- src/renderer/components/mainWindow/mainTopBar/UrlInput.tsx | 3 +-- src/renderer/styles/global.css | 4 ++++ 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/src/renderer/components/mainWindow/mainTopBar/UrlInput.tsx b/src/renderer/components/mainWindow/mainTopBar/UrlInput.tsx index 350a08d1..e5ddbc66 100644 --- a/src/renderer/components/mainWindow/mainTopBar/UrlInput.tsx +++ b/src/renderer/components/mainWindow/mainTopBar/UrlInput.tsx @@ -12,8 +12,7 @@ export const UrlInput: React.FC = ({ url, onUrlChange, hasError } value={url} type="url" inputMode="url" - style={{ fontFamily: 'monospace', backgroundColor: 'var(--background-secondary)' }} - className={`rounded-l-none flex-grow w-full relative ${hasError ? 'border-[var(--error)]' : ''} bg-gray-500`} + className={`rounded-l-none flex-grow w-full relative ${hasError ? 'border-[var(--error)]' : ''} bg-background-secondary font-mono`} onChange={onUrlChange} /> ); diff --git a/src/renderer/styles/global.css b/src/renderer/styles/global.css index 4ce8ca2c..eb13259a 100644 --- a/src/renderer/styles/global.css +++ b/src/renderer/styles/global.css @@ -55,3 +55,7 @@ body { color: #EEEEEE; font-weight: 400; } + +.font-mono { + font-family: monospace; +} From 9af902f515d59b09a3859cae3e4e5374a9c573c2 Mon Sep 17 00:00:00 2001 From: Hell3ringer Date: Mon, 27 Jan 2025 23:20:23 +0530 Subject: [PATCH 4/5] #182 - used tailwind font style --- src/renderer/styles/global.css | 22 +++++++++------------- 1 file changed, 9 insertions(+), 13 deletions(-) diff --git a/src/renderer/styles/global.css b/src/renderer/styles/global.css index eb13259a..6de951af 100644 --- a/src/renderer/styles/global.css +++ b/src/renderer/styles/global.css @@ -2,31 +2,31 @@ /* Colors */ .success { - color: #2BB361; + color: #2bb361; } .error { - color: #CA464E; + color: #ca464e; } .http-method-color-get { - color: #97E87F; + color: #97e87f; } .http-method-color-put { - color: #6AC8E7; + color: #6ac8e7; } .http-method-color-post { - color: #8CA5FF; + color: #8ca5ff; } .http-method-color-delete { - color: #E36873; + color: #e36873; } .http-method-color-patch { - color: #EBBA6B; + color: #ebba6b; } /* Tabs scrollbar styles */ @@ -51,11 +51,7 @@ } body { - font-family: "Lato", sans-serif; - color: #EEEEEE; + font-family: 'Lato', sans-serif; + color: #eeeeee; font-weight: 400; } - -.font-mono { - font-family: monospace; -} From 6a7989f82166950234a92fb97ea954e49444f51b Mon Sep 17 00:00:00 2001 From: Michael Giek Date: Tue, 28 Jan 2025 08:43:54 +0100 Subject: [PATCH 5/5] #186 - Revert renaming color --- src/renderer/styles/global.css | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/renderer/styles/global.css b/src/renderer/styles/global.css index 6de951af..4ce8ca2c 100644 --- a/src/renderer/styles/global.css +++ b/src/renderer/styles/global.css @@ -2,31 +2,31 @@ /* Colors */ .success { - color: #2bb361; + color: #2BB361; } .error { - color: #ca464e; + color: #CA464E; } .http-method-color-get { - color: #97e87f; + color: #97E87F; } .http-method-color-put { - color: #6ac8e7; + color: #6AC8E7; } .http-method-color-post { - color: #8ca5ff; + color: #8CA5FF; } .http-method-color-delete { - color: #e36873; + color: #E36873; } .http-method-color-patch { - color: #ebba6b; + color: #EBBA6B; } /* Tabs scrollbar styles */ @@ -51,7 +51,7 @@ } body { - font-family: 'Lato', sans-serif; - color: #eeeeee; + font-family: "Lato", sans-serif; + color: #EEEEEE; font-weight: 400; }