# 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


## CodeMirror 6.x (text and code editor)
* https://codemirror.net

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


## Skeleton (Design System, Tailwind Components, Functional Components)
Waiting to upgrade to Skeleton v3. Mostly because of the Tailwind 4.x upgrade needed for ShadCN.
* https://www.skeleton.dev/docs/get-started/migrate-from-v2

## 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/