# One Sky IT's Aether App - UI and UX Guidelines and Rules


## General
### Events
#### layout header
#### layout footer

### Journals
#### buttons
##### alert

##### info

##### priority, flag

##### warning, hide
```css
variant-soft-warning hover:variant-filled-warning
```
##### error, delete, disable
```css
variant-soft-error hover:variant-filled-error
```
#### new root layout header
#### submenu
```css
flex flex-row items-center justify-center gap-1
```
#### new layout footer


## Svelte 5 and SvelteKit v2 (framework and routing)


## Tailwind 3.x CSS (styles)
Waiting to upgrade to 4.x when ShadCN is ready. ShadCN is still being worked on as of late March 2025.
* https://ui.shadcn.com/docs/tailwind-v4


## ShadCN (Tailwind Components)
* https://github.com/shadcn-ui/ui


## Skeleton (Design System, Tailwind Components, Functional Components)


## Flowbite (Tailwind Components)


## Lucide Icons (SVG Icons)
* https://lucide.dev/icons/


## Markdown
Using marked for Markdown parsing.
* https://marked.js.org/


## Edra (TipTap based Rich Text Editor)
* https://edra.tsuzat.com/
