rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-07-02 17:08:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: update variable validation colors in StyledWrapper components to use theme colors (#6633)

Browse Source
This commit is contained in:
Sanjai Kumar
2026-01-02 21:26:18 +05:30
committed by GitHub
parent 2a5ec854cc
commit 1e3a0d9af3
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/bruno-app/src/components/ApiSpecPanel/FileEditor/CodeEditor/StyledWrapper.js
View File

@@ -55,10 +55,10 @@ const StyledWrapper = styled.div`
}
.cm-variable-valid {
color: green;
color: ${(props) => props.theme.codemirror.variable.valid};
}
.cm-variable-invalid {
color: red;
color: ${(props) => props.theme.codemirror.variable.invalid};
}
`;

8
packages/bruno-app/src/components/CodeEditor/StyledWrapper.js
View File

@@ -36,12 +36,12 @@ const StyledWrapper = styled.div`
/* Style line numbers when there's a lint issue */
.CodeMirror-lint-line-error .CodeMirror-linenumber {
color: #d32f2f !important;
color: ${(props) => props.theme.colors.text.danger} !important;
text-decoration: underline;
}
.CodeMirror-lint-line-warning .CodeMirror-linenumber {
color: #f57c00 !important;
color: ${(props) => props.theme.colors.text.warning} !important;
text-decoration: underline;
}
@@ -138,10 +138,10 @@ const StyledWrapper = styled.div`
/* Variable validation colors */
.cm-variable-valid {
color: #5fad89 !important; /* Soft sage */
color: ${(props) => props.theme.codemirror.variable.valid} !important;
}
.cm-variable-invalid {
color: #d17b7b !important; /* Soft coral */
color: ${(props) => props.theme.codemirror.variable.invalid} !important;
}
.CodeMirror-search-hint {

4
packages/bruno-app/src/components/RequestPane/QueryEditor/StyledWrapper.js
View File

@@ -45,10 +45,10 @@ const StyledWrapper = styled.div`
}
.cm-variable-valid {
color: green;
color: ${(props) => props.theme.codemirror.variable.valid};
}
.cm-variable-invalid {
color: red;
color: ${(props) => props.theme.codemirror.variable.invalid};
}
.CodeMirror-search-hint {