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

feat: more syntax hightlight colors

Browse Source
This commit is contained in:
liyasthomas
2021-11-10 13:53:10 +05:30
parent a9bca8e1f8
commit a967100be8
2 changed files with 39 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts
View File

@@ -11,13 +11,16 @@ export const baseTheme = EditorView.theme({
fontFamily: "var(--font-mono)",
backgroundColor: "var(--primary-color)",
},
"&.cm-focused .cm-cursor": {
".cm-focused .cm-cursor": {
borderLeftColor: "var(--secondary-light-color)",
},
"&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection":
{ backgroundColor: "var(--primary-light-color)" },
".cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content::selection, .cm-line::selection":
{
backgroundColor: "var(--accent-dark-color)!important",
color: "var(--secondary-dark-color)",
},
".cm-panels": {
backgroundColor: "var(--primary-dark-color)",
backgroundColor: "var(--primary-light-color)",
color: "var(--secondary-light-color)",
},
".cm-panels.cm-panels-top": {
@@ -26,13 +29,23 @@ export const baseTheme = EditorView.theme({
".cm-panels.cm-panels-bottom": {
borderTop: "1px solid var(--divider-light-color)",
},
".cm-textfield": {
backgroundColor: "var(--primary-dark-color)",
color: "var(--secondary-light-color)",
},
".cm-button": {
backgroundColor: "var(--primary-dark-color)",
color: "var(--secondary-light-color)",
backgroundImage: "none",
border: "none",
},
".cm-activeLine": { backgroundColor: "var(--primary-light-color)" },
".cm-searchMatch": {
backgroundColor: "var(--accent-light-color)",
outline: "1px solid var(--accent-dark-color)",
},
".cm-selectionMatch": { backgroundColor: "var(--accent-color)" },
"&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
".cm-focused .cm-matchingBracket, .cm-focused .cm-nonmatchingBracket": {
backgroundColor: "var(--accent-dark-color)",
outline: "1px solid var(--accent-dark-color)",
},
@@ -59,6 +72,9 @@ export const baseTheme = EditorView.theme({
".cm-activeLineGutter": {
backgroundColor: "var(--primary-dark-color)",
},
".cm-scroller::-webkit-scrollbar": {
display: "none",
},
})
const editorTypeColor = "var(--editor-type-color)"