btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

chore: environment highlight colour schema update (#4464)

Browse Source 
Co-authored-by: jamesgeorge007 <25279263+jamesgeorge007@users.noreply.github.com>
This commit is contained in:
Nivedin
2024-10-25 13:01:38 +05:30
committed by GitHub
parent 8dc471f33f
commit c72ded2251
6 changed files with 88 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
packages/hoppscotch-common/assets/scss/styles.scss
View File

@@ -560,9 +560,24 @@ details[open] summary .indicator {
}
}
.env-highlight {
@apply text-accentContrast;
.env-highlight,
.predefined-variable-highlight {
// forcing the text colour to be white inside a higlighted environment variable and predefined variable
@apply text-accentContrast #{!important};
span {
@apply text-accentContrast #{!important};
}
// setting the text colour to be visible when it's selected and common item is highlighted
.cm-selectionMatch {
@apply text-secondaryDark #{!important};
span {
@apply text-secondaryDark #{!important};
}
}
}
.env-highlight {
&.request-variable-highlight {
@apply bg-amber-500;
@apply hover:bg-amber-600;
@@ -584,6 +599,18 @@ details[open] summary .indicator {
}
}
.predefined-variable-highlight {
&.predefined-variable-valid {
@apply bg-yellow-500;
@apply hover:bg-yellow-600;
}
&.predefined-variable-invalid {
@apply hover:bg-red-300;
@apply bg-red-300;
}
}
#nprogress .bar {
@apply bg-accent #{!important};
}
@@ -609,17 +636,3 @@ details[open] summary .indicator {
.gql-operation-highlight {
@apply opacity-100;
}
.predefined-variable-highlight {
color: inherit;
&.predefined-variable-valid {
@apply bg-yellow-500;
@apply hover:bg-yellow-600;
}
&.predefined-variable-invalid {
@apply hover:bg-red-300;
@apply bg-red-300;
}
}