> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowla.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Themes
> Control how every deal room looks: apply an organization theme, borrow your buyer's brand, or fine-tune colors, fonts, and spacing down to the individual heading.
Your deal rooms don't have to look like a template anymore. With Themes, every room can look and feel like it belongs to your brand — or, even better, like it was built specifically for the buyer you're sending it to. A room that looks polished and intentional builds trust faster, feels less generic, and shows the buyer you put real thought into their deal. That first impression matters, and now it's just a click away.
## How themes are organized
There are two kinds of themes, and knowing which one you're editing is the whole trick:
* **Organization themes** live in your workspace settings and can be applied to any room. Editing one changes every room that uses it.
* **Room themes** belong to a single room. They're created the moment you customize a theme *for this room*, and nothing you do to them affects anyone else.
Every organization starts with three themes already in place:
| Theme | What it does |
| ------------------ | ---------------------------------------------------------------------------------------- |
| **Flowla Theme** | The clean default look. Nothing to set up. |
| **Brand** | Generated from your own organization's brand colors, so rooms look unmistakably *you*. |
| **Target company** | A dynamic theme that changes its colors to match whichever company the room is aimed at. |
The **Brand** theme is built from the colors and font in your [organisation settings](/platform/org-settings), and **Target company** follows the [target company](/rooms/personalising-rooms#target-company) set on the room — so both stay correct without you touching them.
## Apply a theme to a room
In the room editor, click the theme (palette) icon in the header. The panel lists your organization's themes, with the currently selected one at the top.
Click any theme card. It applies to the room immediately — no save step, no confirmation.
From here you have two ways to change how things look, and they have very different reach:
* **Customize for this room** — creates a room theme. Changes stay in this room.
* **Customize theme** — opens the theme in workspace settings. Changes hit every room using that theme.
**Customize theme** edits an organization theme. If three rooms use it, all three change. When you only want to restyle the room in front of you, use **Customize for this room**.
## Customize a theme for one room
Click **Customize for this room** and Flowla asks you to name the copy. Accept the suggested name or type your own, then click **Continue**.
You now have a room theme — a private copy that only exists in this room. The customize panel opens with two buttons at the top:
* **Save changes** — keeps your edits on this room theme.
* **Save as new theme** — promotes the room theme into an organization theme so other rooms can use it.
Room theme edits aren't saved automatically. Click **Save changes** before you leave the customize view. If you try to navigate away with unsaved changes, Flowla warns you first — so your work is never lost by accident.
A room theme isn't a dead end — it travels with the room when you duplicate it, and it can be promoted into a template. See [how new rooms get their theme](#how-new-rooms-get-their-theme).
## The three values that drive everything
Themes expose a *lot* of variables. To keep that manageable, three top-level values sit at the top of the customize panel and generate everything below them:
| Value | What it controls |
| ----------- | ----------------------------------------------------------- |
| **Brand** | The accent color — buttons, links, highlights. |
| **Surface** | The base color everything sits on — canvas, blocks, groups. |
| **Font** | The typeface used across the room. |
Brand and Surface can each pull from three sources:
* **Use \[your organization] color** — your own brand color.
* **Use target company color** — the buyer's brand color, resolved per room.
* **Use custom color** — any color you pick.
Set those three, and every untouched value below — header and footer, navigation, background, block, group, typography — regenerates to match.
### Overrides and resetting
The moment you change a value in one of the detailed sections, it becomes an **override**: it stops following Brand, Surface, and Font, and keeps the value you set even if you change the three main values afterwards.
Every overridden value has a **Reset** button next to it. Click it to hand control back to auto-generation. Values that are still auto-generated are labelled **Auto generated**, so you can always tell at a glance which parts of the theme you've taken manual control of.
## Fine-tuning: every section explained
Below Brand, Surface, and Font sit six collapsible sections. Open any of them to override individual values.
### Header & footer
Background color, border color, primary background, and primary foreground for the bars at the top and bottom of the room.
### Navigation
Every color and font family used by the room's navigation — the section and page list your buyer clicks through.
### Background
The color of the canvas behind everything else.
### Block
The individual content cards inside a group: background color, border color, inner border, title and body font colors, secondary font color, primary button background and foreground, and font family.
### Group
The container that holds blocks: background color, border color, font and title colors, title and secondary font families, plus sliders for border radius, border weight, background opacity, and vertical spacing.
### Typography
Fonts and colors for the text in your blocks. Headings get a shared font and color, and **Advanced headings** breaks that down per level — H1, H2, and H3 each with their own font, weight, and color.
The color picker keeps a **Recently used** row, which makes it quick to reuse the same handful of colors across sections instead of pasting hex codes over and over.
## Promote a room theme to the whole organization
Happy with what you built in one room? Click **Save as new theme**, give it a name, and click **Save**. It becomes an organization theme, available in every room's theme panel.
Once a room has its own themes, the theme panel groups them separately: **Room themes** at the top, your organization's themes below. Selecting a room theme swaps the buttons to **Edit** and **Duplicate theme**.
## Manage themes for the whole organization
Go to **Settings → Themes** to see every organization theme in one list. From here you can **Edit** any theme, or **Set as default** so new rooms start with it.
Click **New theme** to build one from scratch. Name it, choose where Brand and Surface get their colors, pick a font, then click **Create theme** — and fine-tune it from there.
Editing a theme here applies to every room using it. Rooms that have been customized with their own room theme are unaffected.
## How new rooms get their theme
A new room never starts unstyled. Where its look comes from depends on how you created it:
| Created by... | Theme it gets |
| ---------------------------- | ----------------------------------------------------------------------- |
| Starting from scratch | The organization's **default** theme |
| **Duplicating a room** | Whatever theme the original room had — organization theme or room theme |
| **Creating from a template** | The template's theme |
Duplication and templates behave the same way, and they carry room themes as faithfully as organization themes. Duplicate a room that's on a room theme and the copy arrives on that same room theme, still private to it — nothing needs promoting first.
That makes [templates](/rooms/room-templates) the lever for governing how new rooms look. Style a template once, and every room built from it inherits that theme — so the whole team ships on-brand rooms without anyone opening the customize panel.
Two ways to standardize, depending on how tightly you want to hold the reins:
* **Set as default** in **Settings → Themes** covers rooms started from scratch.
* **Themed templates** govern the rooms your team actually creates day to day, and let different templates carry different looks — one for new business, another for onboarding.
## Which one should I use?
| You want to... | Do this |
| -------------------------------------------------- | ---------------------------------------------------------------------- |
| Make a room look good in seconds | Apply **Flowla Theme** or **Brand** from the theme panel |
| Make the room feel built for the buyer | Apply **Target company**, or set Brand to **Use target company color** |
| Restyle one room without touching others | **Customize for this room** |
| Restyle every room on a theme at once | **Customize theme**, or **Settings → Themes** |
| Reuse a look you built in one room | **Save as new theme**, or just duplicate the room |
| Set the starting look for rooms built from scratch | **Settings → Themes → Set as default** |
| Govern how the team's new rooms look | Apply a theme to a **[template](/rooms/room-templates)** |