05-styling/00-overview.md

Styling overview

This section defines the preferred styling patterns for Vroq apps.

The goal is to keep apps visually consistent and structurally clear while avoiding random one-off styling patterns. Styling should support the same engineering discipline as the rest of the codebase: small files, clear ownership, and reuse of existing patterns.

Main goals

Good Vroq app styling should make it easy to:

create visually consistent apps
reuse layout and theme patterns
keep local styling simple
avoid scattered ad hoc CSS
understand where styling belongs

Main rule

Prefer the standard Vroq styling system before inventing local visual patterns.

Use ui.css, theme tokens, existing layout components, and small local styles in a consistent way.

What this section covers

This section documents:

ui.css and root bootstrap styling
theme and token usage
layout patterns
component styling rules
when to use inline style vs CSS
how to keep app visual structure consistent

Styling overview

Styling overview

Main goals

Main rule

What this section covers

Read next