colorsbymax 0.1.0
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/LICENSE +21 -0
- package/README.md +138 -0
- package/THIRD_PARTY_NOTICES.md +31 -0
- package/dist/index.js +4202 -0
- package/dist/library.generated-DIDiWlBK.js +5014 -0
- package/package.json +72 -0
- package/src/tokens.css +40 -0
package/package.json
ADDED
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "colorsbymax",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "colorsbymax™ by mrmaxdesigns: a runtime theme switcher with presets, a 715-theme library, custom palettes and WCAG contrast checks.",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"theme",
|
|
7
|
+
"theme-switcher",
|
|
8
|
+
"colors",
|
|
9
|
+
"colours",
|
|
10
|
+
"palette",
|
|
11
|
+
"dark-mode",
|
|
12
|
+
"accessibility",
|
|
13
|
+
"wcag",
|
|
14
|
+
"contrast",
|
|
15
|
+
"react",
|
|
16
|
+
"tailwind"
|
|
17
|
+
],
|
|
18
|
+
"author": "Max Muyalwa (mrmaxdesigns)",
|
|
19
|
+
"homepage": "https://github.com/MaxMuyalwa/colorsbymax#readme",
|
|
20
|
+
"repository": {
|
|
21
|
+
"type": "git",
|
|
22
|
+
"url": "git+https://github.com/MaxMuyalwa/colorsbymax.git"
|
|
23
|
+
},
|
|
24
|
+
"bugs": {
|
|
25
|
+
"url": "https://github.com/MaxMuyalwa/colorsbymax/issues"
|
|
26
|
+
},
|
|
27
|
+
"type": "module",
|
|
28
|
+
"main": "dist/index.js",
|
|
29
|
+
"module": "dist/index.js",
|
|
30
|
+
"exports": {
|
|
31
|
+
".": {
|
|
32
|
+
"import": "./dist/index.js",
|
|
33
|
+
"default": "./dist/index.js"
|
|
34
|
+
},
|
|
35
|
+
"./tokens.css": "./src/tokens.css",
|
|
36
|
+
"./package.json": "./package.json"
|
|
37
|
+
},
|
|
38
|
+
"sideEffects": false,
|
|
39
|
+
"files": [
|
|
40
|
+
"dist",
|
|
41
|
+
"src/tokens.css",
|
|
42
|
+
"LICENSE",
|
|
43
|
+
"THIRD_PARTY_NOTICES.md"
|
|
44
|
+
],
|
|
45
|
+
"scripts": {
|
|
46
|
+
"dev": "vite",
|
|
47
|
+
"build": "node scripts/build-css.mjs && vite build --config vite.lib.config.js",
|
|
48
|
+
"prepare": "vite build --config vite.lib.config.js",
|
|
49
|
+
"build:demo": "vite build",
|
|
50
|
+
"css": "node scripts/build-css.mjs",
|
|
51
|
+
"presets": "node scripts/generate-presets.mjs"
|
|
52
|
+
},
|
|
53
|
+
"peerDependencies": {
|
|
54
|
+
"react": "^18.2.0 || ^19.0.0",
|
|
55
|
+
"react-dom": "^18.2.0 || ^19.0.0"
|
|
56
|
+
},
|
|
57
|
+
"dependencies": {
|
|
58
|
+
"lucide-react": "^1.48.0",
|
|
59
|
+
"pdfjs-dist": "^6.3.289"
|
|
60
|
+
},
|
|
61
|
+
"devDependencies": {
|
|
62
|
+
"@tailwindcss/cli": "^4.3.3",
|
|
63
|
+
"@tailwindcss/vite": "^4.3.3",
|
|
64
|
+
"@vitejs/plugin-react": "^6.1.1",
|
|
65
|
+
"nice-color-palettes": "^4.0.0",
|
|
66
|
+
"react": "^19.3.0",
|
|
67
|
+
"react-dom": "^19.3.0",
|
|
68
|
+
"tailwindcss": "^4.3.3",
|
|
69
|
+
"vite": "^8.3.1"
|
|
70
|
+
},
|
|
71
|
+
"license": "MIT"
|
|
72
|
+
}
|
package/src/tokens.css
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/* colorsbymax default tokens (the neutral Slate theme). Import into a Tailwind v4 project and
|
|
2
|
+
override any value with your site's own colours in your own @theme block.
|
|
3
|
+
Utilities like bg-primary and text-ink then follow whatever theme colorsbymax applies. */
|
|
4
|
+
@theme static {
|
|
5
|
+
--color-primary: #334155;
|
|
6
|
+
--color-primary-dark: #0f172a;
|
|
7
|
+
--color-primary-alt: #64748b;
|
|
8
|
+
--color-on-primary: #ffffff;
|
|
9
|
+
--color-background: #f8fafc;
|
|
10
|
+
--color-surface: #ffffff;
|
|
11
|
+
--color-secondary: #e2e8f0;
|
|
12
|
+
--color-on-secondary: #1e293b;
|
|
13
|
+
--color-accent: #eef2f6;
|
|
14
|
+
--color-on-accent: #1e293b;
|
|
15
|
+
--color-border: #dbe2ea;
|
|
16
|
+
--color-shadow: #0f172a;
|
|
17
|
+
--color-ink: #0f172a;
|
|
18
|
+
--color-ink-secondary: #475569;
|
|
19
|
+
--color-ink-muted: #556274;
|
|
20
|
+
--color-success: #15803d;
|
|
21
|
+
--color-warning: #b45309;
|
|
22
|
+
--color-danger: #b91c1c;
|
|
23
|
+
--color-info: #1d4ed8;
|
|
24
|
+
--color-data-1: #1d4ed8;
|
|
25
|
+
--color-data-2: #047857;
|
|
26
|
+
--color-data-3: #be185d;
|
|
27
|
+
--color-data-4: #c2410c;
|
|
28
|
+
--color-data-5: #4b5563;
|
|
29
|
+
--color-data-6: #7c3aed;
|
|
30
|
+
--color-data-7: #0e7490;
|
|
31
|
+
--color-data-8: #4d7c0f;
|
|
32
|
+
--color-app-background: #e2e8f0;
|
|
33
|
+
--color-app-input: #d1dbe7;
|
|
34
|
+
--color-app-border: #c0cddf;
|
|
35
|
+
--color-app-primary: #334155;
|
|
36
|
+
--color-app-shadow-dark: #c7d3e2;
|
|
37
|
+
--color-app-shadow-light: #fcfcfd;
|
|
38
|
+
--color-app-ink: #0f172a;
|
|
39
|
+
--color-app-ink-muted: #475569;
|
|
40
|
+
}
|