Style and UI Patterns

Overview

This skill documents the UI styling patterns used in this project, focusing on DaisyUI with the Emerald theme. It covers fancy form cards, color schemes, visual effects, and consistent styling conventions.

Theme Configuration

Emerald Theme Setup

The project uses DaisyUI's Emerald theme as the default:

/* In App.css */
@plugin 'daisyui' {
  themes: emerald --default, dark;
}