diff --git a/packages/bruno-app/src/components/RequestPane/Auth/BasicAuth/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/Auth/BasicAuth/StyledWrapper.js index 71d3bdf1..0b4514e1 100644 --- a/packages/bruno-app/src/components/RequestPane/Auth/BasicAuth/StyledWrapper.js +++ b/packages/bruno-app/src/components/RequestPane/Auth/BasicAuth/StyledWrapper.js @@ -1,9 +1,14 @@ import styled from 'styled-components'; const Wrapper = styled.div` + label { + font-size: 0.8125rem; + } + .single-line-editor-wrapper { padding: 0.15rem 0.4rem; - border: ${(props) => props.theme.sidebar.search.border}; + border: ${(props) => props.theme.input.border}; + background-color: ${(props) => props.theme.input.bg}; } `; diff --git a/packages/bruno-app/src/components/RequestPane/Auth/BearerAuth/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/Auth/BearerAuth/StyledWrapper.js index 71d3bdf1..0b4514e1 100644 --- a/packages/bruno-app/src/components/RequestPane/Auth/BearerAuth/StyledWrapper.js +++ b/packages/bruno-app/src/components/RequestPane/Auth/BearerAuth/StyledWrapper.js @@ -1,9 +1,14 @@ import styled from 'styled-components'; const Wrapper = styled.div` + label { + font-size: 0.8125rem; + } + .single-line-editor-wrapper { padding: 0.15rem 0.4rem; - border: ${(props) => props.theme.sidebar.search.border}; + border: ${(props) => props.theme.input.border}; + background-color: ${(props) => props.theme.input.bg}; } `; diff --git a/packages/bruno-app/src/themes/dark.js b/packages/bruno-app/src/themes/dark.js index 122d1625..e6bb6081 100644 --- a/packages/bruno-app/src/themes/dark.js +++ b/packages/bruno-app/src/themes/dark.js @@ -16,6 +16,12 @@ const darkTheme = { } }, + input: { + bg: 'rgb(65, 65, 65)', + border: 'rgb(65, 65, 65)', + focusBorder: 'rgb(65, 65, 65)' + }, + variables: { bg: 'rgb(48, 48, 49)', diff --git a/packages/bruno-app/src/themes/light.js b/packages/bruno-app/src/themes/light.js index 846940cd..d2c42a7e 100644 --- a/packages/bruno-app/src/themes/light.js +++ b/packages/bruno-app/src/themes/light.js @@ -16,6 +16,12 @@ const lightTheme = { } }, + input: { + bg: 'white', + border: '#ccc', + focusBorder: '#8b8b8b' + }, + menubar: { bg: 'rgb(44, 44, 44)' },