---
title: "TinyMCE Theme options"
description: "Configure the editor's theme."
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/editor-theme/"
md_url: "https://www.tiny.cloud/docs/tinymce/6/editor-theme/index.md"
version: "6"
last_updated: "2022-11-30T01:26:11Z"
tokens: 333
---
Important This page documents TinyMCE 6. For new projects, Tiny recommends using the latest, most up-to-date version. [See TinyMCE 8 documentation](../../latest/editor-theme/).
# TinyMCE Theme options

> **Warning:** Tiny does not recommend creating custom themes. The default `silver` theme provides the editor user interface components such as buttons, dialogs, and menus. To change the editor appearance, customize the skin, icons, and other user interface elements such as the toolbar.

## `theme`

This option allows you to specify the theme that TinyMCE should use. The default theme included with TinyMCE is called **Silver**.

The name of the theme should match the name of the folder within the themes directory of TinyMCE. If the specified theme is not found, TinyMCE will not load.

**Type:** `String`

**Default value:** `'silver'`

### Example: using `theme`

```js
tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  theme: 'silver'
});
```

## `theme_url`

If you are using TinyMCE themes, this option enables you to specify the location of the theme file. This is useful if you are loading TinyMCE from one URL, for example a CDN, while loading a theme on, say, a local server.

**Type:** `String`

### Example: using `theme_url`

```js
tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  theme_url: '/mytheme/mytheme.js'
});
```