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

Issue211 (#409)

Browse source 
* Update Repository

* Syntaxt Highlighting for dark and light themes
This commit is contained in:
Saumya Balodi 2017-08-04 02:39:25 +05:30 committed by Cassie Tarakajian
parent f68bf9b08e
commit fcb89e2c2b
3 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
client/styles/components/_p5-dark-codemirror-theme.scss
View file

@ -21,6 +21,8 @@ $p5-dark-white: #FDFDFD;
$p5-dark-orange: #EE9900; $p5-dark-orange: #EE9900;
$p5-dark-lightgray: #E0D7D1; $p5-dark-lightgray: #E0D7D1;
$p5-dark-darkgray: #666666; $p5-dark-darkgray: #666666;
$p5-dark-green: #58a10b;
$p5-dark-goldbrown: #b58317;
$p5-dark-gutter: #f4f4f4; $p5-dark-gutter: #f4f4f4;
$p5-dark-number: #b5b5b5; $p5-dark-number: #b5b5b5;
@ -41,7 +43,7 @@ $p5-dark-activeline: rgb(207, 207, 207);
} }
.cm-s-p5-dark .cm-string { .cm-s-p5-dark .cm-string {
color: $p5-dark-lightblue; color: $p5-dark-green;
} }
.cm-s-p5-dark .cm-string-2 { .cm-s-p5-dark .cm-string-2 {
@ -49,11 +51,11 @@ $p5-dark-activeline: rgb(207, 207, 207);
} }
.cm-s-p5-dark .cm-number { .cm-s-p5-dark .cm-number {
color: $p5-dark-pink; color: $p5-dark-white;
} }
.cm-s-p5-dark .cm-keyword { .cm-s-p5-dark .cm-keyword {
color: $p5-light-green; color: $p5-dark-goldbrown;
} }
.cm-s-p5-dark .cm-variable { .cm-s-p5-dark .cm-variable {

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

@ -12,7 +12,7 @@
$p5-light-lightbrown: #A67F59; $p5-light-lightbrown: #A67F59;
$p5-light-brown: #704F21; $p5-light-brown: #704F21;
$p5-light-black: #333; $p5-light-black: #333333;
$p5-light-pink: #D9328F; $p5-light-pink: #D9328F;
$p5-light-gray: #A0A0A0; $p5-light-gray: #A0A0A0;
$p5-light-lightblue: #00A1D3; $p5-light-lightblue: #00A1D3;
@ -21,6 +21,7 @@ $p5-light-white: #FDFDFD;
$p5-light-orange: #EE9900; $p5-light-orange: #EE9900;
$p5-light-lightgray: #E0D7D1; $p5-light-lightgray: #E0D7D1;
$p5-light-darkgray: #666666; $p5-light-darkgray: #666666;
$p5-light-green: #58a10b;
$p5-light-gutter: #f4f4f4; $p5-light-gutter: #f4f4f4;
$p5-light-number: #b5b5b5; $p5-light-number: #b5b5b5;
@ -37,11 +38,11 @@ $p5-light-activeline: rgb(207, 207, 207);
} }
.cm-s-p5-light .cm-def { .cm-s-p5-light .cm-def {
color: $p5-light-darkblue; color: $p5-light-lightblue;
} }
.cm-s-p5-light .cm-string { .cm-s-p5-light .cm-string {
color: $p5-light-lightblue; color: $p5-light-green;
} }
.cm-s-p5-light .cm-string-2 { .cm-s-p5-light .cm-string-2 {
@ -49,7 +50,7 @@ $p5-light-activeline: rgb(207, 207, 207);
} }
.cm-s-p5-light .cm-number { .cm-s-p5-light .cm-number {
color: $p5-light-pink; color: $p5-light-black;
} }
.cm-s-p5-light .cm-keyword { .cm-s-p5-light .cm-keyword {
@ -60,7 +61,7 @@ $p5-light-activeline: rgb(207, 207, 207);
color: $p5-light-lightblue; color: $p5-light-lightblue;
} }
.cm-s-p5-light .cm-variable-2 { .cm-s-p5-light .cm-variable2 {
color: $p5-light-black; color: $p5-light-black;
} }
@ -114,14 +115,14 @@ $p5-light-activeline: rgb(207, 207, 207);
} }
.cm-s-p5-light .cm-attribute { .cm-s-p5-light .cm-attribute {
color: $p5-light-lightblue; color: $p5-light-black;
} }
.cm-s-p5-light .cm-p5-function { .cm-s-p5-light .cm-p5-function {
color: $p5-light-darkblue; color: $p5-light-darkblue;
font-weight: bold;
} }
.cm-s-p5-light .cm-p5-variable { .cm-s-p5-light .cm-p5-variable {
color: $p5-light-pink; color: $p5-light-pink;
font-weight: bold;
} }

2
static/p5-interceptor

@ -1 +1 @@
Subproject commit 0958be54482722821159cd3e07777988ee349f37 Subproject commit a1c126721ac667f7750ec181c8ccf363f2658d8b