☁️ Loving our new documentation website? Provide feedback in the CloudCannon Community! ✨

theme

Table of contents

Description:

This key defines the color theme used for syntax highlighting in Code Inputs.

By default, this key is basic_dark.

Appears in:
└── _inputs
    └── *
        └── Code Input
            └── options
                └── theme
Type:
string
Default value:
basic_dark
Allowed values:
atomone
basic_dark
basic_light
darcula
dracula
duotone_dark
duotone_light
eclipse
github_dark
github_light
gruvbox_dark
gruvbox_light
material_dark
material_light
solarized_dark
solarized_light
sublime
tokyo_night
tokyo_night_day
tokyo_night_storm
tomorrow_night_blue
vscode_dark
vscode_light
xcode_dark
xcode_light
Examples:

In this example, we have configured a code input to use the dracula theme for a dark-colored editing experience.

Copied to clipboard
_inputs:
  javascript_code:
    type: code
    label: JavaScript
    options:
      theme: dracula
{
  "_inputs": {
    "javascript_code": {
      "type": "code",
      "label": "JavaScript",
      "options": {
        "theme": "dracula"
      }
    }
  }
}
Open in a new tab