app/assets/stylesheets/tinymce/skins/skintool.json
{
"backgroundColor": "#ffffff",
"skinName": "alchemy",
"contentCss": "body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n margin: 1rem;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ntable th,\ntable td {\n border: 1px solid #ccc;\n padding: .4rem;\n}\n\nfigure {\n display: table;\n margin: 1rem auto;\n}\n\nfigure figcaption {\n color: #999;\n display: block;\n margin-top: .25rem;\n text-align: center;\n}\n\nhr {\n border-color: #ccc;\n border-style: solid;\n border-width: 1px 0 0 0;\n}\n\ncode {\n background-color: #e8e8e8;\n border-radius: 3px;\n padding: .1rem .2rem;\n}\n\n.mce-content-body:not([dir=rtl]) {\n blockquote {\n border-left: 2px solid #ccc;\n margin-left: 1.5rem;\n padding-left: 1rem;\n }\n}\n\n// RTL\n.mce-content-body[dir=rtl] {\n blockquote {\n border-right: 2px solid #ccc;\n margin-right: 1.5rem;\n padding-right: 1rem;\n }\n}\n",
"initConfig": "tinymce.init({\n plugins: [\n \"a11ychecker advcode casechange formatpainter\",\n \"linkchecker autolink lists checklist\",\n \"media mediaembed pageembed permanentpen\",\n \"powerpaste table advtable tinymcespellchecker\"\n ],\n toolbar: \"formatselect | fontselect | bold italic strikethrough forecolor backcolor formatpainter | alignleft aligncenter alignright alignjustify | numlist bullist outdent indent | link insertfile image | removeformat | code | addcomment | checklist | casechange\",\n height: 360\n});",
"lessVariablesMap": {
"@background-color": "#fff",
"@toolbar-background-color": "#efefef",
"@menubar-background-color": "#efefef",
"@border-color": "rgba(175, 175, 175, 0.5)",
"@color-black": "#000",
"@color-white": "#fff",
"@color-tint": "rgba(45, 90, 141, 1)",
"@color-error": "rgba(239, 211, 211, 1)",
"@color-success": "rgba(226, 239, 211, 1)",
"@base-value": "13px",
"@control-border-radius": "3px",
"@panel-border-radius": "3px",
"@tinymce-border-radius": "3px",
"@font-weight-normal": "normal",
"@font-weight-bold": "bold",
"@toolbar-button-icon-color": "rgba(51, 59, 81, 0.75)",
"@toolbar-button-text-color": "rgba(51, 59, 81, 0.75)",
"@toolbar-button-hover-background-color": "rgba(175, 175, 175, 0.25)",
"@toolbar-button-hover-icon-color": "rgba(51, 59, 81, 0.8)",
"@toolbar-button-hover-text-color": "rgba(51, 59, 81, 0.8)",
"@toolbar-button-focus-background-color": "rgba(175, 175, 175, 0.25)",
"@toolbar-button-focus-icon-color": "@toolbar-button-hover-icon-color",
"@toolbar-button-focus-text-color": "@toolbar-button-hover-icon-color",
"@toolbar-button-active-background-color": "rgba(175, 175, 175, 0.5)",
"@toolbar-button-enabled-background-color": "rgba(175, 175, 175, 0.5)",
"@toolbar-button-active-icon-color": "@toolbar-button-hover-icon-color",
"@toolbar-button-active-text-color": "@toolbar-button-hover-icon-color",
"@toolbar-button-enabled-icon-color": "@toolbar-button-hover-icon-color",
"@toolbar-button-enabled-text-color": "@toolbar-button-hover-icon-color"
},
"lessVariables": "@background-color: #fff;\n@toolbar-background-color: #efefef;\n@menubar-background-color: #efefef;\n@border-color: rgba(175, 175, 175, 0.5);\n@color-black: #000;\n@color-white: #fff;\n@color-tint: rgba(45, 90, 141, 1);\n@color-error: rgba(239, 211, 211, 1);\n@color-success: rgba(226, 239, 211, 1);\n@base-value: 13px;\n@control-border-radius: 3px;\n@panel-border-radius: 3px;\n@tinymce-border-radius: 3px;\n@font-stack: \"Open Sans\", \"Lucida Grande\", \"Lucida Sans Unicode\",\n \"Lucida Sans\", Verdana, Tahoma, sans-serif;\n@font-weight-normal: normal;\n@font-weight-bold: bold;\n@toolbar-button-icon-color: rgba(51, 59, 81, 0.75);\n@toolbar-button-text-color: rgba(51, 59, 81, 0.75);\n@toolbar-button-hover-background-color: rgba(175, 175, 175, 0.25);\n@toolbar-button-hover-icon-color: rgba(51, 59, 81, 0.8);\n@toolbar-button-hover-text-color: rgba(51, 59, 81, 0.8);\n@toolbar-button-focus-background-color: rgba(175, 175, 175, 0.25);\n@toolbar-button-focus-icon-color: @toolbar-button-hover-icon-color;\n@toolbar-button-focus-text-color: @toolbar-button-hover-icon-color;\n@toolbar-button-active-background-color: rgba(175, 175, 175, 0.5);\n@toolbar-button-enabled-background-color: rgba(175, 175, 175, 0.5);\n@toolbar-button-active-icon-color: @toolbar-button-hover-icon-color;\n@toolbar-button-active-text-color: @toolbar-button-hover-icon-color;\n@toolbar-button-enabled-icon-color: @toolbar-button-hover-icon-color;\n@toolbar-button-enabled-text-color: @toolbar-button-hover-icon-color;\n"
}