@a-type/ui 1.8.18 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -58
- package/dist/cjs/colors.stories.d.ts +13 -0
- package/dist/cjs/colors.stories.js +29 -0
- package/dist/cjs/colors.stories.js.map +1 -0
- package/dist/cjs/components/button/classes.js +9 -9
- package/dist/cjs/components/button/classes.js.map +1 -1
- package/dist/cjs/components/card/Card.d.ts +2 -2
- package/dist/cjs/components/card/Card.js +4 -4
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.js +1 -1
- package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/datePicker/DatePicker.js +3 -1
- package/dist/cjs/components/datePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.js +3 -3
- package/dist/cjs/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/cjs/components/richEditor/index.js +1 -1
- package/dist/cjs/components/scrollArea/ScrollArea.js +1 -1
- package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/cjs/components/slider/Slider.js +1 -1
- package/dist/cjs/components/slider/Slider.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.js +1 -1
- package/dist/cjs/components/tabs/tabs.js.map +1 -1
- package/dist/cjs/components/toggleGroup/toggleGroup.js +1 -1
- package/dist/cjs/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/cjs/components/typography/typography.js +3 -3
- package/dist/cjs/themes.stories.d.ts +2 -0
- package/dist/cjs/themes.stories.js +67 -1
- package/dist/cjs/themes.stories.js.map +1 -1
- package/dist/cjs/uno/colors.d.ts +14 -0
- package/dist/cjs/uno/colors.js +59 -0
- package/dist/cjs/uno/colors.js.map +1 -0
- package/dist/cjs/uno.preset.d.ts +5 -4
- package/dist/cjs/uno.preset.js +85 -261
- package/dist/cjs/uno.preset.js.map +1 -1
- package/dist/css/main.css +846 -784
- package/dist/esm/colors.stories.d.ts +13 -0
- package/dist/esm/colors.stories.js +26 -0
- package/dist/esm/colors.stories.js.map +1 -0
- package/dist/esm/components/button/classes.js +9 -9
- package/dist/esm/components/button/classes.js.map +1 -1
- package/dist/esm/components/card/Card.d.ts +2 -2
- package/dist/esm/components/card/Card.js +4 -4
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/checkbox/Checkbox.js +1 -1
- package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/datePicker/DatePicker.js +3 -1
- package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.js +3 -3
- package/dist/esm/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/esm/components/richEditor/index.js +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.js +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/esm/components/slider/Slider.js +1 -1
- package/dist/esm/components/slider/Slider.js.map +1 -1
- package/dist/esm/components/tabs/tabs.js +1 -1
- package/dist/esm/components/tabs/tabs.js.map +1 -1
- package/dist/esm/components/toggleGroup/toggleGroup.js +1 -1
- package/dist/esm/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/esm/components/typography/typography.js +3 -3
- package/dist/esm/themes.stories.d.ts +2 -0
- package/dist/esm/themes.stories.js +67 -1
- package/dist/esm/themes.stories.js.map +1 -1
- package/dist/esm/uno/colors.d.ts +14 -0
- package/dist/esm/uno/colors.js +54 -0
- package/dist/esm/uno/colors.js.map +1 -0
- package/dist/esm/uno.preset.d.ts +5 -4
- package/dist/esm/uno.preset.js +84 -260
- package/dist/esm/uno.preset.js.map +1 -1
- package/package.json +1 -1
- package/src/colors.stories.tsx +53 -0
- package/src/components/button/classes.tsx +12 -12
- package/src/components/card/Card.tsx +5 -5
- package/src/components/checkbox/Checkbox.tsx +1 -1
- package/src/components/datePicker/DatePicker.tsx +1 -0
- package/src/components/horizontalList/HorizontalList.tsx +3 -3
- package/src/components/richEditor/index.tsx +3 -3
- package/src/components/scrollArea/ScrollArea.tsx +1 -1
- package/src/components/slider/Slider.tsx +2 -2
- package/src/components/tabs/tabs.tsx +1 -1
- package/src/components/toggleGroup/toggleGroup.tsx +1 -1
- package/src/components/typography/typography.tsx +3 -3
- package/src/themes.stories.tsx +95 -1
- package/src/uno/colors.ts +68 -0
- package/src/uno.preset.ts +96 -322
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.stories.js","sourceRoot":"","sources":["../../src/themes.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"themes.stories.js","sourceRoot":"","sources":["../../src/themes.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare const colorConstants = "\n\t--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));\n\t--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));\n\t--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));\n\t--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));\n";
|
|
2
|
+
export declare const dynamicThemeComputedColors: (name: string) => string;
|
|
3
|
+
export declare const dynamicComputedVars: string;
|
|
4
|
+
export type DynamicThemeColor = {
|
|
5
|
+
hue: number;
|
|
6
|
+
hueRotate: number;
|
|
7
|
+
hueRotateMult?: number;
|
|
8
|
+
saturationMult?: number;
|
|
9
|
+
dim?: `${number}%`;
|
|
10
|
+
};
|
|
11
|
+
export declare function dynamicTheme({ primary, accent, }: {
|
|
12
|
+
primary: DynamicThemeColor;
|
|
13
|
+
accent: DynamicThemeColor;
|
|
14
|
+
}): string;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
// @unocss-include
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.dynamicComputedVars = exports.dynamicThemeComputedColors = exports.colorConstants = void 0;
|
|
5
|
+
exports.dynamicTheme = dynamicTheme;
|
|
6
|
+
exports.colorConstants = `
|
|
7
|
+
--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
|
|
8
|
+
--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
|
|
9
|
+
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));
|
|
10
|
+
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
11
|
+
`;
|
|
12
|
+
const dynamicThemeComputedColors = (name) => `
|
|
13
|
+
--color-${name}: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-${name}-base-dim, 0%))) calc(var(--dyn-${name}-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-${name}-source, 0));
|
|
14
|
+
--color-${name}-wash: oklch(from var(--color-${name}) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1)));
|
|
15
|
+
--color-${name}-light: oklch(from var(--color-${name}) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1)));
|
|
16
|
+
--color-${name}-dark: oklch(from var(--color-${name}) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1)));
|
|
17
|
+
--color-${name}-ink: oklch(from var(--color-${name}) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1)));
|
|
18
|
+
|
|
19
|
+
--color-${name}-gray: oklch(from var(--color-${name}) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
|
|
20
|
+
--color-${name}-gray-wash: oklch(from var(--color-${name}-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
|
|
21
|
+
--color-${name}-gray-light: oklch(from var(--color-${name}-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
|
|
22
|
+
--color-${name}-gray-dark: oklch(from var(--color-${name}-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
|
|
23
|
+
--color-${name}-gray-ink: oklch(from var(--color-${name}-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
|
|
24
|
+
`;
|
|
25
|
+
exports.dynamicThemeComputedColors = dynamicThemeComputedColors;
|
|
26
|
+
exports.dynamicComputedVars = `
|
|
27
|
+
${(0, exports.dynamicThemeComputedColors)('primary')}
|
|
28
|
+
${(0, exports.dynamicThemeComputedColors)('accent')}
|
|
29
|
+
|
|
30
|
+
--color-gray: var(--color-primary-gray);
|
|
31
|
+
--color-gray-wash: var(--color-primary-gray-wash);
|
|
32
|
+
--color-gray-light: var(--color-primary-gray-light);
|
|
33
|
+
--color-gray-dark: var(--color-primary-gray-dark);
|
|
34
|
+
--color-gray-ink: var(--color-primary-gray-ink);
|
|
35
|
+
|
|
36
|
+
--color-wash: var(--color-gray-wash);
|
|
37
|
+
--palette-black: var(--color-gray-ink);
|
|
38
|
+
--palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
|
|
39
|
+
/* A dark-mode only contrast color */
|
|
40
|
+
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
41
|
+
`;
|
|
42
|
+
function dynamicTheme({ primary, accent, }) {
|
|
43
|
+
var _a, _b, _c, _d, _e, _f;
|
|
44
|
+
return `
|
|
45
|
+
${exports.colorConstants}
|
|
46
|
+
--dyn-primary-hue-rotate: ${primary.hueRotate};
|
|
47
|
+
--dyn-primary-source: ${primary.hue};
|
|
48
|
+
--dyn-accent-hue-rotate: ${accent.hueRotate};
|
|
49
|
+
--dyn-accent-source: ${accent.hue};
|
|
50
|
+
--dyn-primary-hue-rotate-mult: ${(_a = primary.hueRotateMult) !== null && _a !== void 0 ? _a : 1};
|
|
51
|
+
--dyn-primary-sat-mult: ${(_b = primary.saturationMult) !== null && _b !== void 0 ? _b : 1};
|
|
52
|
+
--dyn-accent-hue-rotate-mult: ${(_c = accent.hueRotateMult) !== null && _c !== void 0 ? _c : 1};
|
|
53
|
+
--dyn-accent-sat-mult: ${(_d = accent.saturationMult) !== null && _d !== void 0 ? _d : 1};
|
|
54
|
+
--dyn-primary-base-dim: ${(_e = primary.dim) !== null && _e !== void 0 ? _e : '0%'};
|
|
55
|
+
--dyn-accent-base-dim: ${(_f = accent.dim) !== null && _f !== void 0 ? _f : '0%'};
|
|
56
|
+
${exports.dynamicComputedVars}
|
|
57
|
+
`;
|
|
58
|
+
}
|
|
59
|
+
//# sourceMappingURL=colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/uno/colors.ts"],"names":[],"mappings":";;;AA8CA,oCAqBC;AAnEY,QAAA,cAAc,GAAG;;;;;CAK7B,CAAC;AAEK,MAAM,0BAA0B,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC;WACjD,IAAI,oGAAoG,IAAI,mCAAmC,IAAI,2EAA2E,IAAI;WAClO,IAAI,iCAAiC,IAAI,mFAAmF,IAAI,qFAAqF,IAAI,+BAA+B,IAAI;WAC5P,IAAI,kCAAkC,IAAI,6DAA6D,IAAI,wFAAwF,IAAI,+BAA+B,IAAI;WAC1O,IAAI,iCAAiC,IAAI,6DAA6D,IAAI,uFAAuF,IAAI,+BAA+B,IAAI;WACxO,IAAI,gCAAgC,IAAI,6DAA6D,IAAI,oFAAoF,IAAI,+BAA+B,IAAI;;WAEpO,IAAI,iCAAiC,IAAI;WACzC,IAAI,sCAAsC,IAAI;WAC9C,IAAI,uCAAuC,IAAI;WAC/C,IAAI,sCAAsC,IAAI;WAC9C,IAAI,qCAAqC,IAAI;CACvD,CAAC;AAZW,QAAA,0BAA0B,8BAYrC;AAEW,QAAA,mBAAmB,GAAG;EACjC,IAAA,kCAA0B,EAAC,SAAS,CAAC;EACrC,IAAA,kCAA0B,EAAC,QAAQ,CAAC;;;;;;;;;;;;;CAarC,CAAC;AAUF,SAAgB,YAAY,CAAC,EAC5B,OAAO,EACP,MAAM,GAIN;;IACA,OAAO;GACL,sBAAc;4BACW,OAAO,CAAC,SAAS;wBACrB,OAAO,CAAC,GAAG;2BACR,MAAM,CAAC,SAAS;uBACpB,MAAM,CAAC,GAAG;iCACA,MAAA,OAAO,CAAC,aAAa,mCAAI,CAAC;0BACjC,MAAA,OAAO,CAAC,cAAc,mCAAI,CAAC;gCACrB,MAAA,MAAM,CAAC,aAAa,mCAAI,CAAC;yBAChC,MAAA,MAAM,CAAC,cAAc,mCAAI,CAAC;0BACzB,MAAA,OAAO,CAAC,GAAG,mCAAI,IAAI;yBACpB,MAAA,MAAM,CAAC,GAAG,mCAAI,IAAI;EACzC,2BAAmB;EACnB,CAAC;AACH,CAAC"}
|
package/dist/cjs/uno.preset.d.ts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { Preset } from 'unocss';
|
|
2
|
-
|
|
2
|
+
import { DynamicThemeColor } from './uno/colors.js';
|
|
3
|
+
export default function presetAtype({ scale, interFontLocation, domineFontLocation, customTheme, borderScale, roundedness, cornerScale, spacingScale, saturation, }?: {
|
|
3
4
|
scale?: 'sm' | 'md' | 'lg';
|
|
4
5
|
interFontLocation?: string;
|
|
5
6
|
domineFontLocation?: string;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
customTheme?: {
|
|
8
|
+
primary: DynamicThemeColor;
|
|
9
|
+
accent: DynamicThemeColor;
|
|
9
10
|
};
|
|
10
11
|
borderScale?: number;
|
|
11
12
|
/** @deprecated use cornerScale */
|
package/dist/cjs/uno.preset.js
CHANGED
|
@@ -4,10 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.default =
|
|
7
|
+
exports.default = presetAtype;
|
|
8
8
|
const core_1 = require("@unocss/core");
|
|
9
9
|
const rules_1 = require("@unocss/preset-mini/rules");
|
|
10
10
|
const preset_wind3_1 = __importDefault(require("@unocss/preset-wind3"));
|
|
11
|
+
const colors_js_1 = require("./uno/colors.js");
|
|
11
12
|
const baseBgRule = rules_1.bgColors[0];
|
|
12
13
|
const spacing = {
|
|
13
14
|
sm: 0.125,
|
|
@@ -19,15 +20,10 @@ const roundedScaling = {
|
|
|
19
20
|
md: 1,
|
|
20
21
|
lg: 1.25,
|
|
21
22
|
};
|
|
22
|
-
function
|
|
23
|
-
light: [90, 20],
|
|
24
|
-
dark: [0, 80],
|
|
25
|
-
}, borderScale = 1, roundedness = 1, cornerScale = roundedness, spacingScale = 1, saturation = 20, } = {}) {
|
|
23
|
+
function presetAtype({ scale = 'md', interFontLocation = 'https://resources.biscuits.club/fonts/Inter-VariableFont_slnt,wght.ttf', domineFontLocation = 'https://resources.biscuits.club/fonts/Domine-VariableFont_wght.ttf', customTheme, borderScale = 1, roundedness = 1, cornerScale = roundedness, spacingScale = 1, saturation = 20, } = {}) {
|
|
26
24
|
const saturationScale = saturation / 100;
|
|
27
25
|
const spacingIncrement = spacing[scale];
|
|
28
26
|
cornerScale *= roundedScaling[scale];
|
|
29
|
-
const lightColors = generateColors(...colorRanges.light);
|
|
30
|
-
const darkColors = generateColors(...colorRanges.dark);
|
|
31
27
|
const darkModeSaturationTweak = 1;
|
|
32
28
|
const lightModeSaturationTweak = 3;
|
|
33
29
|
return {
|
|
@@ -39,11 +35,6 @@ function presetAglio({ scale = 'md', interFontLocation = 'https://resources.bisc
|
|
|
39
35
|
black: 'var(--color-black)',
|
|
40
36
|
white: 'var(--color-white)',
|
|
41
37
|
wash: 'var(--color-wash)',
|
|
42
|
-
attentionLight: 'var(--color-attention-light)',
|
|
43
|
-
'attention-light': 'var(--color-attention-light)',
|
|
44
|
-
attentionDark: 'var(--color-attention-dark)',
|
|
45
|
-
'attention-dark': 'var(--color-attention-dark)',
|
|
46
|
-
'attention-wash': 'var(--color-attention-wash)',
|
|
47
38
|
attention: {
|
|
48
39
|
DEFAULT: 'var(--color-attention)',
|
|
49
40
|
light: 'var(--color-attention-light)',
|
|
@@ -58,12 +49,6 @@ function presetAglio({ scale = 'md', interFontLocation = 'https://resources.bisc
|
|
|
58
49
|
wash: 'var(--color-accent-wash)',
|
|
59
50
|
ink: 'var(--color-accent-ink)',
|
|
60
51
|
},
|
|
61
|
-
accentWash: 'var(--color-accent-wash)',
|
|
62
|
-
'accent-wash': 'var(--color-accent-wash)',
|
|
63
|
-
accentLight: 'var(--color-accent-light)',
|
|
64
|
-
'accent-light': 'var(--color-accent-light)',
|
|
65
|
-
accentDark: 'var(--color-accent-dark)',
|
|
66
|
-
'accent-dark': 'var(--color-accent-dark)',
|
|
67
52
|
primary: {
|
|
68
53
|
DEFAULT: 'var(--color-primary)',
|
|
69
54
|
light: 'var(--color-primary-light)',
|
|
@@ -71,29 +56,21 @@ function presetAglio({ scale = 'md', interFontLocation = 'https://resources.bisc
|
|
|
71
56
|
wash: 'var(--color-primary-wash)',
|
|
72
57
|
ink: 'var(--color-primary-ink)',
|
|
73
58
|
},
|
|
74
|
-
primaryLight: 'var(--color-primary-light)',
|
|
75
|
-
'primary-light': 'var(--color-primary-light)',
|
|
76
|
-
primaryDark: 'var(--color-primary-dark)',
|
|
77
|
-
'primary-dark': 'var(--color-primary-dark)',
|
|
78
|
-
primaryWash: 'var(--color-primary-wash)',
|
|
79
|
-
'primary-wash': 'var(--color-primary-wash)',
|
|
80
59
|
gray: {
|
|
81
60
|
DEFAULT: 'var(--color-gray)',
|
|
82
61
|
wash: 'var(--color-gray-wash)',
|
|
83
62
|
light: 'var(--color-gray-light)',
|
|
84
|
-
dark: 'var(--color-gray-dark)',
|
|
85
63
|
ink: 'var(--color-gray-ink)',
|
|
86
64
|
blend: 'var(--color-gray-blend)',
|
|
65
|
+
dark: {
|
|
66
|
+
DEFAULT: 'var(--color-gray-dark)',
|
|
67
|
+
blend: 'var(--color-gray-dark-blend)',
|
|
68
|
+
},
|
|
87
69
|
},
|
|
88
|
-
grayBlend: 'var(--color-gray-blend)',
|
|
89
|
-
'gray-blend': 'var(--color-gray-blend)',
|
|
90
|
-
grayDarkBlend: 'var(--color-gray-dark-blend)',
|
|
91
|
-
'gray-dark-blend': 'var(--color-gray-dark-blend)',
|
|
92
|
-
darkBlend: 'var(--color-dark-blend)',
|
|
93
70
|
'dark-blend': 'var(--color-dark-blend)',
|
|
94
|
-
lightBlend: 'var(--color-light-blend)',
|
|
95
71
|
'light-blend': 'var(--color-light-blend)',
|
|
96
72
|
overlay: 'var(--color-overlay)',
|
|
73
|
+
'dark-mode-contrast': 'var(--color-dark-mode-contrast)',
|
|
97
74
|
},
|
|
98
75
|
fontFamily: {
|
|
99
76
|
default: 'var(--font-default, sans-serif)',
|
|
@@ -419,7 +396,7 @@ function presetAglio({ scale = 'md', interFontLocation = 'https://resources.bisc
|
|
|
419
396
|
}
|
|
420
397
|
return {
|
|
421
398
|
'background-color': 'var(--v-bg-altered,var(--v-bg))',
|
|
422
|
-
['--v-bg']:
|
|
399
|
+
['--v-bg']: resolvedColor,
|
|
423
400
|
};
|
|
424
401
|
},
|
|
425
402
|
{
|
|
@@ -477,7 +454,7 @@ function presetAglio({ scale = 'md', interFontLocation = 'https://resources.bisc
|
|
|
477
454
|
],
|
|
478
455
|
shortcuts: {
|
|
479
456
|
'border-default': 'border border-solid border-color-black',
|
|
480
|
-
'border-light': 'border border-solid border-color-gray border-color-darken-
|
|
457
|
+
'border-light': 'border border-solid border-color-gray border-color-darken-3',
|
|
481
458
|
'flex-1-0-0': 'flex-grow-1 flex-shrink-0 flex-basis-0',
|
|
482
459
|
'flex-0-0-auto': 'flex-grow-0 flex-shrink-0 flex-basis-auto',
|
|
483
460
|
row: 'layer-components:flex layer-components:flex-row layer-components:gap-2 layer-components:items-center',
|
|
@@ -512,10 +489,17 @@ function presetAglio({ scale = 'md', interFontLocation = 'https://resources.bisc
|
|
|
512
489
|
},
|
|
513
490
|
{
|
|
514
491
|
getCSS: (ctx) => {
|
|
492
|
+
const attentionColors = `
|
|
493
|
+
--dyn-attention-source: 30;
|
|
494
|
+
--dyn-attention-hue-rotate: 0;
|
|
495
|
+
--dyn-attention-sat-mult: 1;
|
|
496
|
+
--dyn-attention-hue-rotate-mult: 1;
|
|
497
|
+
${(0, colors_js_1.dynamicThemeComputedColors)('attention')}`;
|
|
515
498
|
const lightMode = `
|
|
516
499
|
--wash-saturation-tweak: ${lightModeSaturationTweak};
|
|
517
500
|
--mode-mult: 1;
|
|
518
|
-
|
|
501
|
+
--dyn-mode-mult: 1;
|
|
502
|
+
--dyn-mode-sign: 1;
|
|
519
503
|
--color-dark-blend: var(--palette-dark-blend);
|
|
520
504
|
--color-light-blend: var(--palette-light-blend);
|
|
521
505
|
--color-dark-blend-2: var(--palette-dark-blend-2);
|
|
@@ -537,17 +521,21 @@ function presetAglio({ scale = 'md', interFontLocation = 'https://resources.bisc
|
|
|
537
521
|
--color-shadow-1: var(--palette-shadow-2);
|
|
538
522
|
--color-shadow-2: var(--palette-shadow-1);
|
|
539
523
|
--color-overlay: var(--palette-white-overlay);
|
|
524
|
+
${attentionColors}
|
|
540
525
|
`;
|
|
541
526
|
const darkMode = `
|
|
542
527
|
--wash-saturation-tweak: ${darkModeSaturationTweak};
|
|
543
528
|
--mode-mult: -1;
|
|
544
|
-
|
|
529
|
+
--dyn-mode-mult: -1.6;
|
|
530
|
+
--dyn-mode-lighten-mult: -0.5;
|
|
531
|
+
--dyn-mode-sign: -1;
|
|
532
|
+
--dyn-source-mode-adjust: 1;
|
|
545
533
|
--color-dark-blend: var(--palette-light-blend);
|
|
546
534
|
--color-light-blend: var(--palette-dark-blend);
|
|
547
535
|
--color-dark-blend-2: var(--palette-light-blend-2);
|
|
548
536
|
--color-light-blend-2: var(--palette-dark-blend-2);
|
|
549
537
|
--color-black: var(--palette-true-white);
|
|
550
|
-
--color-white: var(--palette-
|
|
538
|
+
--color-white: var(--palette-white);
|
|
551
539
|
--color-gray-1: var(--palette-gray-ex-2);
|
|
552
540
|
--color-gray-2: var(--palette-gray-ex-1);
|
|
553
541
|
--color-gray-3: var(--palette-gray-0);
|
|
@@ -563,135 +551,57 @@ function presetAglio({ scale = 'md', interFontLocation = 'https://resources.bisc
|
|
|
563
551
|
--color-shadow-1: var(--palette-shadow-4);
|
|
564
552
|
--color-shadow-2: var(--palette-shadow-3);
|
|
565
553
|
--color-overlay: var(--palette-black-overlay);
|
|
554
|
+
${attentionColors}
|
|
566
555
|
`;
|
|
567
|
-
const
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
556
|
+
const dynThemes = {
|
|
557
|
+
lemon: { hue: 91.8, hueRotate: 3 },
|
|
558
|
+
leek: { hue: 160.88, hueRotate: -1 },
|
|
559
|
+
tomato: { hue: 10.51, hueRotate: -2 },
|
|
560
|
+
blueberry: { hue: 248.14, hueRotate: 4 },
|
|
561
|
+
eggplant: { hue: 280.21, hueRotate: -5 },
|
|
562
|
+
salt: {
|
|
563
|
+
hue: 0,
|
|
564
|
+
hueRotate: -50,
|
|
565
|
+
hueRotateMult: 0,
|
|
566
|
+
saturationMult: 0,
|
|
567
|
+
dim: '4%',
|
|
568
|
+
},
|
|
569
|
+
saltLight: {
|
|
570
|
+
hue: 0,
|
|
571
|
+
hueRotate: -50,
|
|
572
|
+
hueRotateMult: 0,
|
|
573
|
+
saturationMult: 0,
|
|
574
|
+
dim: '15%',
|
|
575
|
+
},
|
|
576
|
+
};
|
|
577
|
+
const dynLemon = (0, colors_js_1.dynamicTheme)({
|
|
578
|
+
primary: dynThemes.lemon,
|
|
579
|
+
accent: dynThemes.leek,
|
|
571
580
|
});
|
|
572
|
-
const
|
|
573
|
-
primary:
|
|
574
|
-
accent:
|
|
575
|
-
grayTweak: 20,
|
|
576
|
-
primaryWashSaturation: 0.95,
|
|
581
|
+
const dynLeek = (0, colors_js_1.dynamicTheme)({
|
|
582
|
+
primary: dynThemes.leek,
|
|
583
|
+
accent: dynThemes.lemon,
|
|
577
584
|
});
|
|
578
|
-
const
|
|
579
|
-
primary:
|
|
580
|
-
accent:
|
|
581
|
-
grayTweak: -20,
|
|
585
|
+
const dynTomato = (0, colors_js_1.dynamicTheme)({
|
|
586
|
+
primary: dynThemes.tomato,
|
|
587
|
+
accent: dynThemes.leek,
|
|
582
588
|
});
|
|
583
|
-
const
|
|
584
|
-
primary:
|
|
585
|
-
accent:
|
|
586
|
-
grayTweak: 20,
|
|
589
|
+
const dynBlueberry = (0, colors_js_1.dynamicTheme)({
|
|
590
|
+
primary: dynThemes.blueberry,
|
|
591
|
+
accent: dynThemes.leek,
|
|
587
592
|
});
|
|
588
|
-
const
|
|
589
|
-
primary:
|
|
590
|
-
accent:
|
|
591
|
-
grayTweak: -20,
|
|
593
|
+
const dynEggplant = (0, colors_js_1.dynamicTheme)({
|
|
594
|
+
primary: dynThemes.eggplant,
|
|
595
|
+
accent: dynThemes.leek,
|
|
592
596
|
});
|
|
593
|
-
const
|
|
594
|
-
primary:
|
|
595
|
-
accent:
|
|
596
|
-
default: 'true-gray-light',
|
|
597
|
-
wash: 'white',
|
|
598
|
-
light: 'true-gray-wash',
|
|
599
|
-
dark: 'true-gray',
|
|
600
|
-
ink: 'true-gray-dark',
|
|
601
|
-
},
|
|
602
|
-
globalSaturation: 0,
|
|
597
|
+
const dynSalt = (0, colors_js_1.dynamicTheme)({
|
|
598
|
+
primary: dynThemes.salt,
|
|
599
|
+
accent: dynThemes.saltLight,
|
|
603
600
|
});
|
|
604
|
-
const computedVars = `
|
|
605
|
-
--palette-gray-wash: hsl(from var(--color-primary-wash) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--wash-saturation-tweak, 1) * var(--global-saturation, 1)) calc(l * pow(1.025, var(--mode-mult,1))));
|
|
606
|
-
--palette-gray: hsl(from var(--color-primary) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--global-saturation, 1)) calc(l * 1.125));
|
|
607
|
-
--palette-gray-dark: hsl(from var(--color-primary-dark) calc(h + var(--gray-hue-tweak, 0)) calc(s * 0.75 * var(--global-saturation, 1)) calc(l * pow(1.125, var(--mode-mult,1))));
|
|
608
|
-
--palette-gray-light: hsl(from var(--color-primary-light) calc(h + var(--gray-hue-tweak, 0) * pow(2, var(--mode-mult, 1))) calc(s * 0.5 * var(--global-saturation, 1)) calc(l * pow(1.25, var(--mode-mult,1))));
|
|
609
|
-
--color-wash: var(--color-gray-wash);
|
|
610
|
-
--color-gray-wash: var(--palette-gray-wash);
|
|
611
|
-
--color-gray: var(--palette-gray);
|
|
612
|
-
--color-gray-dark: var(--palette-gray-dark);
|
|
613
|
-
--color-gray-light: var(--palette-gray-light);
|
|
614
|
-
--color-gray-ink: var(--color-black);
|
|
615
|
-
--palette-gray-1: var(--color-gray-wash);
|
|
616
|
-
--palette-gray-2: var(--color-gray-light);
|
|
617
|
-
--palette-gray-3: var(--color-gray-light);
|
|
618
|
-
--palette-gray-4: var(--color-gray);
|
|
619
|
-
--palette-gray-5: var(--color-gray);
|
|
620
|
-
--palette-gray-6: var(--color-gray);
|
|
621
|
-
--palette-gray-7: var(--color-gray-dark);
|
|
622
|
-
--palette-gray-8: var(--color-gray-dark);
|
|
623
|
-
--palette-gray-9: var(--color-black);
|
|
624
|
-
--palette-gray-0: var(--color-black);
|
|
625
|
-
--palette-gray-ex-1: var(--color-black);
|
|
626
|
-
--palette-gray-ex-2: var(--color-black);
|
|
627
|
-
--palette-white: hsl(from var(--color-wash) calc(h + 0) calc(s * 0.3 * var(--global-saturation, 1)) calc(min(100, l + 1 / var(--global-saturation, 1))));
|
|
628
|
-
--palette-black: hsl(from var(--color-gray-dark) calc(h + 0) calc(s * 0.1 * var(--global-saturation, 1)) calc(min(100, l / (var(--mode-mult,1) * -5 + pow(1 + var(--global-saturation, 1), 1.5)))));
|
|
629
|
-
`;
|
|
630
601
|
return `
|
|
631
602
|
@layer preflightBase, preflightVariant, components, responsive, variants, utilities;
|
|
632
603
|
|
|
633
604
|
:root {
|
|
634
|
-
--palette-red-90:rgb(255, 244, 240);
|
|
635
|
-
--palette-red-80: #ffdbcf;
|
|
636
|
-
--palette-red-70: #ffbea6;
|
|
637
|
-
--palette-red-60: #fdad8e;
|
|
638
|
-
--palette-red-50: #ff8e61;
|
|
639
|
-
--palette-red-40: #d56f46;
|
|
640
|
-
--palette-red-30: #ae562d;
|
|
641
|
-
--palette-red-20: #804020;
|
|
642
|
-
--palette-red-10: #702604;
|
|
643
|
-
--palette-red-00:rgb(37, 28, 25);
|
|
644
|
-
/* TODO: define these */
|
|
645
|
-
--palette-magenta-90: hsl(from rgb(255, 244, 240) calc(h - 20) s l);
|
|
646
|
-
--palette-magenta-80: hsl(from #ffdbcf calc(h - 20) s l);
|
|
647
|
-
--palette-magenta-70: hsl(from #ffbea6 calc(h - 20) s l);
|
|
648
|
-
--palette-magenta-60: hsl(from #fdad8e calc(h - 20) s l);
|
|
649
|
-
--palette-magenta-50: hsl(from #ff8e61 calc(h - 20) s l);
|
|
650
|
-
--palette-magenta-40: hsl(from #d56f46 calc(h - 20) s l);
|
|
651
|
-
--palette-magenta-30: hsl(from #ae562d calc(h - 20) s l);
|
|
652
|
-
--palette-magenta-20: hsl(from #804020 calc(h - 20) s l);
|
|
653
|
-
--palette-magenta-10: hsl(from #702604 calc(h - 20) s l);
|
|
654
|
-
--palette-magenta-00: hsl(from rgb(37, 28, 25) calc(h - 20) s l);
|
|
655
|
-
--palette-green-90:rgb(240, 255, 248);
|
|
656
|
-
--palette-green-80: #c2ffe9;
|
|
657
|
-
--palette-green-70: #92f2d1;
|
|
658
|
-
--palette-green-60: #86efc8;
|
|
659
|
-
--palette-green-50: #63cea5;
|
|
660
|
-
--palette-green-40: #499d92;
|
|
661
|
-
--palette-green-30: #1f837c;
|
|
662
|
-
--palette-green-20: #246869;
|
|
663
|
-
--palette-green-10: #274e50;
|
|
664
|
-
--palette-green-00:rgb(32, 48, 44);
|
|
665
|
-
--palette-yellow-90:rgb(255, 249, 238);
|
|
666
|
-
--palette-yellow-80: #fff1c7;
|
|
667
|
-
--palette-yellow-70: #ffdf7c;
|
|
668
|
-
--palette-yellow-60: #ffdb57;
|
|
669
|
-
--palette-yellow-50: #e1b83c;
|
|
670
|
-
--palette-yellow-40:rgb(171, 134, 38);
|
|
671
|
-
--palette-yellow-30:rgb(139, 98, 20);
|
|
672
|
-
--palette-yellow-20:rgb(111, 83, 23);
|
|
673
|
-
--palette-yellow-10:rgb(84, 62, 12);
|
|
674
|
-
--palette-yellow-00:rgb(37, 33, 22);
|
|
675
|
-
--palette-blue-90: rgb(238, 248, 255);
|
|
676
|
-
--palette-blue-80: #c4e7ff;
|
|
677
|
-
--palette-blue-70: #87d3fc;
|
|
678
|
-
--palette-blue-60: #5fcefe;
|
|
679
|
-
--palette-blue-50: #1ebcf5;
|
|
680
|
-
--palette-blue-40: #0ca6df;
|
|
681
|
-
--palette-blue-30: #077da7;
|
|
682
|
-
--palette-blue-20: #005979;
|
|
683
|
-
--palette-blue-10: #004c69;
|
|
684
|
-
--palette-blue-00:rgb(25, 39, 44);
|
|
685
|
-
--palette-purple-90:rgb(240, 238, 254);
|
|
686
|
-
--palette-purple-80: #e0e0ff;
|
|
687
|
-
--palette-purple-70:rgb(192, 197, 245);
|
|
688
|
-
--palette-purple-60:rgb(151, 159, 250);
|
|
689
|
-
--palette-purple-50:rgb(125, 137, 242);
|
|
690
|
-
--palette-purple-40:rgb(99, 105, 173);
|
|
691
|
-
--palette-purple-30:rgb(87, 91, 139);
|
|
692
|
-
--palette-purple-20:rgb(76, 81, 122);
|
|
693
|
-
--palette-purple-10:rgb(64, 67, 101);
|
|
694
|
-
--palette-purple-00:rgb(27, 24, 44);
|
|
695
605
|
--palette-light-blend: rgba(255, 255, 255, 0.8);
|
|
696
606
|
--palette-light-blend-2: rgba(255, 255, 255, 0.6);
|
|
697
607
|
--palette-dark-blend: rgba(0, 0, 0, 0.65);
|
|
@@ -729,8 +639,6 @@ function presetAglio({ scale = 'md', interFontLocation = 'https://resources.bisc
|
|
|
729
639
|
--font-title: "Inter", sans-serif;
|
|
730
640
|
--font-default: var(--font-sans, sans-serif);
|
|
731
641
|
|
|
732
|
-
${computedVars}
|
|
733
|
-
|
|
734
642
|
--z-nowPlaying: 40;
|
|
735
643
|
--z-nav: 50;
|
|
736
644
|
--z-menu: 100;
|
|
@@ -746,8 +654,8 @@ function presetAglio({ scale = 'md', interFontLocation = 'https://resources.bisc
|
|
|
746
654
|
html {
|
|
747
655
|
${lightMode}
|
|
748
656
|
|
|
749
|
-
/* DEFAULT THEME
|
|
750
|
-
${
|
|
657
|
+
/* DEFAULT THEME */
|
|
658
|
+
${customTheme ? (0, colors_js_1.dynamicTheme)(customTheme) : dynLemon}
|
|
751
659
|
}
|
|
752
660
|
|
|
753
661
|
/* INTRINSIC DARK THEME */
|
|
@@ -758,48 +666,31 @@ function presetAglio({ scale = 'md', interFontLocation = 'https://resources.bisc
|
|
|
758
666
|
}
|
|
759
667
|
|
|
760
668
|
.theme-lemon {
|
|
761
|
-
${
|
|
762
|
-
${computedVars}
|
|
763
|
-
}
|
|
764
|
-
|
|
765
|
-
/* fix yellow hue in dark mode */
|
|
766
|
-
@media(prefers-color-scheme: dark) {
|
|
767
|
-
.theme-lemon {
|
|
768
|
-
--gray-hue-tweak: 0;
|
|
769
|
-
}
|
|
770
|
-
|
|
771
|
-
html.override-light.theme-lemon, html.override-light .theme-lemon {
|
|
772
|
-
--gray-hue-tweak: -20;
|
|
773
|
-
}
|
|
774
|
-
}
|
|
775
|
-
|
|
776
|
-
html.override-dark.theme-lemon, html.override-dark .theme-lemon {
|
|
777
|
-
--gray-hue-tweak: 0;
|
|
669
|
+
${dynLemon}
|
|
778
670
|
}
|
|
779
671
|
|
|
780
672
|
.theme-blueberry {
|
|
781
|
-
${
|
|
782
|
-
${computedVars}
|
|
673
|
+
${dynBlueberry}
|
|
783
674
|
}
|
|
784
675
|
|
|
785
676
|
.theme-eggplant {
|
|
786
|
-
${
|
|
787
|
-
${computedVars}
|
|
677
|
+
${dynEggplant}
|
|
788
678
|
}
|
|
789
679
|
|
|
790
680
|
.theme-leek {
|
|
791
|
-
${
|
|
792
|
-
${computedVars}
|
|
681
|
+
${dynLeek}
|
|
793
682
|
}
|
|
794
683
|
|
|
795
684
|
.theme-tomato {
|
|
796
|
-
${
|
|
797
|
-
${computedVars}
|
|
685
|
+
${dynTomato}
|
|
798
686
|
}
|
|
799
687
|
|
|
800
688
|
.theme-salt {
|
|
801
|
-
${
|
|
802
|
-
|
|
689
|
+
${dynSalt}
|
|
690
|
+
}
|
|
691
|
+
|
|
692
|
+
.theme {
|
|
693
|
+
${colors_js_1.dynamicComputedVars}
|
|
803
694
|
}
|
|
804
695
|
|
|
805
696
|
html, body {
|
|
@@ -842,28 +733,22 @@ function presetAglio({ scale = 'md', interFontLocation = 'https://resources.bisc
|
|
|
842
733
|
}
|
|
843
734
|
|
|
844
735
|
.theme-override-lemon {
|
|
845
|
-
${
|
|
846
|
-
${computedVars}
|
|
736
|
+
${dynLemon}
|
|
847
737
|
}
|
|
848
738
|
.theme-override-blueberry {
|
|
849
|
-
${
|
|
850
|
-
${computedVars}
|
|
739
|
+
${dynBlueberry}
|
|
851
740
|
}
|
|
852
741
|
.theme-override-eggplant {
|
|
853
|
-
${
|
|
854
|
-
${computedVars}
|
|
742
|
+
${dynEggplant}
|
|
855
743
|
}
|
|
856
744
|
.theme-override-leek {
|
|
857
|
-
${
|
|
858
|
-
${computedVars}
|
|
745
|
+
${dynLeek}
|
|
859
746
|
}
|
|
860
747
|
.theme-override-tomato {
|
|
861
|
-
${
|
|
862
|
-
${computedVars}
|
|
748
|
+
${dynTomato}
|
|
863
749
|
}
|
|
864
750
|
.theme-override-salt {
|
|
865
|
-
${
|
|
866
|
-
${computedVars}
|
|
751
|
+
${dynSalt}
|
|
867
752
|
}
|
|
868
753
|
}
|
|
869
754
|
|
|
@@ -919,33 +804,6 @@ function presetAglio({ scale = 'md', interFontLocation = 'https://resources.bisc
|
|
|
919
804
|
],
|
|
920
805
|
};
|
|
921
806
|
}
|
|
922
|
-
const themeColors = [
|
|
923
|
-
'red',
|
|
924
|
-
'magenta',
|
|
925
|
-
'green',
|
|
926
|
-
'yellow',
|
|
927
|
-
'blue',
|
|
928
|
-
'purple',
|
|
929
|
-
'true-gray',
|
|
930
|
-
];
|
|
931
|
-
function roundTens(num) {
|
|
932
|
-
return Math.round(num / 10) * 10;
|
|
933
|
-
}
|
|
934
|
-
function asPaletteValue(num) {
|
|
935
|
-
return roundTens(num).toString().padStart(2, '0');
|
|
936
|
-
}
|
|
937
|
-
function generateColors(from, to) {
|
|
938
|
-
const increment = (to - from) / 4;
|
|
939
|
-
const map = themeColors.reduce((acc, color) => {
|
|
940
|
-
acc[`--color-${color}-wash`] = `var(--palette-${color}-${asPaletteValue(from)})`;
|
|
941
|
-
acc[`--color-${color}-light`] = `var(--palette-${color}-${asPaletteValue(from + roundTens(increment))})`;
|
|
942
|
-
acc[`--color-${color}`] = `var(--palette-${color}-${asPaletteValue(from + roundTens(increment * 2))})`;
|
|
943
|
-
acc[`--color-${color}-dark`] = `var(--palette-${color}-${asPaletteValue(from + roundTens(increment * 3))})`;
|
|
944
|
-
acc[`--color-${color}-ink`] = `var(--palette-${color}-${asPaletteValue(from + roundTens(increment * 4))})`;
|
|
945
|
-
return acc;
|
|
946
|
-
}, {});
|
|
947
|
-
return Object.entries(map).reduce((str, [key, value]) => str + `${key}: ${value};\n`, '');
|
|
948
|
-
}
|
|
949
807
|
function makeSpacing(increment) {
|
|
950
808
|
return Object.assign(Object.assign({}, new Array(20)
|
|
951
809
|
.fill(0)
|
|
@@ -982,46 +840,12 @@ function resolveThemeColor(color, theme) {
|
|
|
982
840
|
return resolvedColor;
|
|
983
841
|
}
|
|
984
842
|
function lighten(base, level, saturate) {
|
|
985
|
-
const levelNum = parseFloat(level) * 0.
|
|
843
|
+
const levelNum = parseFloat(level) * 0.1;
|
|
986
844
|
const saturateNum = saturate ? parseFloat(saturate) : levelNum / 100;
|
|
987
|
-
return `
|
|
845
|
+
return `oklch(from ${base} calc(l + (${1 * levelNum} * var(--dyn-mode-lighten-mult, 1))) calc(c + (${1 * saturateNum} * var(--dyn-mode-lighten-mult, 1))) h)`;
|
|
988
846
|
}
|
|
989
847
|
function darken(base, level) {
|
|
990
848
|
const levelNum = parseFloat(level);
|
|
991
|
-
return lighten(base, (levelNum /
|
|
992
|
-
}
|
|
993
|
-
function themeVars({ primary, accent, grayTweak, globalSaturation, primaryWashSaturation, }) {
|
|
994
|
-
return `
|
|
995
|
-
${themeVarRange({ name: 'attention', range: 'red' })}
|
|
996
|
-
${themeVarRange({ name: 'accent', range: accent })}
|
|
997
|
-
${themeVarRange({
|
|
998
|
-
name: 'primary',
|
|
999
|
-
range: primary,
|
|
1000
|
-
washSaturation: primaryWashSaturation,
|
|
1001
|
-
})}
|
|
1002
|
-
|
|
1003
|
-
--gray-hue-tweak: ${grayTweak !== null && grayTweak !== void 0 ? grayTweak : 0};
|
|
1004
|
-
${globalSaturation !== undefined
|
|
1005
|
-
? `--global-saturation: ${globalSaturation};`
|
|
1006
|
-
: ''}
|
|
1007
|
-
`;
|
|
1008
|
-
}
|
|
1009
|
-
function themeVarRange({ name, range, washSaturation = 1, }) {
|
|
1010
|
-
const realRange = typeof range === 'string'
|
|
1011
|
-
? {
|
|
1012
|
-
default: range,
|
|
1013
|
-
wash: `${range}-wash`,
|
|
1014
|
-
light: `${range}-light`,
|
|
1015
|
-
dark: `${range}-dark`,
|
|
1016
|
-
ink: `${range}-ink`,
|
|
1017
|
-
}
|
|
1018
|
-
: range;
|
|
1019
|
-
return `--color-${name}: var(--color-${realRange.default});
|
|
1020
|
-
--color-${name}-wash: ${washSaturation !== 1
|
|
1021
|
-
? `hsl(from var(--color-${realRange.wash}) h calc(s * ${washSaturation}) l)`
|
|
1022
|
-
: `var(--color-${realRange.wash})`};
|
|
1023
|
-
--color-${name}-light: var(--color-${realRange.light});
|
|
1024
|
-
--color-${name}-dark: var(--color-${realRange.dark});
|
|
1025
|
-
--color-${name}-ink: var(--color-${realRange.ink});`;
|
|
849
|
+
return lighten(base, (-levelNum / 8).toString());
|
|
1026
850
|
}
|
|
1027
851
|
//# sourceMappingURL=uno.preset.js.map
|