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

141 lines
2.5 KiB
SCSS
Raw Normal View History

2016-09-20 15:51:09 +00:00
// brown: #6C4D13
// black: #333
// blue: #0F9DD7
// pink: #D9328F
// gray: #999999
// dark blue: #318094
// white: #fdfdfd
//numbers
//light gray: #f4f4f4
//dark gray: #b5b5b5
2016-09-21 22:52:44 +00:00
$p5-dark-lightbrown: #A67F59;
2017-02-10 17:23:11 +00:00
$p5-light-green: #42F48F;
2020-04-22 22:31:04 +00:00
$p5-dark-black: #1C1C1C;
2020-04-24 00:35:33 +00:00
$p5-dark-pink: #DE4A9B;
$p5-dark-gray: #9B9B9B;
2020-03-25 13:33:02 +00:00
$p5-dark-lightblue: #0F9DD7;
$p5-dark-darkblue: #318094;
2016-09-21 22:52:44 +00:00
$p5-dark-white: #FDFDFD;
$p5-dark-orange: #EE9900;
$p5-dark-lightgray: #E0D7D1;
$p5-dark-darkgray: #666666;
$p5-dark-green: #58a10b;
2020-03-25 13:33:02 +00:00
$p5-dark-goldbrown: #b58318;
2016-09-21 22:52:44 +00:00
$p5-dark-gutter: #f4f4f4;
$p5-dark-number: #b5b5b5;
2016-09-20 15:51:09 +00:00
$p5-dark-selected: rgba(45, 123, 182, 25);
$p5-dark-activeline: rgb(207, 207, 207);
$p5-dark-error: #df3a3d;
2016-09-20 15:51:09 +00:00
.cm-s-p5-dark {
background-color: $p5-dark-black;
color: $p5-dark-white;
}
.cm-s-p5-dark span.cm-comment {
2016-09-20 15:51:09 +00:00
color: $p5-dark-gray;
}
.cm-s-p5-dark span.cm-def {
2020-03-25 13:33:02 +00:00
color: $p5-dark-lightblue;
2016-09-20 15:51:09 +00:00
}
.cm-s-p5-dark span.cm-string {
color: $p5-dark-green;
2016-09-20 15:51:09 +00:00
}
.cm-s-p5-dark span.cm-string-2 {
2016-09-21 22:52:44 +00:00
color: $p5-dark-orange;
2016-09-20 15:51:09 +00:00
}
.cm-s-p5-dark span.cm-number {
color: $p5-dark-white;
2016-09-20 15:51:09 +00:00
}
.cm-s-p5-dark span.cm-keyword {
color: $p5-dark-goldbrown;
2016-09-20 15:51:09 +00:00
}
.cm-s-p5-dark span.cm-variable {
2016-09-21 22:52:44 +00:00
color: $p5-dark-lightblue;
2016-09-20 15:51:09 +00:00
}
.cm-s-p5-dark span.cm-variable-2 {
2016-09-20 15:51:09 +00:00
color: $p5-dark-white;
}
.cm-s-p5-dark span.cm-property {
2016-09-20 15:51:09 +00:00
color: $p5-dark-white;
}
.cm-s-p5-dark span.cm-atom {
2016-09-20 15:51:09 +00:00
color: $p5-dark-pink;
}
.cm-s-p5-dark span.cm-operator {
2020-03-25 13:33:02 +00:00
color: $p5-dark-white;
2016-09-20 15:51:09 +00:00
}
.cm-s-p5-dark .cm-linenumber {
2016-09-21 22:52:44 +00:00
color: $p5-dark-number;
2016-09-20 15:51:09 +00:00
}
.cm-s-p5-dark div.CodeMirror-selected {
2016-09-20 15:51:09 +00:00
background-color: $p5-dark-selected;
}
.cm-s-p5-dark .CodeMirror-activeline-background {
2020-04-27 22:34:53 +00:00
background-color: $dark;
2016-09-20 15:51:09 +00:00
}
.cm-s-p5-dark .CodeMirror-activeline-gutter {
2020-04-27 22:34:53 +00:00
background-color: $dark;
border-right: 1px solid $middle-dark;
2016-09-20 15:51:09 +00:00
}
.cm-s-p5-dark span.CodeMirror-matchingbracket {
outline: 1px solid $p5-dark-gray;
2018-11-07 20:07:06 +00:00
outline-offset: 1px;
color: $p5-dark-white !important;
2016-09-20 15:51:09 +00:00
}
.cm-s-p5-dark span.cm-qualifier {
2016-09-21 22:52:44 +00:00
color: $p5-dark-lightblue;
2016-09-20 15:51:09 +00:00
}
.cm-s-p5-dark span.cm-tag {
2016-09-21 22:52:44 +00:00
color: $p5-dark-pink;
2016-09-20 15:51:09 +00:00
}
.cm-s-p5-dark span.cm-error {
color: $p5-dark-error;
}
.cm-s-p5-dark span.cm-builtin {
2016-09-21 22:52:44 +00:00
color: $p5-dark-lightblue;
2020-03-25 13:33:02 +00:00
font-weight: bold;
2016-09-20 15:51:09 +00:00
}
.cm-s-p5-dark span.cm-attribute {
2016-09-21 22:52:44 +00:00
color: $p5-dark-lightblue;
}
.cm-s-p5-dark .cm-p5-function {
2020-03-25 13:33:02 +00:00
color: $p5-dark-lightblue;
font-weight: bold !important;
}
.cm-s-p5-dark .cm-p5-variable {
color: $p5-dark-pink;
font-weight: bold;
2017-02-10 17:23:11 +00:00
}
2017-10-11 21:31:23 +00:00
.cm-s-p5-dark .CodeMirror-foldmarker {
background-color: white;
color: #333;
}