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