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): update methanium outline variant
All checks were successful
/ deploy-and-package (push) Successful in 1m5s
Details

Browse source
This commit is contained in:
Alois 2026-07-28 10:23:18 +02:00
commit ee9cf0c23a
Signed by: alois
SSH key fingerprint: SHA256:GBzT2DXvAuGV9XIV5W3WrzVpjU54FThmxHXdbz95J24
3 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
apps/showcase/src/App.tsx
View file

@ -22,6 +22,7 @@ const navigation = [
{ label: "Orange", icon: Blocks, variant: "subtleDefault" }, { label: "Orange", icon: Blocks, variant: "subtleDefault" },
{ label: "Apple", icon: Palette, variant: "outline" }, { label: "Apple", icon: Palette, variant: "outline" },
{ label: "Kiwi", icon: Settings, variant: "secondary" }, { label: "Kiwi", icon: Settings, variant: "secondary" },
{ label: "Ghost", icon: Settings, variant: "ghost" },
] as const; ] as const;
type Category = "conversations" | "communities"; type Category = "conversations" | "communities";

2
package.json
View file

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

7
src/theme/presets.ts
View file

@ -307,7 +307,7 @@ export const BUILT_IN_THEMES = defineThemes([
--primary: #cf8fe6; --primary: #cf8fe6;
--primary-foreground: #000000; --primary-foreground: #000000;
--primary-foreground-alt: #bb6fd6; --primary-foreground-alt: #bb6fd6;
--secondary: #374351; --secondary: #2b3642;
--secondary-foreground: #d2e0f0; --secondary-foreground: #d2e0f0;
--muted: #1d262f; --muted: #1d262f;
--muted-foreground: #9dadc0; --muted-foreground: #9dadc0;
@ -443,7 +443,10 @@ export const BUILT_IN_THEMES = defineThemes([
:root.dark[data-theme="methanium"] [data-slot="button"][data-variant="destructive"]:hover { :root.dark[data-theme="methanium"] [data-slot="button"][data-variant="destructive"]:hover {
background-color: color-mix(in srgb, var(--destructive) 20%, transparent); background-color: color-mix(in srgb, var(--destructive) 20%, transparent);
} }
:root[data-theme="methanium"] [data-slot="button"]:where([data-variant="ghost"], [data-variant="link"]):hover { :root[data-theme="methanium"] [data-slot="button"][data-variant="ghost"]:hover {
background-color: var(--secondary);
}
:root[data-theme="methanium"] [data-slot="button"][data-variant="link"]:hover {
background-color: transparent; background-color: transparent;
border-color: color-mix(in srgb, var(--ring) 60%, transparent); border-color: color-mix(in srgb, var(--ring) 60%, transparent);
}`, }`,