{"id":40,"date":"2025-09-26T08:50:52","date_gmt":"2025-09-26T08:50:52","guid":{"rendered":"https:\/\/ska-blocks.com\/docs\/2025\/09\/26\/enabling-wordpress-appearance-controls\/"},"modified":"2025-09-26T09:36:37","modified_gmt":"2025-09-26T09:36:37","slug":"enabling-wordpress-appearance-controls","status":"publish","type":"post","link":"https:\/\/ska-blocks.com\/docs\/enabling-wordpress-appearance-controls\/","title":{"rendered":"Enabling WordPress appearance controls"},"content":{"rendered":"\n<p>Should you wish to restore some of the default WordPress appearance controls that ska-theme disables edit the child theme&#8217;s <code>theme.json<\/code> file to include the following:<\/p>\n\n\n\n<div class=\"wp-block-ska-code not-prose ska-preset--ska-theme--code\"><header><span class=\"title\">Child theme&#8217;s theme.json<\/span><span class=\"label language-json\">JSON<\/span><\/header><div class=\"content\"><pre class=\"code json language-json\"><code class=\"language-json\">{\n\t\"$schema\": \"https:\/\/schemas.wp.org\/trunk\/theme.json\",\n\t\"version\": 3,\n\t\"settings\": {\n\t\t\"appearanceTools\": false,\n\t\t\"color\": {\n\t\t\t\"background\": true,\n\t\t\t\"custom\": true,\n\t\t\t\"customDuotone\": false,\n\t\t\t\"customGradient\": false,\n\t\t\t\"defaultDuotone\": false,\n\t\t\t\"defaultGradients\": false,\n\t\t\t\"defaultPalette\": false,\n\t\t\t\"duotone\": &#91;],\n\t\t\t\"gradients\": &#91;],\n\t\t\t\"link\": false,\n\t\t\t\"text\": true,\n\t\t\t\"palette\": &#91;\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"var(--color-site)\",\n\t\t\t\t\t\"name\": \"Base text color\",\n\t\t\t\t\t\"slug\": \"ska-site\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"var(--color-site-heading)\",\n\t\t\t\t\t\"name\": \"Heading text color\",\n\t\t\t\t\t\"slug\": \"ska-site-heading\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"var(--color-site-subtext)\",\n\t\t\t\t\t\"name\": \"Subtext color\",\n\t\t\t\t\t\"slug\": \"ska-site-subtext\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"var(--color-site-muted)\",\n\t\t\t\t\t\"name\": \"Muted text color\",\n\t\t\t\t\t\"slug\": \"ska-site-muted\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"var(--color-site-inverted)\",\n\t\t\t\t\t\"name\": \"Inverted text color\",\n\t\t\t\t\t\"slug\": \"ska-site-inverted\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"var(--color-primary)\",\n\t\t\t\t\t\"name\": \"Primary color\",\n\t\t\t\t\t\"slug\": \"ska-primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"var(--color-secondary)\",\n\t\t\t\t\t\"name\": \"Secondary color\",\n\t\t\t\t\t\"slug\": \"ska-secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"var(--color-plain)\",\n\t\t\t\t\t\"name\": \"Plain color\",\n\t\t\t\t\t\"slug\": \"ska-plain\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t\"spacing\": {\n\t\t\t\"customSpacingSize\": false,\n\t\t\t\"blockGap\": false,\n\t\t\t\"margin\": false,\n\t\t\t\"padding\": false,\n\t\t\t\"spacingSizes\": &#91;]\n\t\t},\n\t\t\"typography\": {\n\t\t\t\"customFontSize\": false,\n\t\t\t\"lineHeight\": false,\n\t\t\t\"dropCap\": false,\n\t\t\t\"fluid\": false,\n\t\t\t\"fontStyle\": false,\n\t\t\t\"fontWeight\": false,\n\t\t\t\"letterSpacing\": false,\n\t\t\t\"textDecoration\": false,\n\t\t\t\"textTransform\": true,\n\t\t\t\"fontSizes\": &#91;\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"xs\",\n\t\t\t\t\t\"size\": \"var(--text-xs)\",\n\t\t\t\t\t\"slug\": \"xs\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"sm\",\n\t\t\t\t\t\"size\": \"var(--text-sm)\",\n\t\t\t\t\t\"slug\": \"sm\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"base\",\n\t\t\t\t\t\"size\": \"var(--text-base)\",\n\t\t\t\t\t\"slug\": \"base\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"lg\",\n\t\t\t\t\t\"size\": \"var(--text-lg)\",\n\t\t\t\t\t\"slug\": \"lg\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"xl\",\n\t\t\t\t\t\"size\": \"var(--text-xl)\",\n\t\t\t\t\t\"slug\": \"xl\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"2xl\",\n\t\t\t\t\t\"size\": \"var(--text-2xl)\",\n\t\t\t\t\t\"slug\": \"2xl\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"3xl\",\n\t\t\t\t\t\"size\": \"var(--text-3xl)\",\n\t\t\t\t\t\"slug\": \"3xl\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"4xl\",\n\t\t\t\t\t\"size\": \"var(--text-4xl)\",\n\t\t\t\t\t\"slug\": \"4xl\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"5xl\",\n\t\t\t\t\t\"size\": \"var(--text-5xl)\",\n\t\t\t\t\t\"slug\": \"5xl\"\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}<\/code><\/pre><button :class=\"{error: state === &apos;error&apos;, success: state === &apos;success&apos;}\" x-data=\"{state:&apos;&apos;}\" x-on:click=\"navigator.clipboard ? (navigator.clipboard.writeText($el.previousElementSibling.innerText), $el.innerText = `Copied!`, state = &apos;success&apos;) : ($el.innerText = `Can&amp;#039;t copy`, state = &apos;error&apos;)\" class=\"copy\" type=\"button\">Copy<\/button><\/div><\/div>\n\n\n\n<p>This setup just enables changing text\/background color and font size, but you can toggle things on-off and add values as needed.<\/p>\n\n\n\n<p class=\"mb-0!\">Because the theme disables a lot of the CSS out that is generated automatically by WordPress &#8211;<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>such as this<\/summary>\n<div class=\"wp-block-ska-code not-prose ska-preset--ska-theme--code\"><div class=\"content\"><pre class=\"code css language-css\"><code class=\"language-css\">--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, #9b51e0 100%);\n--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);\n--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, #cf2e2e 100%);\n--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%);\n--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n--wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n--wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n--wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n\n.has-black-color {\n\tcolor: var(--wp--preset--color--black) !important;\n}\n\n.has-cyan-bluish-gray-color {\n\tcolor: var(--wp--preset--color--cyan-bluish-gray) !important;\n}\n\n.has-white-color {\n\tcolor: var(--wp--preset--color--white) !important;\n}\n\n.has-pale-pink-color {\n\tcolor: var(--wp--preset--color--pale-pink) !important;\n}\n\n.has-vivid-red-color {\n\tcolor: var(--wp--preset--color--vivid-red) !important;\n}\n\n.has-luminous-vivid-orange-color {\n\tcolor: var(--wp--preset--color--luminous-vivid-orange) !important;\n}\n\n.has-luminous-vivid-amber-color {\n\tcolor: var(--wp--preset--color--luminous-vivid-amber) !important;\n}\n\n.has-light-green-cyan-color {\n\tcolor: var(--wp--preset--color--light-green-cyan) !important;\n}\n\n.has-vivid-green-cyan-color {\n\tcolor: var(--wp--preset--color--vivid-green-cyan) !important;\n}\n\n.has-pale-cyan-blue-color {\n\tcolor: var(--wp--preset--color--pale-cyan-blue) !important;\n}\n\n.has-vivid-cyan-blue-color {\n\tcolor: var(--wp--preset--color--vivid-cyan-blue) !important;\n}\n\n.has-vivid-purple-color {\n\tcolor: var(--wp--preset--color--vivid-purple) !important;\n}<\/code><\/pre><\/div><\/div>\n<\/details>\n\n\n\n<p>&#8211; you may also need to add this filter to child theme&#8217;s <code>functions.php<\/code> file:<\/p>\n\n\n\n<div class=\"wp-block-ska-code not-prose ska-preset--ska-theme--code\"><div class=\"content\"><pre class=\"code php language-php\"><code class=\"language-php\">add_filter('ska_theme_reset_theme_json', '__return_false');<\/code><\/pre><button :class=\"{error: state === &apos;error&apos;, success: state === &apos;success&apos;}\" x-data=\"{state:&apos;&apos;}\" x-on:click=\"navigator.clipboard ? (navigator.clipboard.writeText($el.previousElementSibling.innerText), $el.innerText = `Copied!`, state = &apos;success&apos;) : ($el.innerText = `Can&amp;#039;t copy`, state = &apos;error&apos;)\" class=\"copy\" type=\"button\">Copy<\/button><\/div><\/div>\n\n\n\n<p>This approach may add additional bloat but can make it easier for someone who doesn&#8217;t know anything about Tailwind to make minor appearance changes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Should you wish to restore some of the default WordPress appearance controls that ska-theme disables edit the child theme&#8217;s theme.json file to include the following: This setup just enables changing text\/background color and font size, but you can toggle things on-off and add values as needed. Because the theme disables a lot of the CSS&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-40","post","type-post","status-publish","format-standard","hentry","category-ska-theme"],"_links":{"self":[{"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/posts\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":1,"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/posts\/40\/revisions"}],"predecessor-version":[{"id":200,"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/posts\/40\/revisions\/200"}],"wp:attachment":[{"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/media?parent=40"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/categories?post=40"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ska-blocks.com\/docs\/wp-json\/wp\/v2\/tags?post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}