Feedback
  1. Home
  2. layout
  3. Edit Menu themes

Edit Menu themes

The theme editor allows developers to easily create new themes for the responsive menu, changing the application’s color palette to match the system’s visual design.

To access the theme editor, go to Layout > Edit Menu Themes.

Access to the theme editor in Scriptcase's menu

Theme List

When accessing the editor, the existing themes in Scriptcase are displayed, sorted by the saving mode (scope).

List of menu themes provided by Scriptcase

  • Theme name - Displays the theme names.
  • Theme colors - Displays the colors that make up the theme.
  • Mode - Indicates the scope in which the theme was saved.
    • Scriptcase: Default themes provided by Scriptcase. These themes cannot be edited or deleted but can be copied to create new themes.
    • Public: Themes available for all projects.
    • Project: Themes available only for the current project.
  • Trash icon to delete theme - Removes the selected theme. This icon is displayed only for themes created by the developer.

Creating Themes

Menu themes can be created from scratch by clicking on New Theme, or based on one of the themes provided by Scriptcase, by selecting the desired theme and clicking Copy Theme.

Scriptcase provides some themes that can serve as a foundation for creating new ones.

Image of the buttons New theme, preview, and copy theme

  • New theme - Opens the theme creation screen with no predefined colors.
  • Preview theme - Allows previewing the selected theme.
  • Copy theme - Creates a copy of the selected theme if it is one provided by Scriptcase.
  • Clear selection - Deselects the selected theme.

The Copy theme button changes to Edit theme when selecting a theme created by the developer.

Copying a Theme (Copy Theme Button)

The Copy theme button is enabled when selecting one of the themes provided by the tool. After selecting and clicking the button, the Create new theme screen will open with the color palette filled in from the base theme.

New Theme Screen (Copy Theme Button)

Screen for creating a new theme from a base theme

Blank Theme (New Theme Button)

After clicking the New theme button, the Create new theme screen will open with no predefined values.

New Theme Screen (New Theme Button)

Screen for creating a new theme from scratch

Theme Editor

The theme editing screen is displayed for creating a new theme or editing existing themes.

Screen for editing/creating a new menu theme

  • New theme - Defines the name of the theme.
  • Scope - Defines the scope in which the theme will be saved.
  • Color palette - Defines the theme’s color palette.