From 13580277b4b911494796e5cdd1ba562c9a41f645 Mon Sep 17 00:00:00 2001 From: Alois Date: Sun, 30 Aug 2026 12:47:45 +0200 Subject: [PATCH 1/2] feat(methanium-theme): improve card backgrounds --- package.json | 2 +- src/theme/presets.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 9c3ff53..6e6a887 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@methanium/ui", - "version": "0.0.30", + "version": "0.0.31", "type": "module", "main": "./dist/index.js", "types": "./dist/index.d.ts", diff --git a/src/theme/presets.ts b/src/theme/presets.ts index b059d47..963df99 100644 --- a/src/theme/presets.ts +++ b/src/theme/presets.ts @@ -442,7 +442,7 @@ export const BUILT_IN_THEMES = defineThemes([ :root[data-theme="methanium"] [data-slot="card"] { padding-block: calc(1rem * var(--ui-density)); border: none; - background-color: var(--input); + background-color: color-mix(in srgb, var(--input) 55%, var(--background)); } :root[data-theme="methanium"] [data-slot="button"][data-variant="default"] { background-color: var(--primary); From 586eb5f277136adf12edc77af03f11333f3d68db Mon Sep 17 00:00:00 2001 From: Alois Date: Sun, 30 Aug 2026 12:52:27 +0200 Subject: [PATCH 2/2] feat(methanium-theme): add a border to cards --- package.json | 2 +- src/theme/presets.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 6e6a887..86ec34f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@methanium/ui", - "version": "0.0.31", + "version": "0.0.32", "type": "module", "main": "./dist/index.js", "types": "./dist/index.d.ts", diff --git a/src/theme/presets.ts b/src/theme/presets.ts index 963df99..9601782 100644 --- a/src/theme/presets.ts +++ b/src/theme/presets.ts @@ -441,7 +441,7 @@ export const BUILT_IN_THEMES = defineThemes([ } :root[data-theme="methanium"] [data-slot="card"] { padding-block: calc(1rem * var(--ui-density)); - border: none; + border: 1px solid var(--input); background-color: color-mix(in srgb, var(--input) 55%, var(--background)); } :root[data-theme="methanium"] [data-slot="button"][data-variant="default"] {