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

make changes to light theme based on design review

Browse source
This commit is contained in:
Cassie Tarakajian 2016-09-21 00:52:47 -04:00
parent 3d087df1a2
commit feeffb0fae
1 changed files with 21 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
client/styles/components/_p5-light-codemirror-theme.scss
View file

@ -10,16 +10,21 @@
//light gray: #f4f4f4
//dark gray: #b5b5b5
$p5-light-brown: #6C4D13;
$p5-light-lightbrown: #A67F59;
$p5-light-brown: #704F21;
$p5-light-black: #333;
$p5-light-blue: #0F9DD7;
$p5-light-pink: #D9328F;
$p5-light-gray: #999999;
$p5-light-darkblue: #318094;
$p5-light-gray: #A0A0A0;
$p5-light-lightblue: #00A1D3;
$p5-light-darkblue: #2D7BB6;
$p5-light-white: #FDFDFD;
$p5-light-orange: #EE9900;
$p5-light-lightgray: #E0D7D1;
$p5-light-darkgray: #666666;
$p5-light-lightgray: #f4f4f4;
$p5-light-darkgray: #b5b5b5;
$p5-light-gutter: #f4f4f4;
$p5-light-number: #b5b5b5;
$p5-light-selected: rgba(45, 123, 182, 25);
$p5-light-activeline: rgb(207, 207, 207);
@ -33,15 +38,15 @@ $p5-light-activeline: rgb(207, 207, 207);
}
.cm-s-p5-light .cm-def {
color: $p5-light-blue;
color: $p5-light-darkblue;
}
.cm-s-p5-light .cm-string {
color: $p5-light-blue;
color: $p5-light-lightblue;
}
.cm-s-p5-light .cm-string-2 {
color: $p5-light-pink;
color: $p5-light-orange;
}
.cm-s-p5-light .cm-number {
@ -53,7 +58,7 @@ $p5-light-activeline: rgb(207, 207, 207);
}
.cm-s-p5-light .cm-variable {
color: $p5-light-blue;
color: $p5-light-lightblue;
}
.cm-s-p5-light .cm-variable-2 {
@ -69,11 +74,11 @@ $p5-light-activeline: rgb(207, 207, 207);
}
.cm-s-p5-light .cm-operator {
color: $p5-light-black;
color: $p5-light-lightbrown;
}
.cm-s-p5-light .cm-linenumber {
color: $p5-light-darkgray;
color: $p5-light-number;
}
.cm-s-p5-light .CodeMirror-selected {
@ -94,22 +99,22 @@ $p5-light-activeline: rgb(207, 207, 207);
}
.cm-s-p5-light .CodeMirror-matchingbracket {
outline: 1px solid $p5-light-darkgray;
outline: 1px solid $p5-light-number;
color: black !important;
}
.cm-s-p5-light .cm-qualifier {
color: $p5-light-blue;
color: $p5-light-lightblue;
}
.cm-s-p5-light .cm-tag {
color: $p5-light-brown;
color: $p5-light-pink;
}
.cm-s-p5-light .cm-builtin {
color: $p5-light-blue;
color: $p5-light-lightblue;
}
.cm-s-p5-light .cm-attribute {
color: $p5-light-darkblue;
color: $p5-light-lightblue;
}