2016-12-19 22:07:04 +00:00
|
|
|
$base-font-size: 12;
|
2016-05-11 19:31:17 +00:00
|
|
|
|
|
|
|
//colors
|
|
|
|
$p5js-pink: #ed225d;
|
|
|
|
$white: #fff;
|
|
|
|
$black: #000;
|
2016-10-12 16:08:12 +00:00
|
|
|
$yellow: #F5DC23;
|
2018-07-30 16:20:57 +00:00
|
|
|
$orange: #ffa500;
|
|
|
|
$red: #ff0000;
|
|
|
|
$lightsteelblue: #B0C4DE;
|
|
|
|
$dodgerblue: #1E90FF;
|
2017-01-17 18:28:28 +00:00
|
|
|
$primary-text-color: #333;
|
2017-03-06 19:29:42 +00:00
|
|
|
$icon-color: #8b8b8b;
|
|
|
|
$icon-hover-color: #333;
|
2019-04-17 21:05:55 +00:00
|
|
|
$p5-contrast-pink: #FFA9D9;
|
2016-05-11 19:31:17 +00:00
|
|
|
|
2016-09-13 18:15:46 +00:00
|
|
|
$themes: (
|
|
|
|
light: (
|
2016-10-18 02:57:29 +00:00
|
|
|
logo-color: $p5js-pink,
|
2016-09-13 18:15:46 +00:00
|
|
|
primary-text-color: #333,
|
2019-04-02 19:10:49 +00:00
|
|
|
dropzone-text-color: #333,
|
2016-10-12 16:08:12 +00:00
|
|
|
modal-button-color: #333,
|
|
|
|
heading-text-color: #333,
|
2017-07-25 19:35:18 +00:00
|
|
|
secondary-text-color: #a8a8a8,
|
2016-09-13 18:15:46 +00:00
|
|
|
inactive-text-color: #b5b5b5,
|
2016-09-22 01:46:23 +00:00
|
|
|
background-color: #fbfbfb,
|
2016-12-19 22:07:04 +00:00
|
|
|
preview-placeholder-color: #dcdcdc,
|
2016-09-13 18:15:46 +00:00
|
|
|
button-background-color: #f4f4f4,
|
|
|
|
button-color: $black,
|
|
|
|
button-border-color: #979797,
|
|
|
|
toolbar-button-color: $p5js-pink,
|
2016-09-13 20:42:06 +00:00
|
|
|
toolbar-button-background-color: #f4f4f4,
|
2016-09-13 18:15:46 +00:00
|
|
|
button-background-hover-color: $p5js-pink,
|
|
|
|
button-background-active-color: #f10046,
|
2018-10-18 18:10:37 +00:00
|
|
|
button-nav-inactive-color: #a0a0a0,
|
2016-09-13 18:15:46 +00:00
|
|
|
button-hover-color: $white,
|
|
|
|
button-active-color: $white,
|
2016-12-20 05:21:04 +00:00
|
|
|
modal-background-color: #f4f4f4,
|
2016-09-13 18:15:46 +00:00
|
|
|
modal-button-background-color: #e6e6e6,
|
2017-07-25 19:35:18 +00:00
|
|
|
modal-border-color: rgba(17, 17, 17, 0.3),
|
2019-03-20 16:52:00 +00:00
|
|
|
modal-border-selected-color: #B9D0E1,
|
2017-03-06 19:29:42 +00:00
|
|
|
icon-color: $icon-color,
|
|
|
|
icon-hover-color: $icon-hover-color,
|
|
|
|
icon-toast-hover-color: $white,
|
2016-09-13 18:15:46 +00:00
|
|
|
shadow-color: rgba(0, 0, 0, 0.16),
|
|
|
|
console-background-color: #eee,
|
2018-07-30 16:20:57 +00:00
|
|
|
console-color: $white,
|
2016-09-13 18:15:46 +00:00
|
|
|
console-header-background-color: #d6d6d6,
|
2016-09-22 03:39:50 +00:00
|
|
|
console-header-color: #b1b1b1,
|
2018-07-30 16:20:57 +00:00
|
|
|
console-info-background-color: $lightsteelblue,
|
|
|
|
console-warn-background-color: $orange,
|
|
|
|
console-debug-background-color: $dodgerblue,
|
|
|
|
console-error-background-color: $red,
|
2016-09-13 18:15:46 +00:00
|
|
|
ide-border-color: #f4f4f4,
|
2016-09-22 01:46:23 +00:00
|
|
|
editor-gutter-color: #f4f4f4,
|
2016-09-21 22:52:44 +00:00
|
|
|
file-selected-color: #f4f4f4,
|
2016-09-22 03:39:50 +00:00
|
|
|
input-text-color: #333,
|
2016-12-15 23:43:58 +00:00
|
|
|
input-border-color: #b5b5b5,
|
2017-01-06 18:14:39 +00:00
|
|
|
about-list-text-color: #4a4a4a,
|
2017-07-25 19:35:18 +00:00
|
|
|
search-background-color: #ebebeb,
|
2017-09-01 17:38:40 +00:00
|
|
|
dropdown-color: #414141,
|
2017-10-11 16:56:44 +00:00
|
|
|
keyboard-shortcut-color: #757575,
|
|
|
|
nav-hover-color: $p5js-pink,
|
2019-04-17 21:05:55 +00:00
|
|
|
error-color: $p5js-pink,
|
2017-10-12 18:22:17 +00:00
|
|
|
codefold-icon-open: url(../images/down-arrow.svg),
|
|
|
|
codefold-icon-closed: url(../images/right-arrow.svg)
|
2016-09-13 18:15:46 +00:00
|
|
|
),
|
|
|
|
dark: (
|
2016-10-18 02:57:29 +00:00
|
|
|
logo-color: $p5js-pink,
|
2016-09-13 18:15:46 +00:00
|
|
|
primary-text-color: $white,
|
2019-04-02 19:10:49 +00:00
|
|
|
dropzone-text-color: $black,
|
2016-10-12 16:08:12 +00:00
|
|
|
modal-button-color: $white,
|
|
|
|
heading-text-color: $white,
|
2017-07-25 19:35:18 +00:00
|
|
|
secondary-text-color: #DADADA,
|
2016-12-19 22:07:04 +00:00
|
|
|
inactive-text-color: #b5b5b5,
|
2016-09-13 18:15:46 +00:00
|
|
|
background-color: #333,
|
2016-12-19 22:07:04 +00:00
|
|
|
preview-placeholder-color: #dcdcdc,
|
2016-09-13 18:15:46 +00:00
|
|
|
button-background-color: $white,
|
|
|
|
button-color: $black,
|
|
|
|
button-border-color: #979797,
|
|
|
|
toolbar-button-color: $p5js-pink,
|
2016-09-13 20:42:06 +00:00
|
|
|
toolbar-button-background-color: #424242,
|
2016-09-13 18:15:46 +00:00
|
|
|
button-background-hover-color: $p5js-pink,
|
|
|
|
button-background-active-color: #f10046,
|
2018-10-18 18:10:37 +00:00
|
|
|
button-nav-inactive-color: #a0a0a0,
|
2016-09-13 18:15:46 +00:00
|
|
|
button-hover-color: $white,
|
|
|
|
button-active-color: $white,
|
|
|
|
modal-background-color: #444,
|
|
|
|
modal-button-background-color: #5f5f5f,
|
|
|
|
modal-border-color: #949494,
|
|
|
|
icon-color: #a9a9a9,
|
|
|
|
icon-hover-color: $white,
|
2017-03-06 19:29:42 +00:00
|
|
|
icon-toast-hover-color: $white,
|
2016-09-13 18:15:46 +00:00
|
|
|
shadow-color: rgba(0, 0, 0, 0.16),
|
|
|
|
console-background-color: #4f4f4f,
|
2018-07-30 16:20:57 +00:00
|
|
|
console-color: $black,
|
2016-09-13 18:15:46 +00:00
|
|
|
console-header-background-color: #3f3f3f,
|
|
|
|
console-header-color: #b5b5b5,
|
2018-07-30 16:20:57 +00:00
|
|
|
console-info-background-color: $lightsteelblue,
|
|
|
|
console-warn-background-color: $orange,
|
|
|
|
console-debug-background-color: $dodgerblue,
|
|
|
|
console-error-background-color: $red,
|
2016-09-13 18:15:46 +00:00
|
|
|
ide-border-color: #949494,
|
2016-09-21 22:52:44 +00:00
|
|
|
editor-gutter-color: #363636,
|
|
|
|
file-selected-color: #404040,
|
2016-09-22 03:39:50 +00:00
|
|
|
input-text-color: #333,
|
2016-12-15 23:43:58 +00:00
|
|
|
input-border-color: #b5b5b5,
|
2017-01-06 18:14:39 +00:00
|
|
|
about-list-text-color: #f4f4f4,
|
2017-07-25 19:35:18 +00:00
|
|
|
search-background-color: #ebebeb,
|
2017-09-15 20:12:36 +00:00
|
|
|
dropdown-color: #dadada,
|
2017-10-11 16:56:44 +00:00
|
|
|
keyboard-shortcut-color: #B5B5B5,
|
|
|
|
nav-hover-color: $p5js-pink,
|
2019-04-17 21:05:55 +00:00
|
|
|
error-color: $p5js-pink,
|
2017-10-12 18:22:17 +00:00
|
|
|
codefold-icon-open: url(../images/down-arrow-white.svg),
|
|
|
|
codefold-icon-closed: url(../images/right-arrow-white.svg)
|
2016-10-12 16:08:12 +00:00
|
|
|
),
|
|
|
|
contrast: (
|
2016-10-18 02:57:29 +00:00
|
|
|
logo-color: $yellow,
|
2016-10-12 16:08:12 +00:00
|
|
|
primary-text-color: $yellow,
|
2019-04-02 19:10:49 +00:00
|
|
|
dropzone-text-color: $black,
|
2016-10-12 16:08:12 +00:00
|
|
|
modal-button-color: #333,
|
|
|
|
heading-text-color: #e1e1e1,
|
|
|
|
secondary-text-color: #e1e1e1,
|
|
|
|
inactive-text-color: #c1c1c1,
|
|
|
|
background-color: #333,
|
|
|
|
button-background-color: $white,
|
|
|
|
button-color: $black,
|
|
|
|
button-border-color: #979797,
|
|
|
|
toolbar-button-color: #333333,
|
|
|
|
toolbar-button-background-color: #C1C1C1,
|
|
|
|
button-background-hover-color: $yellow,
|
|
|
|
button-background-active-color: #f10046,
|
2018-10-18 18:10:37 +00:00
|
|
|
button-nav-inactive-color: #a0a0a0,
|
2016-10-12 16:08:12 +00:00
|
|
|
button-hover-color: #333333,
|
|
|
|
button-active-color: #333333,
|
|
|
|
modal-background-color: #444,
|
|
|
|
modal-button-background-color: #C1C1C1,
|
|
|
|
modal-border-color: #949494,
|
|
|
|
icon-color: #a9a9a9,
|
|
|
|
icon-hover-color: $yellow,
|
2017-03-06 19:29:42 +00:00
|
|
|
icon-toast-hover-color: $yellow,
|
2016-10-12 16:08:12 +00:00
|
|
|
shadow-color: rgba(0, 0, 0, 0.16),
|
|
|
|
console-background-color: #4f4f4f,
|
2018-07-30 16:20:57 +00:00
|
|
|
console-color: $black,
|
2016-10-12 16:08:12 +00:00
|
|
|
console-header-background-color: #3f3f3f,
|
|
|
|
console-header-color: #b5b5b5,
|
2018-07-30 16:20:57 +00:00
|
|
|
console-info-background-color: $lightsteelblue,
|
|
|
|
console-warn-background-color: $orange,
|
|
|
|
console-debug-background-color: $dodgerblue,
|
|
|
|
console-error-background-color: $red,
|
2016-10-12 16:08:12 +00:00
|
|
|
ide-border-color: #949494,
|
|
|
|
editor-gutter-color: #454545,
|
|
|
|
file-selected-color: #404040,
|
|
|
|
input-text-color: #333,
|
2016-12-15 23:43:58 +00:00
|
|
|
input-border-color: #b5b5b5,
|
2017-01-06 18:14:39 +00:00
|
|
|
about-list-text-color: #f4f4f4,
|
2017-07-25 19:35:18 +00:00
|
|
|
search-background-color: $white,
|
2017-09-01 17:38:40 +00:00
|
|
|
dropdown-color: #e1e1e1,
|
2017-10-11 16:56:44 +00:00
|
|
|
keyboard-shortcut-color: #e1e1e1,
|
2017-10-12 18:22:17 +00:00
|
|
|
nav-hover-color: $yellow,
|
2019-04-17 21:05:55 +00:00
|
|
|
error-color: $p5-contrast-pink,
|
2017-10-12 18:22:17 +00:00
|
|
|
codefold-icon-open: url(../images/down-arrow-white.svg),
|
|
|
|
codefold-icon-closed: url(../images/right-arrow-white.svg)
|
2016-09-13 18:15:46 +00:00
|
|
|
)
|
|
|
|
);
|
|
|
|
|
|
|
|
$console-warn-color: #ffbe05;
|
|
|
|
$console-error-color: #ff5f52;
|
|
|
|
|
2017-03-06 19:29:42 +00:00
|
|
|
$toast-background-color: #4A4A4A;
|
2016-09-13 18:15:46 +00:00
|
|
|
$toast-text-color: $white;
|
2016-12-15 23:43:58 +00:00
|
|
|
|
|
|
|
$form-title-color: rgba(51, 51, 51, 0.87);
|
|
|
|
$secondary-form-title-color: #b5b5b5;
|
|
|
|
$form-button-background-color: $white;
|
|
|
|
$form-button-color: #f10046;
|
|
|
|
$form-button-background-hover-color: $p5js-pink;
|
|
|
|
$form-button-background-active-color: #f10046;
|
|
|
|
$form-button-hover-color: $white;
|
|
|
|
$form-button-active-color: $white;
|
|
|
|
$form-navigation-options-color: #999999;
|
2016-12-19 21:49:37 +00:00
|
|
|
|
2017-01-06 18:14:39 +00:00
|
|
|
$about-play-background-color: rgba(255, 255, 255, 0.7);
|
2018-10-18 18:10:37 +00:00
|
|
|
$about-button-border-color: rgba(151, 151, 151, 0.7);
|