TinyMCE 4 - Skin Creator

TinyMCE 4 - Skin Creator

General

Skin name

preview-bg

text

text-inverse

text-disabled

Gradients

Border radius

Box shadow

Merge button groups

Button

btn-text

btn-text-shadow

btn-bg

btn-bg-hlight

btn-border-top

btn-border-right

btn-border-bottom

btn-border-left

btn-split-border

btn-primary-text

btn-primary-text-shadow

btn-primary-bg

btn-primary-bg-hlight

btn-padding

Menu

menu-bg

menu-border

menuitem-text

menuitem-bg-selected

menuitem-bg-selected-hlight

menuitem-separator-top

menuitem-separator-bottom

menuitem-text-inverse

menuitem-bg-active

menuitem-text-active

menuitem-preview-border-active

menubar-menubtn-text

Checkbox

checkbox-border

checkbox-border-focus

Panel

panel-border

panel-bg

panel-bg-hlight

Textbox

textbox-bg

textbox-border

textbox-border-focus

Window

window-bg

window-border

Tabs

tab-bg

tab-bg-hover

tab-bg-active

tab-border

tabs-bg

Notifications

notification-bg

notification-border

notification-text

notification-success-bg

notification-success-border

notification-success-text

notification-info-bg

notification-info-border

notification-info-text

notification-warning-bg

notification-warning-border

notification-warning-text

notification-error-bg

notification-error-border

notification-error-text

Progress

progress-bar-bg

progress-bar-bg-hlight

progress-border

progress-text

progress-text-shadow

Slider

slider-bg

slider-border

slider-handle-bg

slider-handle-border

Misc

colorbtn-backcolor-bg

grid-border

grid-border-active

Drop skin.json here to import

Unchecked

Checked

Disabled

Disabled & Checked

Focused

Progress text

50%

Progress text

50%

Progress text

50%

Progress text

50%

Progress text

50%

Tab Active

Tab 2

Tab 3

Normal

Ctrl+Z

Disabled

Ctrl+Z

Selected

Ctrl+U

Checked

Opened

Expandable

Normal

Active

Preview & Active

Dialog title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum bibendum sagittis lobortis. Sed ac ligula imperdiet, luctus nunc bibendum.