radex
/
jspaint
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Organize the palette

main
Isaiah Odhner 2019-12-20 11:32:58 -05:00
parent bc7dc02b19
commit b2ce5f8ff8
1 changed files with 50 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
src/app.js
View File

@ -493,6 +493,46 @@ const color_ramp = (num_colors, start_hsla, end_hsla)=>
const update_palette_from_theme = ()=> { const update_palette_from_theme = ()=> {
if (get_theme() === "winter.css") { if (get_theme() === "winter.css") {
const make_stripe_patterns = (reverse)=> [
make_stripe_pattern(reverse, [
"hsl(166, 93%, 38%)",
"white",
]),
make_stripe_pattern(reverse, [
"white",
"hsl(355, 78%, 46%)",
]),
make_stripe_pattern(reverse, [
"hsl(355, 78%, 46%)",
"white",
"white",
"hsl(355, 78%, 46%)",
"hsl(355, 78%, 46%)",
"hsl(355, 78%, 46%)",
"white",
"white",
"hsl(355, 78%, 46%)",
"white",
], 2),
make_stripe_pattern(reverse, [
"hsl(166, 93%, 38%)",
"white",
"white",
"hsl(166, 93%, 38%)",
"hsl(166, 93%, 38%)",
"hsl(166, 93%, 38%)",
"white",
"white",
"hsl(166, 93%, 38%)",
"white",
], 2),
make_stripe_pattern(reverse, [
"hsl(166, 93%, 38%)",
"white",
"hsl(355, 78%, 46%)",
"white",
], 2),
];
palette = [ palette = [
"black", "black",
// green // green
@ -509,6 +549,14 @@ const update_palette_from_theme = ()=> {
// brown // brown
"#ad4632", "#ad4632",
"#5b3b1d", "#5b3b1d",
//
...make_stripe_patterns(false),
// white to blue
...color_ramp(
6,
[200, 100, 100, 100],
[200, 100, 10, 100],
),
// silver // silver
"hsl(0, 0%, 90%)", "hsl(0, 0%, 90%)",
"hsl(22, 5%, 71%)", "hsl(22, 5%, 71%)",
@ -516,52 +564,8 @@ const update_palette_from_theme = ()=> {
"hsl(56, 61%, 41%)", // greenish gold "hsl(56, 61%, 41%)", // greenish gold
"hsl(48, 82%, 54%)", "hsl(48, 82%, 54%)",
"hsl(49, 82%, 72%)", "hsl(49, 82%, 72%)",
// white to blue //
...color_ramp( ...make_stripe_patterns(true),
6,
[200, 100, 100, 100],
[200, 100, 10, 100],
),
...([false, true].flatMap((reverse)=> [
make_stripe_pattern(reverse, [
"hsl(166, 93%, 38%)",
"white",
]),
make_stripe_pattern(reverse, [
"white",
"hsl(355, 78%, 46%)",
]),
make_stripe_pattern(reverse, [
"hsl(355, 78%, 46%)",
"white",
"white",
"hsl(355, 78%, 46%)",
"hsl(355, 78%, 46%)",
"hsl(355, 78%, 46%)",
"white",
"white",
"hsl(355, 78%, 46%)",
"white",
], 2),
make_stripe_pattern(reverse, [
"hsl(166, 93%, 38%)",
"white",
"white",
"hsl(166, 93%, 38%)",
"hsl(166, 93%, 38%)",
"hsl(166, 93%, 38%)",
"white",
"white",
"hsl(166, 93%, 38%)",
"white",
], 2),
make_stripe_pattern(reverse, [
"hsl(166, 93%, 38%)",
"white",
"hsl(355, 78%, 46%)",
"white",
], 2),
])),
]; ];
$colorbox.rebuild_palette(); $colorbox.rebuild_palette();
} else { } else {