41 lines
1.2 KiB
SCSS
41 lines
1.2 KiB
SCSS
$base-font-size: 16;
|
|
|
|
//colors
|
|
$p5js-pink: #ed225d;
|
|
$white: #fff;
|
|
$black: #000;
|
|
|
|
$light-primary-text-color: #333;
|
|
$light-secondary-text-color: #6b6b6b;
|
|
$light-inactive-text-color: #b5b5b5;
|
|
$light-background-color: #fdfdfd;
|
|
$light-sidebar-background: $white;
|
|
|
|
$light-button-background-color: #f4f4f4;
|
|
$light-button-color: $black;
|
|
$light-button-border-color: #979797;
|
|
$light-toolbar-button-color: $p5js-pink;
|
|
$light-button-background-hover-color: $p5js-pink;
|
|
$light-button-background-active-color: #f10046;
|
|
$light-button-hover-color: $white;
|
|
$light-button-active-color: $white;
|
|
$light-modal-button-background-color: #e6e6e6;
|
|
$light-icon-color: #8b8b8b;
|
|
$light-icon-hover-color: $light-primary-text-color;
|
|
|
|
$dark-primary-text-color: $white;
|
|
$dark-secondary-text-color: #c2c2c2;
|
|
$dark-inactive-color: #7d7d7d;
|
|
$dark-background-color: #333;
|
|
|
|
$dark-button-background-color: $white;
|
|
$dark-button-color: $black;
|
|
$dark-toolbar-button-color: $p5js-pink;
|
|
$dark-button-background-hover-color: $p5js-pink;
|
|
$dark-button-background-active-color: #f10046;
|
|
$dark-button-hover-color: $white;
|
|
$dark-button-active-color: $white;
|
|
|
|
$ide-border-color: #f4f4f4;
|
|
$editor-selected-line-color: #f3f3f3;
|
|
$input-border-color: #979797;
|