js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix gray tweaks: do not change level when tweaking

Browse Source
This commit is contained in:
Lea Verou
2025-03-24 12:37:56 -04:00
parent 827dd9f222
commit fa3b387bf1
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/docs/palettes/app/color/generate-grays.js
View File

@@ -1,11 +1,11 @@
import { tints } from '/assets/scripts/tweak/data.js';
export function generateGrays(colors, { grayColor, grayChroma }) {
export function generateGrays(colors, { grayColor, grayChroma, grayLevel }) {
let ret = {};
let undertoneScale = colors[grayColor];
// These will be the same, since scaling them won't change the relationship
ret.maxChromaTint = undertoneScale.maxChromaTint;
ret.maxChromaTint = grayLevel ?? undertoneScale.maxChromaTint;
Object.defineProperty(ret, 'core', {
enumerable: false,
get() {

3
docs/docs/palettes/app/color/tweak.js
View File

@@ -28,7 +28,8 @@ export function tweakPalette(baseColors, tweaks, tweaked) {
if (tweaked.grayChroma || tweaked.grayColor) {
let grayColor = tweaks.grayColor ?? this.originalGrayColor;
let grayChroma = this.computedGrayChroma;
ret.gray = generateGrays(baseColors, { grayColor, grayChroma });
let grayLevel = baseColors.gray?.maxChromaTint;
ret.gray = generateGrays(baseColors, { grayColor, grayChroma, grayLevel });
} else {
ret.gray = originalScale;
}