methanium/ui
Watch
3
0
Fork
You've already forked ui
 0
Code Issues Pull requests 3 Projects Releases 21 Packages Wiki Activity Actions

(feat): improve light themes
All checks were successful
/ deploy-and-package (push) Successful in 1m7s
Details

Browse source
This commit is contained in:
Alois 2026-07-26 18:22:44 +02:00
commit 0f1fa5e0c8
Signed by: alois
SSH key fingerprint: SHA256:GBzT2DXvAuGV9XIV5W3WrzVpjU54FThmxHXdbz95J24
2 changed files with 28 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "@methanium/ui", "name": "@methanium/ui",
"version": "0.0.4", "version": "0.0.5",
"type": "module", "type": "module",
"main": "./dist/index.js", "main": "./dist/index.js",
"types": "./dist/index.d.ts", "types": "./dist/index.d.ts",

54
src/theme/presets.ts
View file

@ -147,33 +147,33 @@ export const BUILT_IN_THEMES = defineThemes([
design: DEFAULT_THEME_DESIGN, design: DEFAULT_THEME_DESIGN,
}, },
css: `:root[data-theme="og-tensamin"] { css: `:root[data-theme="og-tensamin"] {
--background: #f2f1f3; --background: #f1f2fb;
--foreground: #17181e; --foreground: #17181e;
--card: #d8d6db; --card: var(--background);
--card-foreground: #17181e; --card-foreground: #17181e;
--popover: #f2f1f3; --popover: #f8f8fd;
--popover-foreground: #17181e; --popover-foreground: #17181e;
--primary: #aca1cf; --primary: #aca1cf;
--primary-foreground: #0f1014; --primary-foreground: #0f1014;
--primary-foreground-alt: #aca1cf; --primary-foreground-alt: #71649d;
--secondary: #d8d6db; --secondary: #e1e2f0;
--secondary-foreground: #17181e; --secondary-foreground: #17181e;
--muted: #d8d6db; --muted: #e7e8f3;
--muted-foreground: #383b46; --muted-foreground: #626575;
--accent: #bebbc3; --accent: #d8daed;
--accent-foreground: #0f1014; --accent-foreground: #0f1014;
--destructive: #e78284; --destructive: #c94f57;
--border: #a4a0ab; --border: #cfd1e0;
--input: #a4a0ab; --input: #c1c4d5;
--ring: #aca1cf; --ring: #8274b2;
--sidebar: #d8d6db; --sidebar: #e7e8f5;
--sidebar-foreground: #17181e; --sidebar-foreground: #17181e;
--sidebar-primary: #aca1cf; --sidebar-primary: #aca1cf;
--sidebar-primary-foreground: #0f1014; --sidebar-primary-foreground: #0f1014;
--sidebar-accent: #bebbc3; --sidebar-accent: #d8daed;
--sidebar-accent-foreground: #0f1014; --sidebar-accent-foreground: #0f1014;
--sidebar-border: #a4a0ab; --sidebar-border: #cfd1e0;
--sidebar-ring: #aca1cf; --sidebar-ring: #8274b2;
--chart-1: #90b99f; --chart-1: #90b99f;
--chart-2: #babbf1; --chart-2: #babbf1;
--chart-3: #aca1cf; --chart-3: #aca1cf;
@ -239,37 +239,37 @@ export const BUILT_IN_THEMES = defineThemes([
}, },
}, },
css: `:root[data-theme="methanium"] { css: `:root[data-theme="methanium"] {
--background: #d2e0f0; --background: #edf1f4;
--foreground: #10161d; --foreground: #10161d;
--card: #c0cfe0; --card: var(--background);
--card-foreground: #10161d; --card-foreground: #10161d;
--popover: #d2e0f0; --popover: #f5f7f8;
--popover-foreground: #10161d; --popover-foreground: #10161d;
--primary: #8c47ad; --primary: #8c47ad;
--primary-foreground: #ffffff; --primary-foreground: #ffffff;
--primary-foreground-alt: #7b3d98; --primary-foreground-alt: #7b3d98;
--secondary: #aebed0; --secondary: #dbe2e8;
--secondary-foreground: #171e26; --secondary-foreground: #171e26;
--muted: #c0cfe0; --muted: #e2e7eb;
--muted-foreground: #515f70; --muted-foreground: #515f70;
--accent: #cf8fe633; --accent: #cf8fe633;
--accent-foreground: #5a2a6d; --accent-foreground: #642f79;
--destructive: #b91c1c; --destructive: #b91c1c;
--border: #8c9caf; --border: #c5ced6;
--input: #9dadc0; --input: #b7c2cc;
--ring: #9d53bc; --ring: #9d53bc;
--chart-1: #8c47ad; --chart-1: #8c47ad;
--chart-2: #2563eb; --chart-2: #2563eb;
--chart-3: #15803d; --chart-3: #15803d;
--chart-4: #ca8a04; --chart-4: #ca8a04;
--chart-5: #db2777; --chart-5: #db2777;
--sidebar: #aebed0; --sidebar: #e0e6eb;
--sidebar-foreground: #10161d; --sidebar-foreground: #10161d;
--sidebar-primary: #8c47ad; --sidebar-primary: #8c47ad;
--sidebar-primary-foreground: #ffffff; --sidebar-primary-foreground: #ffffff;
--sidebar-accent: #cf8fe633; --sidebar-accent: #cf8fe633;
--sidebar-accent-foreground: #5a2a6d; --sidebar-accent-foreground: #642f79;
--sidebar-border: #8c9caf; --sidebar-border: #c5ced6;
--sidebar-ring: #9d53bc; --sidebar-ring: #9d53bc;
} }
:root.dark[data-theme="methanium"] { :root.dark[data-theme="methanium"] {