extern/bruno
1
0
Fork 1
mirror of https://github.com/usebruno/bruno.git synced 2025-02-23 13:10:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #413 from therealrinku/one

Browse Source 
request colors made consistent on the sidebar and tabs
This commit is contained in:
Anoop M D 2023-10-06 23:34:08 +05:30 committed by GitHub
commit 8730c5a85b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 29 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/bruno-app/src/components/RequestTabs/RequestTab/index.js
View File

@ -6,9 +6,13 @@ import { findItemInCollection } from 'utils/collections';
import StyledWrapper from './StyledWrapper'; import StyledWrapper from './StyledWrapper';
import RequestTabNotFound from './RequestTabNotFound'; import RequestTabNotFound from './RequestTabNotFound';
import SpecialTab from './SpecialTab'; import SpecialTab from './SpecialTab';
import { useTheme } from 'providers/Theme';
import darkTheme from 'themes/dark';
import lightTheme from 'themes/light';
const RequestTab = ({ tab, collection }) => { const RequestTab = ({ tab, collection }) => {
const dispatch = useDispatch(); const dispatch = useDispatch();
const { storedTheme } = useTheme();
const handleCloseClick = (event) => { const handleCloseClick = (event) => {
event.stopPropagation(); event.stopPropagation();
@ -21,35 +25,38 @@ const RequestTab = ({ tab, collection }) => {
}; };
const getMethodColor = (method = '') => { const getMethodColor = (method = '') => {
const theme = storedTheme === 'dark' ? darkTheme : lightTheme;
let color = ''; let color = '';
method = method.toLocaleLowerCase(); method = method.toLocaleLowerCase();
switch (method) { switch (method) {
case 'get': { case 'get': {
color = 'var(--color-method-get)'; color = theme.request.methods.get;
break; break;
} }
case 'post': { case 'post': {
color = 'var(--color-method-post)'; color = theme.request.methods.post;
break; break;
} }
case 'put': { case 'put': {
color = 'var(--color-method-put)'; color = theme.request.methods.put;
break; break;
} }
case 'delete': { case 'delete': {
color = 'var(--color-method-delete)'; color = theme.request.methods.delete;
break; break;
} }
case 'patch': { case 'patch': {
color = 'var(--color-method-patch)'; color = theme.request.methods.patch;
break; break;
} }
case 'options': { case 'options': {
color = 'var(--color-method-options)'; color = theme.request.methods.options;
break; break;
} }
case 'head': { case 'head': {
color = 'var(--color-method-head)'; color = theme.request.methods.head;
break; break;
} }
} }

6
packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/StyledWrapper.js
View File

@ -25,13 +25,13 @@ const Wrapper = styled.div`
color: ${(props) => props.theme.request.methods.delete}; color: ${(props) => props.theme.request.methods.delete};
} }
.method-patch { .method-patch {
color: ${(props) => props.theme.request.methods.put}; color: ${(props) => props.theme.request.methods.patch};
} }
.method-options { .method-options {
color: ${(props) => props.theme.request.methods.put}; color: ${(props) => props.theme.request.methods.options};
} }
.method-head { .method-head {
color: ${(props) => props.theme.request.methods.put}; color: ${(props) => props.theme.request.methods.head};
} }
`; `;

3
packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js
View File

@ -15,7 +15,8 @@ const RequestMethod = ({ item }) => {
'method-put': method === 'put', 'method-put': method === 'put',
'method-delete': method === 'delete', 'method-delete': method === 'delete',
'method-patch': method === 'patch', 'method-patch': method === 'patch',
'method-head': method === 'head' 'method-head': method === 'head',
'method-options': method == 'options'
}); });
}; };

6
packages/bruno-app/src/themes/dark.js
View File

@ -86,7 +86,11 @@ const darkTheme = {
get: '#8cd656', get: '#8cd656',
post: '#cd56d6', post: '#cd56d6',
put: '#d69956', put: '#d69956',
delete: '#f06f57' delete: '#f06f57',
// customize these colors if needed
patch: '#d69956',
options: '#d69956',
head: '#d69956'
} }
}, },

6
packages/bruno-app/src/themes/light.js
View File

@ -86,7 +86,11 @@ const lightTheme = {
get: 'rgb(5, 150, 105)', get: 'rgb(5, 150, 105)',
post: '#8e44ad', post: '#8e44ad',
put: '#ca7811', put: '#ca7811',
delete: 'rgb(185, 28, 28)' delete: 'rgb(185, 28, 28)',
// customize these colors if needed
patch: '#ca7811',
options: '#ca7811',
head: '#ca7811'
} }
}, },