# Style

## 🎨 What is the style tab ?

The style tab allows you to set general properties on your style and to [add a header logo](https://docs.ngsurvey.com/form-management/style-branding/style-editor/style/header-logo-image) that will be displayed on top of your survey. 

## 🔅 Style properties

* **`Style name`** Display name of the style.
* **`Built in`** a built in style is a style that is accessible by all ngSurvey's users but that is only editable by administrators.
* **`Shared`** let you share your style with other users. At the moment all users will have access to your style if you share it.
* **`Dark`** indicates if you style should support dark mode. ngSurvey will switch its [form designer](https://docs.ngsurvey.com/form-management/form-designer) to a dark mode based designer if the survey has a dark mode enabled style assigned to it.

## 🌈 Color Wizard

Using the color wizard you can select a primary color and secondary color that will be used to generated a set of matching colors for your survey [theme](https://docs.ngsurvey.com/form-management/style-branding/style-editor/theme). 

![](https://1025048312-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcKMmayrpHOsZik4eI%2F-MBcKy4IHya-AHEhRBqP%2Fimage.png?alt=media\&token=4efa8909-8750-4ff9-9716-63bc24a8c22a)

The **primary color** is the color that will be displayed the most frequently across your survey components, the **secondary color** accents actionable survey components like for example [radio buttons or checkboxes](https://docs.ngsurvey.com/form-management/form-designer/answers/answer-types/selection-answers).