# Styling

> A brief overview of styling Vaadin applications.

Parent index: [Vaadin Docs](https://vaadin.com/docs/v25/llms.txt)

## Overview

- [Styling](https://vaadin.com/docs/v25/styling.md): A brief overview of styling Vaadin applications.

## Stylesheets

- [Stylesheets](https://vaadin.com/docs/v25/styling/stylesheets.md): A guide on how to use stylesheets to style Vaadin applications.

## Styling Components

- [Styling Components](https://vaadin.com/docs/v25/styling/styling-components.md): Explanation and examples on how to customize the styling of Vaadin components.

## Styling HTML Elements

- [Styling HTML Elements](https://vaadin.com/docs/v25/styling/styling-elements.md): A guide to styling HTML elements in Vaadin applications.

## Utility Classes

- [Utility Classes](https://vaadin.com/docs/v25/styling/utility-classes.md): A guide to using utility classes in Vaadin applications.

## Themes & Base Styles

- [Themes & Base Styles](https://vaadin.com/docs/v25/styling/themes.md): An overview of Vaadin themes and base styles.
- [Base Styles](https://vaadin.com/docs/v25/styling/themes/base.md): Base Styles Reference
- [Aura](https://vaadin.com/docs/v25/styling/themes/aura.md): Learn how to use and customize the Aura theme to build modern, consistent Vaadin applications with minimal effort.
  - [Color](https://vaadin.com/docs/v25/styling/themes/aura/color.md): Colors, including surface and accent colors, and their corresponding style properties defined in the Aura theme.
  - [Typography](https://vaadin.com/docs/v25/styling/themes/aura/typography.md): Tables of Aura style properties related to displaying and formatting text.
  - [App Layout](https://vaadin.com/docs/v25/styling/themes/aura/app-layout.md): Style properties related to customizing the App Layout component specifically with the Aura theme.
  - [Other Properties](https://vaadin.com/docs/v25/styling/themes/aura/other.md): Aura style properties related to sizing, spacing, corner shapes, shadows, and other visual styles.
- [Lumo](https://vaadin.com/docs/v25/styling/themes/lumo.md): Lumo Theme Reference
  - [Style Properties](https://vaadin.com/docs/v25/styling/themes/lumo/lumo-style-properties.md): The style properties of the built-in Lumo theme.
    - [Color](https://vaadin.com/docs/v25/styling/themes/lumo/lumo-style-properties/color.md): Colors and their corresponding style properties defined in the Lumo theme.
    - [Typography](https://vaadin.com/docs/v25/styling/themes/lumo/lumo-style-properties/typography.md): Tables of Lumo style properties related to displaying and formatting text.
    - [Size & Space](https://vaadin.com/docs/v25/styling/themes/lumo/lumo-style-properties/size-space.md): Listing of Lumo style properties related to setting the size and spacing of text and components.
    - [Shape](https://vaadin.com/docs/v25/styling/themes/lumo/lumo-style-properties/shape.md): Describing the Lumo style properties related to component shapes.
    - [Elevation](https://vaadin.com/docs/v25/styling/themes/lumo/lumo-style-properties/elevation.md): Listing of Lumo elevation style properties, the visual stacking of elements in a UI.
    - [Interaction](https://vaadin.com/docs/v25/styling/themes/lumo/lumo-style-properties/interaction.md): Lumo style properties related to how interactions are indicated in an application.
  - [Utility Classes](https://vaadin.com/docs/v25/styling/themes/lumo/utility-classes.md): List of Lumo utility classes and descriptions of them.
  - [Responsive Utility Classes](https://vaadin.com/docs/v25/styling/themes/lumo/lumo-breakpoint.md): Applying styles based on screen size using Lumo's responsive breakpoint utility classes in Vaadin.

## Advanced

- [Advanced](https://vaadin.com/docs/v25/styling/advanced.md): Advanced styling techniques for Vaadin applications.
- [Creating Reusable Themes](https://vaadin.com/docs/v25/styling/advanced/reusable-theme.md): A guide on how to create reusable themes for Vaadin applications.
- [Importing Resources from npm Packages](https://vaadin.com/docs/v25/styling/advanced/npm-assets.md): Describes how to use resources like fonts, icons, and stylesheets from npm packages.
- [Styling Embedded Components](https://vaadin.com/docs/v25/styling/advanced/embedded-components.md): A guide on how to style embedded components in Vaadin applications.
- [Loading Stylesheets Dynamically](https://vaadin.com/docs/v25/styling/advanced/dynamic-stylesheets.md): Explains how dynamically to load stylesheets.