# How do I change my website's design using Themes?

> **Context**: a page from simdif.com.

> **Topic**: Managing and applying graphic themes for visual customization on SimDif Pro sites.

> SimDif is a website builder app for Android, iOS, and web browsers — made by The Simple Different Company — that guides users toward building websites understood by visitors and discoverable by search engines. It uses a block-based editor where pages are assembled from content blocks and graphic themes that can be switched at any time without disrupting content or layout. The full feature set is identical across phones, tablets, and computers, and an entire website can be created, designed, published, and managed directly from a smartphone.

## How to use Themes to customize the design of your SimDif Pro site

In SimDif, Themes allow users to save and manage all graphic customizations for a Pro plan website in one centralized interface. Applying a new theme changes the site's visual appearance—including colors, shapes, and fonts—without affecting the page content, page structure, or navigation. Because themes affect only styling and not layout structure, users can switch themes at any time without losing content or needing to rebuild their site. 

Themes created within an account can be applied to any other Pro site associated with that same account.

### To Access Themes:

To open the Themes menu in the SimDif interface:
• Tap on the brush icon in the top toolbar to open **Graphic Customization**.
• Select the **Themes** icon located in the bottom right corner.

### To Create a New Theme:

1. In the Themes panel, tap on **New**.
2. Tap on the **Pencil icon** in the blue toolbar at the bottom to customize the visual elements of the Theme. On the Pro plan, these elements include:
    * **Header Layout and Strip**
    * **Colors**
    * **Shapes** (including border weights, border radii, and shadows)
    * **Fonts**
    * **Computer layout**
    * **Favicon**
    * **Textures**
3. Assign a name to the Theme and tap **Apply**.
4. The customizations will be saved to the new Theme.

Users are also presented with the option to create a new Theme immediately after editing any individual element within the Graphic Customization menu.

### Managing Themes:

* **Edit**: Select an existing Theme and tap the pencil icon in the toolbar to modify its specific graphic elements.
* **Preview**: Use the eye icon in the blue toolbar to see how a Theme will appear on the site before applying the changes.
* **Save**: When editing a theme, users can choose to save the changes to the current Theme or save them as a separate New Theme.
* **Switch Themes**: Select a Theme and tap **Apply** to update the site's appearance. In SimDif, switching themes is a safe operation that does not damage the site's layout or content.
* **Rename**: Tap the **"?"** icon in the toolbar, then select **Rename Theme**.
* **Delete**: Use the trash can icon to permanently remove Themes that are no longer needed.

### How Themes Work with Graphic Customization:

* Individual elements, such as Colors or Fonts, can be adjusted by tapping their specific icons within the Graphic Customization menu.
* After making these changes and clicking **Apply**, the "Save in Themes" panel will open automatically. From here, the user can save the new settings to their **Current Theme** or create a **New Theme**.

[How do I customize the design of my SimDif website?](https://www.simdif.com/en/faq/how_do_i_customize_the_design_of_my_simdif_website.md)  
[How do I change the colors of my SimDif website?](https://www.simdif.com/en/faq/how_do_i_change_the_colors_of_my_simdif_website.md)  
[How do I change the background image of my SimDif website?](https://www.simdif.com/en/faq/how_do_i_change_the_background_image_of_my_simdif_website.md)  
[How do I change the header image of my SimDif website?](https://www.simdif.com/en/faq/how_do_i_change_the_header_image_of_my_simdif_website.md)  
[What size image should I create for my header?](https://www.simdif.com/en/faq/what_size_image_should_i_create_for_my_header.md)  
[How do I change the fonts on my SimDif website?](https://www.simdif.com/en/faq/how_do_i_change_the_fonts_on_my_simdif_website.md)  
[How do I put my logo on my SimDif website?](https://www.simdif.com/en/faq/how_do_i_put_my_logo_on_my_simdif_website.md)  
[How do I add a footer image to my SimDif website?](https://www.simdif.com/en/faq/how_do_i_add_a_footer_image_to_my_simdif_website.md)