p5.js-web-editor/client/styles/components/_p5-light-codemirror-theme.scss

135 lines
2.4 KiB
SCSS
Raw Normal View History

2016-09-15 17:10:53 +00:00
// brown: #6C4D13
// black: #333
// blue: #0F9DD7
// pink: #D9328F
// gray: #999999
// dark blue: #318094
// white: #fdfdfd
//numbers
//light gray: #f4f4f4
//dark gray: #b5b5b5
$p5-light-lightbrown: #7a5a3a;
$p5-light-brown: #704F21;
$p5-light-black: #333333;
$p5-light-pink: #be3652;
$p5-light-gray: #666;
$p5-light-lightblue: #007bbb;
$p5-light-darkblue: #306bb4;
2016-09-15 17:10:53 +00:00
$p5-light-white: #FDFDFD;
$p5-light-orange: #EE9900;
$p5-light-lightgray: #E0D7D1;
$p5-light-darkgray: #666666;
$p5-light-green: #008007;
2016-09-15 17:10:53 +00:00
$p5-light-gutter: #f4f4f4;
$p5-light-number: #b5b5b5;
$p5-light-selected: rgba(45, 123, 182, 25);
$p5-light-activeline: rgb(207, 207, 207);
2016-05-03 20:13:04 +00:00
2016-09-20 15:51:09 +00:00
.cm-s-p5-light {
2016-09-15 17:10:53 +00:00
background-color: $p5-light-white;
color: $p5-light-black;
}
.cm-s-p5-light span .cm-comment {
2016-09-15 17:10:53 +00:00
color: $p5-light-gray;
}
.cm-s-p5-light span .cm-def {
color: $p5-light-lightblue;
}
.cm-s-p5-light span .cm-string {
color: $p5-light-green;
2016-09-15 17:10:53 +00:00
}
.cm-s-p5-light span .cm-string-2 {
color: $p5-light-orange;
}
.cm-s-p5-light span .cm-number {
color: $p5-light-black;
2016-09-15 17:10:53 +00:00
}
2016-09-20 15:51:09 +00:00
.cm-s-p5-light .cm-keyword {
color: $p5-light-brown;
2016-09-15 17:10:53 +00:00
}
.cm-s-p5-light span .cm-variable {
color: $p5-light-lightblue;
2016-09-15 17:10:53 +00:00
}
.cm-s-p5-light span .cm-variable2 {
2016-09-15 18:14:36 +00:00
color: $p5-light-black;
}
.cm-s-p5-light span .cm-property {
2016-09-15 18:14:36 +00:00
color: $p5-light-black;
}
.cm-s-p5-light span .cm-atom {
2016-09-15 18:14:36 +00:00
color: $p5-light-pink;
}
.cm-s-p5-light span .cm-operator {
color: $p5-light-lightbrown;
2016-09-15 18:14:36 +00:00
}
2016-09-20 15:51:09 +00:00
.cm-s-p5-light .cm-linenumber {
color: $p5-light-number;
2016-09-15 18:14:36 +00:00
}
.cm-s-p5-light div .CodeMirror-selected {
background-color: $p5-light-selected;
}
2016-09-20 15:51:09 +00:00
.cm-s-p5-light .CodeMirror-activeline-background {
background-color: #F3F3F3;
}
2016-09-20 15:51:09 +00:00
.cm-s-p5-light .CodeMirror-activeline-gutter {
background-color: #ECECEC;
}
2016-09-20 15:51:09 +00:00
.cm-s-p5-light .cm-error {
color: #f00;
}
.cm-s-p5-light span .CodeMirror-matchingbracket {
outline: 1px solid $p5-light-gray;
2018-11-07 20:07:06 +00:00
outline-offset: 1px;
color: $p5-light-black !important;
}
.cm-s-p5-light span .cm-qualifier {
color: $p5-light-lightblue;
}
.cm-s-p5-light span .cm-tag {
color: $p5-light-pink;
}
.cm-s-p5-light span .cm-builtin {
color: $p5-light-lightblue;
}
.cm-s-p5-light span .cm-attribute {
color: $p5-light-black;
}
.cm-s-p5-light .cm-p5-function {
color: $p5-light-darkblue;
font-weight: bold;
}
.cm-s-p5-light .cm-p5-variable {
color: $p5-light-pink;
}
2017-10-11 21:31:23 +00:00
.cm-s-p5-light .CodeMirror-foldmarker {
background-color: #333;
color: white;
}