https://github.com/bluskript/unstyle
one stylesheet to rule them all
https://github.com/bluskript/unstyle
Last synced: 11 months ago
JSON representation
one stylesheet to rule them all
- Host: GitHub
- URL: https://github.com/bluskript/unstyle
- Owner: bluskript
- Created: 2024-04-15T23:22:42.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-28T12:30:55.000Z (about 2 years ago)
- Last Synced: 2024-05-30T16:42:43.668Z (about 2 years ago)
- Language: TypeScript
- Size: 239 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# unstyle
One stylesheet to rule them all.
### NOT ready for use yet. Currently very early stages.
End goal is to have theme-agnostic stylesheets in a way thats much less limiting and restrictive as base16 is, and potentially make it extend to syntax highlighting as well (by far the weakest part of base16). To give a little taste,
Heres a color group:
```json
{
"$schema": "../color-group.json",
"id": "ui",
"name": "UI",
"variables": {
"background": [],
"background-dark": ["ui:background"],
"background-light": ["ui:background"],
"text": [],
"selection": [],
"border": [],
"link": [],
"link-visited": []
}
}
```
Heres a stylesheet metadata:
```json
{
"$schema": "../stylesheet.json",
"id": "arch-wiki",
"name": "Arch Wiki",
"description": "Palette-Agnostic Arch Wiki Theme",
"author": "Blusk",
"variables": {
"background": ["ui:background-dark"],
"text": ["ui:text"],
"selection": ["ui:selection"],
"border": ["ui:border"],
"link": ["ui:link"],
"link-visited": ["ui:link-visited"],
}
}
```
And here's a color palette:
```json
{
"$schema": "./color-schema.json",
"id": "catppuccin",
"ui": {
"background-dark": "#1e1e2e",
"background": "#181825",
"background-light": "#313244",
"border": "#45475a",
"selection": "#585b70",
"text": "#cdd6f4"
}
}
```