# Style & Settings

Now that you have your new Flix student dashboard experience set up, it's time to change the style so that it matches your brand colors.

### Use a prebuilt style:  (aka the instant style method)

We have included several prebuilt styles to allow you to quickly choose a good color combination. You can simply select one and run with it as is, or take one and adjust the colors to suite your needs.

While on the Student Dashboard page inside of Site Builder, add a Flix Style section:

{% hint style="warning" %}
*Make sure to only have one Style & Settings section included on the page*
{% endhint %}

#### Netflix: Dark Background / Red Primary Color:

* [ ] Add section: **`Netflix Style & Settings`**

![](https://1869380206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYVrsnSbS8qjkXS-eDi%2F-MZxcOZaeHEzfJBx7VxL%2F-MZxcwggWeYUQ1e4m8hW%2F_flix_style_netflix.gif?alt=media\&token=aab855e3-a8ab-4f3c-9ac1-c10624664881)

#### Disney Plus: Greyish Background / Light Blue Accent Color:

* [ ] Add section: **`Disney Plus Style & Settings`**

![](https://1869380206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYVrsnSbS8qjkXS-eDi%2F-MZxcOZaeHEzfJBx7VxL%2F-MZxcwgdGqXGDb56baxt%2F_flix_style_disney_plus.gif?alt=media\&token=0ffb2f9f-b74e-433e-b1ec-d6c69068bad8)

#### Hulu: Greenish Background / Bright Green Accent Color:

* [ ] Add section: **`Hulu Style & Settings`**

![](https://1869380206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYVrsnSbS8qjkXS-eDi%2F-MZxcOZaeHEzfJBx7VxL%2F-MZxcwgexYbsLtPEK8X-%2F_flix_style_hulu.gif?alt=media\&token=22d69f4c-e74d-4412-b222-461299856ff5)

#### *Amazon Prime*: Greyish Background / Bright Blue Accent Color:

* [ ] Add section: **`Amazon Prime Style & Settings`**

![](https://1869380206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYVrsnSbS8qjkXS-eDi%2F-MZxcOZaeHEzfJBx7VxL%2F-MZxcp4gO2sbsewyAZRK%2F_flix_style_amazon.gif?alt=media\&token=4849a9aa-f006-49f3-8846-d1defe5db96e)

#### Light: White Background / Red Accent Color:

* [ ] Add section: **`Light Style & Settings`**

![](https://1869380206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYVrsnSbS8qjkXS-eDi%2F-MZxcOZaeHEzfJBx7VxL%2F-MZxcwgfu4dQ4iNYCGQR%2F_flix_style_light.gif?alt=media\&token=1448a7b9-82ad-4290-9a39-19a1a22b67ed)

They all have the same set of settings that control the color on the entire page (across your other Super Powers: Auto Resume + Bundle tracks

![](https://1869380206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYVrsnSbS8qjkXS-eDi%2F-MZu6uUhgStDFCJxLhFm%2F-MZu9i5XKAABStKClFpV%2FScreen%20Shot%202021-05-04%20at%209.35.19%20PM.png?alt=media\&token=2f17c312-34fc-4e9e-80c8-3541e656edea)

* **Section Background** - sets the color of the page
* **Section text -** sets the color of the text to be used for the page
* **Hover Background** - sets the color to be used as the background on the hover card
* **Hover text** - sets the color to be used as the text on the hover card
* **Button Background -** sets the color of the buttons that appear on the page
* **Button text** - sets the color of the text used on the button.