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

fix: force accent contrast color on environment variables - resolved #2217

Browse Source
This commit is contained in:
liyasthomas
2022-03-31 14:36:00 +05:30
parent 5a1e4bbcbc
commit c73c6f216a
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/hoppscotch-app/assets/scss/styles.scss
View File

@@ -491,3 +491,9 @@ details summary::-webkit-details-marker {
@apply overflow-auto; @apply overflow-auto;
@apply break-words; @apply break-words;
} }
.env-highlight {
* {
@apply text-accentContrast;
}
}

5
packages/hoppscotch-app/helpers/editor/extensions/HoppEnvironment.ts
View File

@@ -19,10 +19,11 @@ import {
const HOPP_ENVIRONMENT_REGEX = /(<<\w+>>)/g const HOPP_ENVIRONMENT_REGEX = /(<<\w+>>)/g
const HOPP_ENV_HIGHLIGHT = const HOPP_ENV_HIGHLIGHT =
"cursor-help transition rounded px-1 focus:outline-none mx-0.5" "cursor-help transition rounded px-1 focus:outline-none mx-0.5 env-highlight"
const HOPP_ENV_HIGHLIGHT_FOUND = const HOPP_ENV_HIGHLIGHT_FOUND =
"bg-accentDark text-accentContrast hover:bg-accent" "bg-accentDark text-accentContrast hover:bg-accent"
const HOPP_ENV_HIGHLIGHT_NOT_FOUND = "bg-red-400 text-red-50 hover:bg-red-600" const HOPP_ENV_HIGHLIGHT_NOT_FOUND =
"bg-red-500 text-accentContrast hover:bg-red-600"
const cursorTooltipField = (aggregateEnvs: AggregateEnvironment[]) => const cursorTooltipField = (aggregateEnvs: AggregateEnvironment[]) =>
hoverTooltip( hoverTooltip(