Skip to content

Commit

Permalink
Gutter line number colors firefox-devtools#7647
Browse files Browse the repository at this point in the history
changed line number and empty line number to -
Dark Mode
Line number: Grey 40 #b1b1b3
Empty line number: Grey 50 #737373

Light Mode
Line number: Grey 50 #737373
Empty line number: Grey 40 #b1b1b3
  • Loading branch information
waqardm authored Jan 7, 2019
1 parent 2eadbd2 commit 9034323
Showing 1 changed file with 22 additions and 2 deletions.
24 changes: 22 additions & 2 deletions src/components/Editor/Editor.css
Original file line number Diff line number Diff line change
Expand Up @@ -66,14 +66,34 @@ html[dir="rtl"] .editor-mount {
--breakpoint-stroke-disabled: var(--blue-60);
}

.theme-light .cm-s-mozilla .empty-line .CodeMirror-linenumber {
.theme-light .cm-s-mozilla .CodeMirror-linenumber {
color: var(--grey-40);
}

.theme-dark .cm-s-mozilla .empty-line .CodeMirror-linenumber {
.theme-dark .cm-s-mozilla {
color: var(--grey-60);
}

/* dark theme line number and empty line number */
.theme-dark {
.CodeMirror-linenumber {
color: var(--grey-40);
}
.empty-line{
color: var(--grey-50);
}
}

/* dark theme line number and empty line number */
.theme-light {
.CodeMirror-linenumber {
color: var(--grey-50);
}
.empty-line{
color: var(--grey-40);
}
}

:not(.empty-line):not(.new-breakpoint)
> .CodeMirror-gutter-wrapper:hover
> .CodeMirror-linenumber {
Expand Down

0 comments on commit 9034323

Please sign in to comment.