https://github.com/codeharik/solgaleo
Solidjs ui library
https://github.com/codeharik/solgaleo
Last synced: 11 months ago
JSON representation
Solidjs ui library
- Host: GitHub
- URL: https://github.com/codeharik/solgaleo
- Owner: CodeHariK
- License: mit
- Created: 2025-03-31T15:47:11.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-08T09:04:37.000Z (about 1 year ago)
- Last Synced: 2025-04-08T10:22:40.982Z (about 1 year ago)
- Language: TypeScript
- Size: 282 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Solgaleo
Solidjs ui library
## https://codeharik.github.io/solgaleo
## Installation
```js
bun install solgaleo
or
npm install solgaleo
--- Add script in index.html for theme
if (
localStorage.getItem("theme") === "night" ||
(!("theme" in localStorage) &&
window.matchMedia("(prefers-color-scheme: dark)").matches)
) {
document.documentElement.classList.add("night");
} else {
document.documentElement.classList.remove("night");
}
```
### Example
```
--- simple example in /example directory
cd example
bun run dev
--- advance example /test
bun run test
bun run test:build
```
## Import Components
```ts
--- Add components
import * as SOL from "solgaleo"
--- Individual components
import * as UI from "solgaleo/ui"
import * as NAV from "solgaleo/nav"
import * as FANCY from "solgaleo/fancy"
import * as ADV from "solgaleo/adv"
import * as SVG from "solgaleo/svg"
```
### Customize theme
```ts
import "./custom.css"
import * as UI from "solgaleo/ui"
render(() =>
}
/>
} />
,
document.body!)
** custom.css **
.custom {
--spacing: 1rem;
--primary: #f06432;
--primary-bg: #ffdbcc8b;
--secondary: #845ec2;
--secondary-bg: #e4d8f7;
--surface: #fffffcc6;
--error: #B3261E;
--error-bg: #F9DEDC;
--disabled: #9CA3AF;
}
```