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

Adjust high contrast colors to design system

Browse source
This commit is contained in:
Cassie Tarakajian 2020-04-08 14:03:56 -04:00
parent 21d44fa263
commit 6088783b61
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
client/styles/abstracts/_variables.scss
View file

@ -12,7 +12,7 @@ $dodgerblue: #1E90FF;
$icon-color: #8b8b8b; $icon-color: #8b8b8b;
$icon-hover-color: #333; $icon-hover-color: #333;
$p5-contrast-pink: #FFA9D9; $p5-contrast-pink: #FFA9D9;
$p5-contrast-lightgray: #f2f2f2; $p5-contrast-lightgray: #f0f0f0;
// Grays // Grays
$dark: #333; $dark: #333;
@ -202,14 +202,14 @@ $themes: (
modal-background-color: #444, modal-background-color: #444,
modal-button-background-color: $p5-contrast-lightgray, modal-button-background-color: $p5-contrast-lightgray,
modal-border-color: #949494, modal-border-color: #949494,
icon-color: #ddd, icon-color: #d9d9d9,
icon-hover-color: $yellow, icon-hover-color: $yellow,
icon-toast-hover-color: $yellow, icon-toast-hover-color: $yellow,
shadow-color: rgba(0, 0, 0, 0.16), shadow-color: rgba(0, 0, 0, 0.16),
console-background-color: #4f4f4f, console-background-color: #4f4f4f,
console-color: $black, console-color: $black,
console-header-background-color: #3f3f3f, console-header-background-color: #3f3f3f,
console-header-color: #ddd, console-header-color: #d9d9d9,
console-info-background-color: $lightsteelblue, console-info-background-color: $lightsteelblue,
console-warn-background-color: $orange, console-warn-background-color: $orange,
console-debug-background-color: $dodgerblue, console-debug-background-color: $dodgerblue,