feat(theme): use tailwind where possible and replace bg-[var(--bg)] with actual tailwind classes #25

New Issue

max · 2026-01-21T13:11:57+01:00

max commented

2026-01-21 13:11:57 +01:00

Currently the app uses a mishmash of tailwind and css variables. We could unify this by using a

@theme {
    --color-layer-0: black;
}

block. Then we could use <div class="bg-layer-0"/> instead of <div class="bg-[var(--layer-0)]"> and swap our theme like:

html.theme-light {
   --layer-0: white;
}

Currently the app uses a mishmash of tailwind and css variables. We could unify this by using a ```css @theme { --color-layer-0: black; } ``` block. Then we could use `<div class="bg-layer-0"/>` instead of `<div class="bg-[var(--layer-0)]">` and swap our theme like: ```css html.theme-light { --layer-0: white; } ```

max referenced a pull request that will close this issue

2026-02-03 13:06:10 +01:00

feat/ui-float #30

max closed this issue

2026-02-03 13:11:06 +01:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: max/nodarium#25