> ## Documentation Index > Fetch the complete documentation index at: https://docs.mention-me.com/llms.txt > Use this file to discover all available pages before exploring further. # How to Manage Design Themes > Customise, manage, and assign design themes to your referral touchpoints using the theme editor. ## Managing Your Themes ### Editing To change the way your offers look, click **Edit** on the theme you want to change. This opens the theme editor where you can customise and preview changes in real time. ### Renaming 1. Click **Actions** on the theme you want to rename. 2. Select **Rename**, enter the new name, and confirm by clicking **Rename**. Renaming a theme via the Actions menu ### Duplicating Duplicating a theme via the Actions menu Click **Actions** and select **Duplicate**. This creates a new theme that looks exactly like the original — it will not be assigned to any offers by default. You can also make changes to a theme in edit mode and view them without making them live. Your progress will be saved. ### Assigning Themes to Offers You can assign your theme to multiple offers at once: 1. Click **Actions** on the theme you want to assign. 2. Using the filter toolbar, select **Campaign**, **Campaign status**, or **Experiment status** to filter by. Click the checkbox on the offer or offers you want the theme applied to. 3. Click **Assign** in the bottom right to confirm. Assigning a theme to multiple offers at once You can also view the offers using a theme via **Show offers using theme** under **Actions**. ## Theme Editor ### Edit Controls Edit mode toggle and publish button in the theme editor **Edit mode** — Must be switched on to make any edits. All edits are autosaved but not put live. If you close the page and return, toggle edit mode back on to see your edits. **Publish** — Clicking **Publish** pushes your changes live across all offers linked to the theme. ### Touchpoint Navigation Touchpoint navigation adjusting based on offer type Depending on which offer you're previewing, the navigation adjusts to show the touchpoints in use. Click the touchpoint you want to edit and the styling controls will update accordingly. ### Preview Controls #### Preview Offers Previewing different offers in the theme editor Choose which offer to show in the theme editor. The theme must be assigned to the offer for it to appear here. #### Screen Filters Screen filters for key screens, all screens, referrer, and referee Choose between **Key screens** or **All screens** to display your designs on. You can further refine by choosing between **Referrer** or **Referee screens**. #### Comment and View Mode Comment mode and view mode toggle for preview feedback Switching to **Comment mode** allows you to click anywhere on the screens and leave a comment — to request an amend from your design team or leave a note for a colleague. Switching back to **View mode** hides the comments. #### Device Views Mobile and desktop device view toggle Preview the touchpoint in mobile or desktop view. You can leave comments separately on mobile or desktop for more specific feedback. ## Styling Controls Not all settings are the same for each touchpoint — some are unique to specific touchpoints. Some touchpoints have reduced styling options as they inherit the screen styling for consistency. The email touchpoint has no styling controls. Email styling must be done via custom CSS — we recommend requesting the Mention Me design team to style this for you. ### Page and Layout Styling Page and layout styling controls for background and container Controls the main container or iframe of the selected touchpoint. This most commonly includes background colour styling and master controls which cascade across the touchpoint. ### Text Styling Text styling controls for headings, body, and terms Style headings, body copy, and terms and conditions. Where appropriate, you can differentiate between mobile and desktop settings. Terms and conditions inherits most styling and therefore has limited settings. ### Link Styling Link styling controls for colour and underline settings By default, all links are underlined and in a contrasting colour to adhere to accessibility criteria. This can be adjusted to suit your design system. ### Button Styling Button styling controls for states, types, and width All buttons for the touchpoint can be styled here. Switch between button types with the tab menu at the top. Different button states can be styled, and you can adjust how the button width sits in the touchpoint. ### Input Field Styling Input field styling controls Basic input field styling to match the default state of any brand. ### Custom CSS Custom CSS editor for touchpoint-specific stylesheets For further customisation, you can add or edit CSS for all touchpoints on separate stylesheets. We recommend only editing this if you are competent in CSS and LESS CSS, as custom CSS can potentially break parts of your journey.