fernando/music2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: uno attributify

Browse Source
This commit is contained in:
Fernando Araoz 2025-01-26 15:10:57 -05:00
parent c78e96994d
commit 205cd90104
6 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
bun.lockb
View File

Binary file not shown.

9
index.html
View File

@ -3,9 +3,10 @@
<head> <head>
<style> <style>
:root { :root {
--bg: #181115; --surface: black;
--on-bg: #eddfe4; --on-surface: white;
--root-color: #F9A8D4; --root-color: #F9A8D4;
--primary: #fbb1d8; --primary: #fbb1d8;
--on-primary: #511d3e; --on-primary: #511d3e;
--outline: #9c8d93; --outline: #9c8d93;
@ -16,8 +17,8 @@
font-family: "Atkinson Hyperlegible", sans-serif; font-family: "Atkinson Hyperlegible", sans-serif;
} }
body { body {
background-color: var(--bg); background-color: var(--surface);
color: var(--on-bg); color: var(--on-surface);
} }
</style> </style>

3
package.json
View File

@ -18,7 +18,6 @@
"@unocss/preset-wind": "^0.65.3", "@unocss/preset-wind": "^0.65.3",
"eslint": "^9.17.0", "eslint": "^9.17.0",
"eslint-plugin-solid": "^0.14.5", "eslint-plugin-solid": "^0.14.5",
"globals": "^15.14.0",
"typescript": "^5.7.2", "typescript": "^5.7.2",
"typescript-eslint": "^8.19.0", "typescript-eslint": "^8.19.0",
"unocss": "^0.65.3", "unocss": "^0.65.3",
@ -28,8 +27,8 @@
"dependencies": { "dependencies": {
"@solidjs/router": "^0.15.2", "@solidjs/router": "^0.15.2",
"@tanstack/solid-query": "^5.62.10", "@tanstack/solid-query": "^5.62.10",
"@unocss/preset-attributify": "^65.4.3",
"@unocss/reset": "^0.65.3", "@unocss/reset": "^0.65.3",
"add": "^2.0.6",
"solid-js": "^1.9.3" "solid-js": "^1.9.3"
}, },
"module": "index.ts" "module": "index.ts"

7
shims.d.ts vendored Normal file
View File

@ -0,0 +1,7 @@
import type { AttributifyAttributes } from "@unocss/preset-attributify"
declare module "solid-js" {
namespace JSX {
interface HTMLAttributes<T> extends AttributifyAttributes { }
}
}

2
src/pages/login.tsx
View File

@ -14,7 +14,7 @@ export function LoginPage()
return ( return (
<div> <div>
<h1 class="font-bold"> <h1 font="bold" >
Login to Reezer Login to Reezer
</h1> </h1>

8
uno.config.ts
View File

@ -1,15 +1,15 @@
import presetWind from "@unocss/preset-wind" import presetWind from "@unocss/preset-wind"
import { defineConfig } from "unocss" import { defineConfig, presetAttributify } from "unocss"
export default defineConfig({ export default defineConfig({
// ...UnoCSS options
presets: [ presets: [
presetAttributify({}),
presetWind(), presetWind(),
], ],
theme: { theme: {
colors: { colors: {
"c-bg": "var(--bg)", "c-surface": "var(--surface)",
"c-on-bg": "var(--on-bg)", "c-on-surface": "var(--on-surface)",
"c-root-color": "var(--root-color)", "c-root-color": "var(--root-color)",
"c-primary": "var(--primary)", "c-primary": "var(--primary)",
"c-on-primary": "var(--on-primary)", "c-on-primary": "var(--on-primary)",