From 481fa4ed12b65766cc7340a091b24970efeca493 Mon Sep 17 00:00:00 2001 From: sanish chirayath Date: Fri, 2 Jan 2026 20:51:19 +0530 Subject: [PATCH 1/9] fix: authmode in graphql (#6636) --- .../RequestPane/GraphQLRequestPane/index.js | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/packages/bruno-app/src/components/RequestPane/GraphQLRequestPane/index.js b/packages/bruno-app/src/components/RequestPane/GraphQLRequestPane/index.js index 6bc8781e5..c1da54337 100644 --- a/packages/bruno-app/src/components/RequestPane/GraphQLRequestPane/index.js +++ b/packages/bruno-app/src/components/RequestPane/GraphQLRequestPane/index.js @@ -20,6 +20,7 @@ import GraphQLSchemaActions from '../GraphQLSchemaActions/index'; import HeightBoundContainer from 'ui/HeightBoundContainer'; import Settings from 'components/RequestPane/Settings'; import ResponsiveTabs from 'ui/ResponsiveTabs'; +import AuthMode from '../Auth/AuthMode/index'; const TAB_CONFIG = [ { key: 'query', label: 'Query' }, @@ -134,11 +135,15 @@ const GraphQLRequestPane = ({ item, collection, onSchemaLoad, toggleDocs, handle return
An error occurred!
; } - const rightContent = ( + const rightContent = requestPaneTab === 'auth' ? ( +
+ +
+ ) : requestPaneTab === 'query' ? (
- ); + ) : null; return (
@@ -147,7 +152,7 @@ const GraphQLRequestPane = ({ item, collection, onSchemaLoad, toggleDocs, handle activeTab={requestPaneTab} onTabSelect={selectTab} rightContent={rightContent} - rightContentRef={schemaActionsRef} + rightContentRef={rightContent ? schemaActionsRef : null} />
From 15065eb2f1ed0622dfc5ab9e6267db8196b59bef Mon Sep 17 00:00:00 2001 From: sanish chirayath Date: Fri, 2 Jan 2026 20:52:32 +0530 Subject: [PATCH 2/9] fix: file picker component overflow (#6635) --- .../src/components/FilePickerEditor/StyledWrapper.js | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/packages/bruno-app/src/components/FilePickerEditor/StyledWrapper.js b/packages/bruno-app/src/components/FilePickerEditor/StyledWrapper.js index 418b3ca9c..959f06f32 100644 --- a/packages/bruno-app/src/components/FilePickerEditor/StyledWrapper.js +++ b/packages/bruno-app/src/components/FilePickerEditor/StyledWrapper.js @@ -4,6 +4,8 @@ const StyledWrapper = styled.div` display: flex; align-items: center; width: 100%; + overflow: hidden; + min-width: 0; .file-picker-btn { display: flex; @@ -18,6 +20,9 @@ const StyledWrapper = styled.div` transition: color 0.15s ease; font-size: 12px; white-space: nowrap; + overflow: hidden; + min-width: 0; + max-width: 100%; &:hover { color: ${(props) => props.theme.text} !important; @@ -30,6 +35,7 @@ const StyledWrapper = styled.div` &.icon-only { padding: 4px; + flex-shrink: 0; } &.icon-right { @@ -39,6 +45,9 @@ const StyledWrapper = styled.div` span { line-height: 1; + overflow: hidden; + text-overflow: ellipsis; + min-width: 0; } .label { From 781def844dad7c8b04ae277ef5a4be72e1e8aa92 Mon Sep 17 00:00:00 2001 From: sanish chirayath Date: Fri, 2 Jan 2026 20:53:47 +0530 Subject: [PATCH 3/9] fix: tooltip styling (#6632) --- .../src/components/EditableTable/StyledWrapper.js | 1 - .../EnvironmentVariables/StyledWrapper.js | 1 - .../RequestPane/WSSettingsPane/StyledWrapper.js | 1 - .../SensitiveFieldWarning/StyledWrapper.js | 1 - .../EnvironmentVariables/StyledWrapper.js | 1 - packages/bruno-app/src/globalStyles.js | 12 ++++++++++++ 6 files changed, 12 insertions(+), 5 deletions(-) diff --git a/packages/bruno-app/src/components/EditableTable/StyledWrapper.js b/packages/bruno-app/src/components/EditableTable/StyledWrapper.js index 98b307d97..f980560ed 100644 --- a/packages/bruno-app/src/components/EditableTable/StyledWrapper.js +++ b/packages/bruno-app/src/components/EditableTable/StyledWrapper.js @@ -83,7 +83,6 @@ const StyledWrapper = styled.div` } .tooltip-mod { - font-size: 11px !important; max-width: 200px !important; } diff --git a/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js b/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js index b356ab017..4b062d3d3 100644 --- a/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js +++ b/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js @@ -76,7 +76,6 @@ const Wrapper = styled.div` } .tooltip-mod { - font-size: 11px !important; max-width: 200px !important; } diff --git a/packages/bruno-app/src/components/RequestPane/WSSettingsPane/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/WSSettingsPane/StyledWrapper.js index c1cd7afd1..985575708 100644 --- a/packages/bruno-app/src/components/RequestPane/WSSettingsPane/StyledWrapper.js +++ b/packages/bruno-app/src/components/RequestPane/WSSettingsPane/StyledWrapper.js @@ -13,7 +13,6 @@ const StyledWrapper = styled.div` } .tooltip-mod { - font-size: ${(props) => props.theme.font.size.xs} !important; width: 150px !important; & ul { diff --git a/packages/bruno-app/src/components/SensitiveFieldWarning/StyledWrapper.js b/packages/bruno-app/src/components/SensitiveFieldWarning/StyledWrapper.js index f1df82fd7..29129f1bb 100644 --- a/packages/bruno-app/src/components/SensitiveFieldWarning/StyledWrapper.js +++ b/packages/bruno-app/src/components/SensitiveFieldWarning/StyledWrapper.js @@ -2,7 +2,6 @@ import styled from 'styled-components'; const Wrapper = styled.div` .tooltip-mod { - font-size: ${(props) => props.theme.font.size.xs} !important; width: 150px !important; } diff --git a/packages/bruno-app/src/components/WorkspaceHome/WorkspaceEnvironments/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js b/packages/bruno-app/src/components/WorkspaceHome/WorkspaceEnvironments/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js index c726b83b7..fb9a1d2e7 100644 --- a/packages/bruno-app/src/components/WorkspaceHome/WorkspaceEnvironments/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js +++ b/packages/bruno-app/src/components/WorkspaceHome/WorkspaceEnvironments/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js @@ -75,7 +75,6 @@ const Wrapper = styled.div` } .tooltip-mod { - font-size: 11px !important; max-width: 200px !important; } diff --git a/packages/bruno-app/src/globalStyles.js b/packages/bruno-app/src/globalStyles.js index 31421964e..ac675304d 100644 --- a/packages/bruno-app/src/globalStyles.js +++ b/packages/bruno-app/src/globalStyles.js @@ -19,6 +19,18 @@ const GlobalStyle = createGlobalStyle` color: ${(props) => props.theme.colors.text.muted}; } + .tooltip-mod { + background-color: ${(props) => props.theme.infoTip.bg} !important; + color: ${(props) => props.theme.text} !important; + border: 1px solid ${(props) => props.theme.infoTip.border} !important; + box-shadow: ${(props) => props.theme.infoTip.boxShadow} !important; + font-size: ${(props) => props.theme.font.size.xs} !important; + padding: 4px 8px !important; + border-radius: 4px !important; + opacity: 1 !important; + z-index: 9999 !important; + } + .btn { text-align: center; white-space: nowrap; From 902d9ff968f083b678a6599bb785ebfe9affad88 Mon Sep 17 00:00:00 2001 From: Abhishek S Lal Date: Fri, 2 Jan 2026 20:57:20 +0530 Subject: [PATCH 4/9] refactor: update color references in OAuth2 components to use theme.primary.text for improved consistency (#6629) * refactor: update color references in OAuth2 components to use theme.primary.text for improved consistency * refactor: update modal size in ImportCollectionLocation component for improved consistency * refactor: set isActiveTab prop in QueryResponse component and update active color in StyledWrapper for consistency --- .../Auth/OAuth2/AdditionalParams/StyledWrapper.js | 12 ++++++------ .../Auth/OAuth2/AuthorizationCode/StyledWrapper.js | 2 +- .../Auth/OAuth2/ClientCredentials/StyledWrapper.js | 2 +- .../Auth/OAuth2/GrantTypeSelector/StyledWrapper.js | 2 +- .../Auth/OAuth2/Implicit/StyledWrapper.js | 4 ++-- .../Auth/OAuth2/Oauth2ActionButtons/index.js | 3 ++- .../Auth/OAuth2/PasswordCredentials/StyledWrapper.js | 2 +- .../GrpcQueryUrl/ProtoFileDropdown/index.js | 4 ++-- .../components/ResponsePane/QueryResponse/index.js | 1 + .../QueryResultTypeSelector/StyledWrapper.js | 2 +- .../Timeline/TimelineItem/StyledWrapper.js | 4 ++-- .../Sidebar/ImportCollectionLocation/index.js | 2 +- packages/bruno-app/src/themes/dark/vscode.js | 2 +- 13 files changed, 22 insertions(+), 20 deletions(-) diff --git a/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/AdditionalParams/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/AdditionalParams/StyledWrapper.js index a9173ed0d..6b6ef3620 100644 --- a/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/AdditionalParams/StyledWrapper.js +++ b/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/AdditionalParams/StyledWrapper.js @@ -19,18 +19,18 @@ const StyledWrapper = styled.div` border: none !important; border-bottom: none !important; margin-right: 0; - + &:hover { background-color: ${(props) => rgba(props.theme.primary.solid, 0.1)}; } - + &.active { background-color: ${(props) => { return props.theme.mode === 'dark' ? rgba(props.theme.primary.solid, 0.2) : rgba(props.theme.primary.solid, 0.1); }}; - color: ${(props) => props.theme.primary.solid} !important; + color: ${(props) => props.theme.primary.text} !important; border-bottom: none !important; font-weight: normal !important; } @@ -57,7 +57,7 @@ const StyledWrapper = styled.div` padding: 6px 10px; } } - + .additional-parameter-sends-in-selector { select { height: 32px; @@ -65,14 +65,14 @@ const StyledWrapper = styled.div` border: 1px solid ${(props) => props.theme.input.border}; border-radius: 4px; padding: 0 8px; - + &:focus { outline: none; border-color: ${(props) => props.theme.primary.solid}; } } } - + .add-additional-param-actions { &:hover { color: ${(props) => props.theme.primary.solid}; diff --git a/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/AuthorizationCode/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/AuthorizationCode/StyledWrapper.js index 02560b8d1..b2f9adbb2 100644 --- a/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/AuthorizationCode/StyledWrapper.js +++ b/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/AuthorizationCode/StyledWrapper.js @@ -7,7 +7,7 @@ const Wrapper = styled.div` } .oauth2-icon { - color: ${(props) => props.theme.primary.solid}; + color: ${(props) => props.theme.primary.text}; } label { diff --git a/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/ClientCredentials/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/ClientCredentials/StyledWrapper.js index fb40602d5..4ed2520f5 100644 --- a/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/ClientCredentials/StyledWrapper.js +++ b/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/ClientCredentials/StyledWrapper.js @@ -7,7 +7,7 @@ const Wrapper = styled.div` } .oauth2-icon { - color: ${(props) => props.theme.primary.solid}; + color: ${(props) => props.theme.primary.text}; } label { diff --git a/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/GrantTypeSelector/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/GrantTypeSelector/StyledWrapper.js index dea907702..b53987535 100644 --- a/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/GrantTypeSelector/StyledWrapper.js +++ b/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/GrantTypeSelector/StyledWrapper.js @@ -7,7 +7,7 @@ const Wrapper = styled.div` } .oauth2-icon { - color: ${(props) => props.theme.primary.solid}; + color: ${(props) => props.theme.primary.text}; } font-size: ${(props) => props.theme.font.size.base}; diff --git a/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/Implicit/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/Implicit/StyledWrapper.js index be76824c8..851594cac 100644 --- a/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/Implicit/StyledWrapper.js +++ b/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/Implicit/StyledWrapper.js @@ -7,7 +7,7 @@ const Wrapper = styled.div` } .oauth2-icon { - color: ${(props) => props.theme.primary.solid}; + color: ${(props) => props.theme.primary.text}; } label { @@ -62,7 +62,7 @@ const Wrapper = styled.div` padding: 0.2rem 0.6rem !important; } } - + .checkbox-label { color: ${(props) => props.theme.colors.text.primary}; user-select: none; diff --git a/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/Oauth2ActionButtons/index.js b/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/Oauth2ActionButtons/index.js index 033c74e8b..1591a5be6 100644 --- a/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/Oauth2ActionButtons/index.js +++ b/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/Oauth2ActionButtons/index.js @@ -133,7 +133,7 @@ const Oauth2ActionButtons = ({ item, request, collection, url: accessTokenUrl, c }; return ( -
+
)} {!isDefault && ( diff --git a/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/index.js b/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/index.js index 8ba2861ff..e3f4e78c8 100644 --- a/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/index.js +++ b/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/index.js @@ -49,6 +49,7 @@ import { isTabForItemActive as isTabForItemActiveSelector, isTabForItemPresent a import { isEqual } from 'lodash'; import { calculateDraggedItemNewPathname, getInitialExampleName, findParentItemInCollection } from 'utils/collections/index'; import { sortByNameThenSequence } from 'utils/common/index'; +import { getRevealInFolderLabel } from 'utils/common/platform'; import CreateExampleModal from 'components/ResponseExample/CreateExampleModal'; import { openDevtoolsAndSwitchToTerminal } from 'utils/terminal'; import ActionIcon from 'ui/ActionIcon'; @@ -345,12 +346,6 @@ const CollectionItem = ({ item, collectionUid, collectionPathname, searchText }) leftSection: IconEdit, label: 'Rename', onClick: () => setRenameItemModalOpen(true) - }, - { - id: 'show-in-folder', - leftSection: IconFolder, - label: 'Show in Folder', - onClick: handleShowInFolder } ); if (!isFolder && isItemARequest(item) && !(item.type === 'http-request' || item.type === 'graphql-request')) { @@ -382,6 +377,15 @@ const CollectionItem = ({ item, collectionUid, collectionPathname, searchText }) }); } + items.push( + { + id: 'show-in-folder', + leftSection: IconFolder, + label: getRevealInFolderLabel(), + onClick: handleShowInFolder + } + ); + items.push({ id: 'separator-1', type: 'divider' }); items.push({ diff --git a/packages/bruno-app/src/components/Sidebar/Collections/Collection/index.js b/packages/bruno-app/src/components/Sidebar/Collections/Collection/index.js index e5438fc1a..049de9eca 100644 --- a/packages/bruno-app/src/components/Sidebar/Collections/Collection/index.js +++ b/packages/bruno-app/src/components/Sidebar/Collections/Collection/index.js @@ -44,6 +44,7 @@ import ShareCollection from 'components/ShareCollection/index'; import GenerateDocumentation from './GenerateDocumentation'; import { CollectionItemDragPreview } from './CollectionItem/CollectionItemDragPreview/index'; import { sortByNameThenSequence } from 'utils/common/index'; +import { getRevealInFolderLabel } from 'utils/common/platform'; import { openDevtoolsAndSwitchToTerminal } from 'utils/terminal'; import ActionIcon from 'ui/ActionIcon'; import MenuDropdown from 'ui/MenuDropdown'; @@ -360,7 +361,7 @@ const Collection = ({ collection, searchText }) => { { id: 'show-in-folder', leftSection: IconFolder, - label: 'Show in File Explorer', + label: getRevealInFolderLabel(), onClick: handleShowInFolder }, { diff --git a/packages/bruno-app/src/components/WorkspaceHome/index.js b/packages/bruno-app/src/components/WorkspaceHome/index.js index 690f376a5..db27824b0 100644 --- a/packages/bruno-app/src/components/WorkspaceHome/index.js +++ b/packages/bruno-app/src/components/WorkspaceHome/index.js @@ -10,6 +10,7 @@ import WorkspaceEnvironments from './WorkspaceEnvironments'; import WorkspaceTabs from 'components/WorkspaceTabs'; import StyledWrapper from './StyledWrapper'; import Dropdown from 'components/Dropdown'; +import { getRevealInFolderLabel } from 'utils/common/platform'; const WorkspaceHome = () => { const dispatch = useDispatch(); @@ -225,7 +226,7 @@ const WorkspaceHome = () => {
- Show in Folder + {getRevealInFolderLabel()}
diff --git a/packages/bruno-app/src/utils/common/platform.js b/packages/bruno-app/src/utils/common/platform.js index ee48e8a17..687b19c3d 100644 --- a/packages/bruno-app/src/utils/common/platform.js +++ b/packages/bruno-app/src/utils/common/platform.js @@ -40,6 +40,12 @@ export const isLinuxOS = () => { return osFamily.includes('linux') || osFamily.includes('ubuntu') || osFamily.includes('debian') || osFamily.includes('fedora') || osFamily.includes('centos') || osFamily.includes('arch'); }; +export const getRevealInFolderLabel = () => { + if (isMacOS()) return 'Reveal in Finder'; + if (isWindowsOS()) return 'Reveal in File Explorer'; + return 'Reveal in File Manager'; +}; + export const getAppInstallDate = () => { let dateString = localStorage.getItem('bruno.installedOn'); From 2a5ec854cc37def7a319ca9b69f8a739b4c4c910 Mon Sep 17 00:00:00 2001 From: Chirag Chandrashekhar Date: Fri, 2 Jan 2026 21:21:10 +0530 Subject: [PATCH 6/9] style: update text color classes and button hover effects in RunnerResults (#6637) * style: update text color classes and button hover effects in RunnerResults and StyledWrapper components * Update StyledWrapper.jsx --------- Co-authored-by: Bijin A B --- .../RunConfigurationPanel/StyledWrapper.jsx | 2 +- .../components/RunnerResults/StyledWrapper.js | 37 +++++++++++++++---- .../src/components/RunnerResults/index.jsx | 14 +++---- 3 files changed, 37 insertions(+), 16 deletions(-) diff --git a/packages/bruno-app/src/components/RunnerResults/RunConfigurationPanel/StyledWrapper.jsx b/packages/bruno-app/src/components/RunnerResults/RunConfigurationPanel/StyledWrapper.jsx index 04f8b1101..1fded6cb9 100644 --- a/packages/bruno-app/src/components/RunnerResults/RunConfigurationPanel/StyledWrapper.jsx +++ b/packages/bruno-app/src/components/RunnerResults/RunConfigurationPanel/StyledWrapper.jsx @@ -87,7 +87,7 @@ const StyledWrapper = styled.div` background-color: ${(props) => props.theme.sidebar.bg}; border: 1px dashed ${(props) => props.theme.sidebar.dragbar}; transform: scale(0.98); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12); + box-shadow: ${(props) => props.theme.shadow.md}; z-index: 5; } diff --git a/packages/bruno-app/src/components/RunnerResults/StyledWrapper.js b/packages/bruno-app/src/components/RunnerResults/StyledWrapper.js index 5d6829291..b9750b23b 100644 --- a/packages/bruno-app/src/components/RunnerResults/StyledWrapper.js +++ b/packages/bruno-app/src/components/RunnerResults/StyledWrapper.js @@ -2,7 +2,6 @@ import styled from 'styled-components'; const Wrapper = styled.div` .textbox { - border: 1px solid #ccc; padding: 0.2rem 0.5rem; box-shadow: none; border-radius: 0px; @@ -49,6 +48,28 @@ const Wrapper = styled.div` color: ${(props) => props.theme.colors.text.muted}; } + .text-muted { + color: ${(props) => props.theme.colors.text.muted}; + } + + .text-green { + color: ${(props) => props.theme.colors.text.green}; + } + + .text-subtext0 { + color: ${(props) => props.theme.colors.text.subtext0}; + } + + .text-subtext1 { + color: ${(props) => props.theme.colors.text.subtext1}; + } + + .hover-bg-surface { + &:hover { + background-color: ${(props) => props.theme.background.surface1}; + } + } + .button-sm { font-size: ${(props) => props.theme.font.size.sm}; } @@ -60,7 +81,7 @@ const Wrapper = styled.div` .filter-bar { display: flex; align-items: stretch; - border-radius: ${(props) => props.theme.border.radius.lg}; + border-radius: ${(props) => props.theme.border.radius.base}; border: 1px solid ${(props) => props.theme.border.border0}; max-height: 35px; flex-shrink: 0; @@ -70,15 +91,15 @@ const Wrapper = styled.div` display: flex; align-items: center; padding: 0.5rem 0.75rem; - border-top-left-radius: ${(props) => props.theme.border.radius.lg}; - border-bottom-left-radius: ${(props) => props.theme.border.radius.lg}; - background-color: ${(props) => props.theme.background.surface0}; + border-top-left-radius: ${(props) => props.theme.border.radius.base}; + border-bottom-left-radius: ${(props) => props.theme.border.radius.base}; + background-color: ${(props) => props.theme.background.mantle}; span { font-family: Inter, sans-serif; font-weight: 400; font-size: ${(props) => props.theme.font.size.sm}; - color: ${(props) => props.theme.colors.text.subtext1}; + color: ${(props) => props.theme.colors.text.text}; } } @@ -87,8 +108,8 @@ const Wrapper = styled.div` align-items: center; gap: 1.25rem; padding: 0.5rem 0.75rem 0 0.75rem; - border-top-right-radius: ${(props) => props.theme.border.radius.lg}; - border-bottom-right-radius: ${(props) => props.theme.border.radius.lg}; + border-top-right-radius: ${(props) => props.theme.border.radius.base}; + border-bottom-right-radius: ${(props) => props.theme.border.radius.base}; background: transparent; } } diff --git a/packages/bruno-app/src/components/RunnerResults/index.jsx b/packages/bruno-app/src/components/RunnerResults/index.jsx index bdd64a6c1..622555145 100644 --- a/packages/bruno-app/src/components/RunnerResults/index.jsx +++ b/packages/bruno-app/src/components/RunnerResults/index.jsx @@ -269,7 +269,7 @@ export default function RunnerResults({ collection }) {
You have {totalRequestsInCollection} requests in this collection. {isCollectionLoading && ( - + (Loading...) )} @@ -403,10 +403,10 @@ export default function RunnerResults({ collection }) {
Tags:
-
+
{tags.include.join(', ')}
-
+
{tags.exclude.join(', ')}
@@ -458,7 +458,7 @@ export default function RunnerResults({ collection }) { )}
{tagsEnabled && areTagsAdded && item?.tags?.length > 0 && ( -
+
Tags: {item.tags.filter((t) => tags.include.includes(t)).join(', ')}
)} @@ -571,7 +571,7 @@ export default function RunnerResults({ collection }) {
diff --git a/packages/bruno-app/src/themes/dark/catppuccin-frappe.js b/packages/bruno-app/src/themes/dark/catppuccin-frappe.js index f7c45c024..e78be36e9 100644 --- a/packages/bruno-app/src/themes/dark/catppuccin-frappe.js +++ b/packages/bruno-app/src/themes/dark/catppuccin-frappe.js @@ -370,7 +370,7 @@ const catppuccinFrappeTheme = { color: colors.TEXT }, inactive: { - bg: colors.SURFACE1, + bg: colors.SURFACE0, color: colors.SUBTEXT0 } } diff --git a/packages/bruno-app/src/themes/dark/catppuccin-macchiato.js b/packages/bruno-app/src/themes/dark/catppuccin-macchiato.js index 05167715a..3afad323e 100644 --- a/packages/bruno-app/src/themes/dark/catppuccin-macchiato.js +++ b/packages/bruno-app/src/themes/dark/catppuccin-macchiato.js @@ -370,7 +370,7 @@ const catppuccinMacchiatoTheme = { color: colors.TEXT }, inactive: { - bg: colors.SURFACE1, + bg: colors.SURFACE0, color: colors.SUBTEXT0 } } diff --git a/packages/bruno-app/src/themes/dark/catppuccin-mocha.js b/packages/bruno-app/src/themes/dark/catppuccin-mocha.js index 43779aba1..2a9cfc837 100644 --- a/packages/bruno-app/src/themes/dark/catppuccin-mocha.js +++ b/packages/bruno-app/src/themes/dark/catppuccin-mocha.js @@ -370,7 +370,7 @@ const catppuccinMochaTheme = { color: colors.TEXT }, inactive: { - bg: colors.SURFACE1, + bg: colors.SURFACE0, color: colors.SUBTEXT0 } } diff --git a/packages/bruno-app/src/themes/dark/dark-monochrome.js b/packages/bruno-app/src/themes/dark/dark-monochrome.js index 0b7b61a98..6a5d40756 100644 --- a/packages/bruno-app/src/themes/dark/dark-monochrome.js +++ b/packages/bruno-app/src/themes/dark/dark-monochrome.js @@ -353,12 +353,12 @@ const darkMonochromeTheme = { }, secondary: { active: { - bg: '#2D2D2D', + bg: '#3F3F3F', color: '#CCCCCC' }, inactive: { bg: '#3F3F3F', - color: '#CCCCCC' + color: '#999999' } } }, diff --git a/packages/bruno-app/src/themes/dark/dark-pastel.js b/packages/bruno-app/src/themes/dark/dark-pastel.js index 5b131e74f..8b4e9c77b 100644 --- a/packages/bruno-app/src/themes/dark/dark-pastel.js +++ b/packages/bruno-app/src/themes/dark/dark-pastel.js @@ -374,7 +374,7 @@ const darkPastelTheme = { color: colors.TEXT }, inactive: { - bg: colors.GRAY_4, + bg: colors.GRAY_3, color: colors.TEXT_MUTED } } diff --git a/packages/bruno-app/src/themes/dark/dark.js b/packages/bruno-app/src/themes/dark/dark.js index bd5415716..858ac1ca3 100644 --- a/packages/bruno-app/src/themes/dark/dark.js +++ b/packages/bruno-app/src/themes/dark/dark.js @@ -398,12 +398,12 @@ const darkTheme = { }, secondary: { active: { - bg: '#2D2D2D', - color: '#CCCCCC' + bg: palette.background.SURFACE0, + color: palette.text.BASE }, inactive: { - bg: '#3F3F3F', - color: '#CCCCCC' + bg: palette.background.SURFACE0, + color: palette.text.SUBTEXT1 } } }, diff --git a/packages/bruno-app/src/themes/dark/nord.js b/packages/bruno-app/src/themes/dark/nord.js index b094afa0e..60221478a 100644 --- a/packages/bruno-app/src/themes/dark/nord.js +++ b/packages/bruno-app/src/themes/dark/nord.js @@ -373,7 +373,7 @@ const nordTheme = { color: colors.NORD4 }, inactive: { - bg: colors.NORD3, + bg: colors.NORD2, color: colors.NORD4 } } diff --git a/packages/bruno-app/src/themes/dark/vscode.js b/packages/bruno-app/src/themes/dark/vscode.js index 254173cec..eecf21c4f 100644 --- a/packages/bruno-app/src/themes/dark/vscode.js +++ b/packages/bruno-app/src/themes/dark/vscode.js @@ -376,7 +376,7 @@ const vscodeDarkTheme = { color: colors.TEXT }, inactive: { - bg: colors.GRAY_4, + bg: colors.GRAY_3, color: colors.TEXT_MUTED } } diff --git a/packages/bruno-app/src/themes/light/catppuccin-latte.js b/packages/bruno-app/src/themes/light/catppuccin-latte.js index 5e1bea75f..19c47f591 100644 --- a/packages/bruno-app/src/themes/light/catppuccin-latte.js +++ b/packages/bruno-app/src/themes/light/catppuccin-latte.js @@ -363,7 +363,7 @@ const catppuccinLatteTheme = { }, secondary: { active: { - bg: colors.BASE, + bg: colors.SURFACE0, color: colors.TEXT }, inactive: { diff --git a/packages/bruno-app/src/themes/light/light-monochrome.js b/packages/bruno-app/src/themes/light/light-monochrome.js index d51b8fde4..da19c5d57 100644 --- a/packages/bruno-app/src/themes/light/light-monochrome.js +++ b/packages/bruno-app/src/themes/light/light-monochrome.js @@ -351,7 +351,7 @@ const lightMonochromeTheme = { }, secondary: { active: { - bg: '#FFFFFF', + bg: '#ECECEE', color: '#343434' }, inactive: { diff --git a/packages/bruno-app/src/themes/light/light-pastel.js b/packages/bruno-app/src/themes/light/light-pastel.js index 1583bbe94..52bc933a7 100644 --- a/packages/bruno-app/src/themes/light/light-pastel.js +++ b/packages/bruno-app/src/themes/light/light-pastel.js @@ -367,7 +367,7 @@ const lightPastelTheme = { }, secondary: { active: { - bg: colors.WHITE, + bg: colors.GRAY_2, color: colors.TEXT }, inactive: { diff --git a/packages/bruno-app/src/themes/light/light.js b/packages/bruno-app/src/themes/light/light.js index 713059278..283d8df4c 100644 --- a/packages/bruno-app/src/themes/light/light.js +++ b/packages/bruno-app/src/themes/light/light.js @@ -387,12 +387,12 @@ const lightTheme = { }, secondary: { active: { - bg: palette.background.BASE, + bg: palette.background.SURFACE1, color: palette.text.BASE }, inactive: { - bg: palette.background.SURFACE1, - color: palette.text.BASE + bg: palette.background.SURFACE0, + color: palette.text.SUBTEXT1 } } }, diff --git a/packages/bruno-app/src/themes/light/vscode.js b/packages/bruno-app/src/themes/light/vscode.js index 03b60a392..b7687c7a4 100644 --- a/packages/bruno-app/src/themes/light/vscode.js +++ b/packages/bruno-app/src/themes/light/vscode.js @@ -371,7 +371,7 @@ const vscodeLightTheme = { }, secondary: { active: { - bg: colors.WHITE, + bg: colors.GRAY_2, color: colors.TEXT }, inactive: { From 2d76c444f6873460a25db77175c8da84392ce53e Mon Sep 17 00:00:00 2001 From: Chirag Chandrashekhar Date: Fri, 2 Jan 2026 22:16:52 +0530 Subject: [PATCH 9/9] feat: integrate theme support in ImportCollection component (#6639) * feat: integrate theme support in ImportCollection component for improved styling consistency * chore: remove debug console log from ImportCollection component * refactor: update theme import in ImportCollection component for improved consistency --- .../src/components/Sidebar/ImportCollection/index.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/bruno-app/src/components/Sidebar/ImportCollection/index.js b/packages/bruno-app/src/components/Sidebar/ImportCollection/index.js index c98131bfb..9ad1d139f 100644 --- a/packages/bruno-app/src/components/Sidebar/ImportCollection/index.js +++ b/packages/bruno-app/src/components/Sidebar/ImportCollection/index.js @@ -10,6 +10,7 @@ import { isWSDLCollection } from 'utils/importers/wsdl-collection'; import { isBrunoCollection } from 'utils/importers/bruno-collection'; import { isOpenCollection } from 'utils/importers/opencollection'; import FullscreenLoader from './FullscreenLoader/index'; +import { useTheme } from 'providers/Theme'; const convertFileToObject = async (file) => { const text = await file.text(); @@ -35,6 +36,7 @@ const convertFileToObject = async (file) => { }; const ImportCollection = ({ onClose, handleSubmit }) => { + const { theme } = useTheme(); const [isLoading, setIsLoading] = useState(false); const [dragActive, setDragActive] = useState(false); const fileInputRef = useRef(null); @@ -155,8 +157,9 @@ const ImportCollection = ({ onClose, handleSubmit }) => {

Drop file to import or{' '}