r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

more unfinished themes stuff

Browse source
This commit is contained in:
catarak 2016-09-15 14:14:36 -04:00 committed by Cassie Tarakajian
parent 7e213faa0b
commit d8757cc921
1 changed files with 24 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
client/styles/components/_p5-widget-codemirror-theme.scss
View file

@ -20,6 +20,7 @@ $p5-light-white: #FDFDFD;
$p5-light-lightgray: #f4f4f4; $p5-light-lightgray: #f4f4f4;
$p5-light-darkgray: #b5b5b5; $p5-light-darkgray: #b5b5b5;
$p5-light-selected: rbga(45, 123, 182, 25);
:root { :root {
@ -50,15 +51,35 @@ $p5-light-darkgray: #b5b5b5;
} }
.cm-s-p5-widget .cm-keyword { .cm-s-p5-widget .cm-keyword {
color: $p5-light-brown; color: $p5-light-darkblue;
} }
.cm-s-p5-widget .cm-variable { .cm-s-p5-widget .cm-variable {
color: $p5-light-blue; color: $p5-light-blue;
} }
.cm-s-p5-widget .cm-variable { .cm-s-p5-widget .cm-variable-2 {
color: $p5-light-blue; color: $p5-light-black;
}
.cm-s-p5-widget .cm-property {
color: $p5-light-black;
}
.cm-s-p5-widget .cm-atom {
color: $p5-light-pink;
}
.cm-s-p5-widget .cm-operator {
color: $p5-light-black;
}
.cm-s-p5-widget .cm-linenumber {
color: $p5-light-darkgray;
}
.cm-s-p5-widget .CodeMirror-selected {
background: $p5-light-selected;
} }
.cm-s-p5-widget span { color: var(--dark-gray); } .cm-s-p5-widget span { color: var(--dark-gray); }