🎉  Userflow joins forces with Beamer to create all-in-one growth toolkit

Read more
blog single image
blog single image
Userflow Updates

Magical color theming + new 2022 themes

blog author
Sebastian Seilund

January 19, 2022

Through pure magic, you can now adjust just 4 colors to make the rest of your Userflow theme look pretty.

Using the 4 new Brand/Main Background/Text color options, we automagically calculate suitable hover and active colors and apply those colors to all elements such as buttons, inputs and progress bars.

For example, pick a nice purple color for your Brand Background color and you get this:

Purple theme

Oooops! That was a spoiler about our upcoming Resource Center - sooo sorry to reveal that! (Psssst reach out to us for early access).

We've also introduced 2 new standard themes: Standard Light and Standard Dark.

2022 themes

The new themes use the popular Tailwind CSS color palette (which is also what we use in the color picker now). We've also switched to the "system font stack", making the font match your user's system font.

The old themes have been renamed to Standard Light 2019 and Standard Dark 2019, and are only visible for companies that registered before today.

Another tiny change is that the button appearance previously called "Default" is now called "Secondary". So you have Primary and Secondary buttons. New buttons default to being Primary.

2 min 33 sec. read

blog single image
Userflow Updates

Magical color theming + new 2022 themes

blog author
Sebastian Seilund

January 19, 2022

Through pure magic, you can now adjust just 4 colors to make the rest of your Userflow theme look pretty.

Using the 4 new Brand/Main Background/Text color options, we automagically calculate suitable hover and active colors and apply those colors to all elements such as buttons, inputs and progress bars.

For example, pick a nice purple color for your Brand Background color and you get this:

Purple theme

Oooops! That was a spoiler about our upcoming Resource Center - sooo sorry to reveal that! (Psssst reach out to us for early access).

We've also introduced 2 new standard themes: Standard Light and Standard Dark.

2022 themes

The new themes use the popular Tailwind CSS color palette (which is also what we use in the color picker now). We've also switched to the "system font stack", making the font match your user's system font.

The old themes have been renamed to Standard Light 2019 and Standard Dark 2019, and are only visible for companies that registered before today.

Another tiny change is that the button appearance previously called "Default" is now called "Secondary". So you have Primary and Secondary buttons. New buttons default to being Primary.

2 min 33 sec. read

Through pure magic, you can now adjust just 4 colors to make the rest of your Userflow theme look pretty.

Using the 4 new Brand/Main Background/Text color options, we automagically calculate suitable hover and active colors and apply those colors to all elements such as buttons, inputs and progress bars.

For example, pick a nice purple color for your Brand Background color and you get this:

Purple theme

Oooops! That was a spoiler about our upcoming Resource Center - sooo sorry to reveal that! (Psssst reach out to us for early access).

We've also introduced 2 new standard themes: Standard Light and Standard Dark.

2022 themes

The new themes use the popular Tailwind CSS color palette (which is also what we use in the color picker now). We've also switched to the "system font stack", making the font match your user's system font.

The old themes have been renamed to Standard Light 2019 and Standard Dark 2019, and are only visible for companies that registered before today.

Another tiny change is that the button appearance previously called "Default" is now called "Secondary". So you have Primary and Secondary buttons. New buttons default to being Primary.

About the author

Co-Founder of Userflow

Sebastian Seilund is the co-founder and former CEO of Userflow, where he built one of the leading user onboarding platforms for SaaS companies. With experience as a software engineer at Google and having founded multiple successful software companies, including Denmark's first user-friendly accounting software, Sebastian brings deep technical expertise to discussions about product-led growth and user experience.

Effortless Onboarding,
Powerful Results

Try the most-loved user onboarding product on the market.

CASE STUDIES

All case studies
iconicon

Evocalize

a case study

How Evocalize Boosted Product Adoption and Engagement With Userflow 

Learn how
iconicon

Visma Dinero

a case study

How Visma Dinero provides 24/7 onboarding and support with in-app content and AI Assistant.

Learn how
iconicon

Iteratively

a case study

How Iteratively gives users an awesome first-time experience

Learn how
iconicon