{"id":49,"date":"2018-08-23T13:57:02","date_gmt":"2018-08-23T13:57:02","guid":{"rendered":"https:\/\/documentation.px-lab.com\/certy-html\/?p=49"},"modified":"2018-08-23T14:12:39","modified_gmt":"2018-08-23T14:12:39","slug":"theme-color","status":"publish","type":"post","link":"https:\/\/documentation.px-lab.com\/certy-html\/theme-color\/","title":{"rendered":"Theme Color"},"content":{"rendered":"<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-53 img-frame\" src=\"http:\/\/documentation.px-lab.com\/certy-html\/wp-content\/uploads\/sites\/6\/2018\/08\/Theme-colors.png\" alt=\"\" width=\"276\" height=\"106\" \/><\/p>\n<p>For Certy we are using fully customizable color scheme.<\/p>\n<p>To help you pick your website colours, here is a list of colour tools and resources.<\/p>\n<ul>\n<li><a href=\"https:\/\/coolors.co\/browser\/latest\/1\" target=\"_blank\" rel=\"noopener\">coolors.co<\/a><\/li>\n<li><a href=\"http:\/\/paletton.com\/#uid=14w0u0kllll1yHXbssPvedRWo6m\" target=\"_blank\" rel=\"noopener\">paletton.com<\/a><\/li>\n<li><a href=\"http:\/\/html-color-codes.info\/#Basic_Html_Color_Chart\" target=\"_blank\" rel=\"noopener\">html color codes<\/a><\/li>\n<li><a href=\"http:\/\/htmlcolorcodes.com\/\" target=\"_blank\" rel=\"noopener\">html color codes and picker<\/a><\/li>\n<li><a href=\"http:\/\/www.computerhope.com\/htmcolor.htm\" target=\"_blank\" rel=\"noopener\">html color codes and names<\/a><\/li>\n<\/ul>\n<h4 class=\"docs-title2\">Change theme colors using css<\/h4>\n<p>Open certy\\assets\\css\\style.css file and find &#8220;Color Scheme&#8221; section and make changes as described below:<\/p>\n<pre class=\"css hljs\"><span class=\"hljs-comment\">\/**\r\n * Color Scheme\r\n *\/<\/span>\r\n\r\n<span class=\"hljs-comment\">\/* Color Primary *\/<\/span>\r\n<span class=\"hljs-selector-tag\">This<\/span> <span class=\"hljs-selector-tag\">section<\/span> <span class=\"hljs-selector-tag\">provides<\/span> <span class=\"hljs-selector-tag\">styles<\/span> <span class=\"hljs-selector-tag\">for<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">all<\/span> <span class=\"hljs-selector-tag\">primary<\/span> (<span class=\"hljs-selector-tag\">blue<\/span>) <span class=\"hljs-selector-tag\">colored<\/span> <span class=\"hljs-selector-tag\">elements<\/span>.\r\n<span class=\"hljs-selector-tag\">If<\/span> <span class=\"hljs-selector-tag\">you<\/span> <span class=\"hljs-selector-tag\">want<\/span> <span class=\"hljs-selector-tag\">for<\/span> <span class=\"hljs-selector-tag\">example<\/span> <span class=\"hljs-selector-tag\">change<\/span> <span class=\"hljs-selector-tag\">all<\/span> <span class=\"hljs-selector-tag\">blue<\/span> <span class=\"hljs-selector-tag\">elements<\/span> <span class=\"hljs-selector-tag\">to<\/span> <span class=\"hljs-selector-tag\">red<\/span>,\r\n<span class=\"hljs-selector-tag\">change<\/span> <span class=\"hljs-selector-tag\">all<\/span> <span class=\"hljs-selector-id\">#c0e3e7<\/span> <span class=\"hljs-selector-tag\">values<\/span> <span class=\"hljs-selector-tag\">in<\/span> <span class=\"hljs-selector-tag\">this<\/span> <span class=\"hljs-selector-tag\">section<\/span> <span class=\"hljs-selector-tag\">with<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-id\">#d14b4a<\/span>.\r\n\r\n<span class=\"hljs-comment\">\/* Color Darkest *\/<\/span>\r\n<span class=\"hljs-selector-tag\">This<\/span> <span class=\"hljs-selector-tag\">section<\/span> <span class=\"hljs-selector-tag\">provides<\/span> <span class=\"hljs-selector-tag\">text<\/span> <span class=\"hljs-selector-tag\">color<\/span> <span class=\"hljs-selector-tag\">all<\/span> <span class=\"hljs-selector-tag\">over<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">site<\/span>.\r\n<span class=\"hljs-selector-tag\">Change<\/span> <span class=\"hljs-selector-tag\">all<\/span> <span class=\"hljs-selector-id\">#010101<\/span> <span class=\"hljs-selector-tag\">values<\/span> <span class=\"hljs-selector-tag\">with<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">color<\/span> <span class=\"hljs-selector-tag\">you<\/span> <span class=\"hljs-selector-tag\">want<\/span> <span class=\"hljs-selector-tag\">to<\/span> <span class=\"hljs-selector-tag\">use<\/span>.\r\n<span class=\"hljs-selector-tag\">For<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">our<\/span> <span class=\"hljs-selector-tag\">dark<\/span> <span class=\"hljs-selector-tag\">version<\/span> <span class=\"hljs-selector-tag\">use<\/span> <span class=\"hljs-selector-id\">#ffffff<\/span>.\r\n\r\n<span class=\"hljs-comment\">\/* Color Darker *\/<\/span>\r\n<span class=\"hljs-selector-tag\">This<\/span> <span class=\"hljs-selector-tag\">section<\/span> <span class=\"hljs-selector-tag\">provides<\/span> <span class=\"hljs-selector-tag\">muted<\/span> <span class=\"hljs-selector-tag\">elements<\/span> <span class=\"hljs-selector-tag\">styles<\/span> ( <span class=\"hljs-selector-tag\">header<\/span> <span class=\"hljs-selector-tag\">navigation<\/span>,\r\n<span class=\"hljs-selector-tag\">muted<\/span> <span class=\"hljs-selector-tag\">titles<\/span> <span class=\"hljs-selector-tag\">and<\/span> <span class=\"hljs-selector-tag\">texts<\/span>, <span class=\"hljs-selector-tag\">slider<\/span> <span class=\"hljs-selector-tag\">arrows<\/span>, <span class=\"hljs-selector-tag\">pagination<\/span> ... )\r\n<span class=\"hljs-selector-tag\">Change<\/span> <span class=\"hljs-selector-tag\">all<\/span> <span class=\"hljs-selector-id\">#bcbcbc<\/span> <span class=\"hljs-selector-tag\">colors<\/span> <span class=\"hljs-selector-tag\">with<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">color<\/span> <span class=\"hljs-selector-tag\">you<\/span> <span class=\"hljs-selector-tag\">want<\/span> <span class=\"hljs-selector-tag\">to<\/span> <span class=\"hljs-selector-tag\">use<\/span>.\r\n<span class=\"hljs-selector-tag\">For<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">our<\/span> <span class=\"hljs-selector-tag\">dark<\/span> <span class=\"hljs-selector-tag\">version<\/span> <span class=\"hljs-selector-tag\">use<\/span> <span class=\"hljs-selector-id\">#bcbcbc<\/span>.\r\n\r\n<span class=\"hljs-comment\">\/* Color Dark *\/<\/span>\r\n<span class=\"hljs-selector-tag\">This<\/span> <span class=\"hljs-selector-tag\">section<\/span> <span class=\"hljs-selector-tag\">styles<\/span> <span class=\"hljs-selector-tag\">are<\/span> <span class=\"hljs-selector-tag\">responsible<\/span> <span class=\"hljs-selector-tag\">for<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">borders<\/span> &amp; <span class=\"hljs-selector-tag\">left<\/span> <span class=\"hljs-selector-tag\">background<\/span> <span class=\"hljs-selector-tag\">shape<\/span> <span class=\"hljs-selector-tag\">color<\/span>.\r\n<span class=\"hljs-selector-tag\">To<\/span> <span class=\"hljs-selector-tag\">customize<\/span> <span class=\"hljs-selector-tag\">this<\/span> <span class=\"hljs-selector-tag\">elements<\/span> <span class=\"hljs-selector-tag\">color<\/span>, <span class=\"hljs-selector-tag\">change<\/span> <span class=\"hljs-selector-id\">#e1e1e1<\/span> <span class=\"hljs-selector-tag\">value<\/span> <span class=\"hljs-selector-tag\">with<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">color<\/span> <span class=\"hljs-selector-tag\">you<\/span> <span class=\"hljs-selector-tag\">want<\/span> <span class=\"hljs-selector-tag\">to<\/span> <span class=\"hljs-selector-tag\">use<\/span>.\r\n<span class=\"hljs-selector-tag\">For<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">our<\/span> <span class=\"hljs-selector-tag\">dark<\/span> <span class=\"hljs-selector-tag\">version<\/span> <span class=\"hljs-selector-tag\">use<\/span> <span class=\"hljs-selector-id\">#1f1f1f<\/span>.\r\n\r\n<span class=\"hljs-comment\">\/* Color Light *\/<\/span>\r\n<span class=\"hljs-selector-tag\">This<\/span> <span class=\"hljs-selector-tag\">section<\/span> <span class=\"hljs-selector-tag\">styles<\/span> <span class=\"hljs-selector-tag\">are<\/span> <span class=\"hljs-selector-tag\">responsible<\/span> <span class=\"hljs-selector-tag\">for<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">body<\/span> &amp; <span class=\"hljs-selector-tag\">input<\/span> <span class=\"hljs-selector-tag\">elements<\/span> <span class=\"hljs-selector-tag\">background<\/span>.\r\n<span class=\"hljs-selector-tag\">To<\/span> <span class=\"hljs-selector-tag\">customize<\/span> <span class=\"hljs-selector-tag\">this<\/span> <span class=\"hljs-selector-tag\">elements<\/span> <span class=\"hljs-selector-tag\">color<\/span>, <span class=\"hljs-selector-tag\">change<\/span> <span class=\"hljs-selector-id\">#f3f3f3<\/span> <span class=\"hljs-selector-tag\">value<\/span> <span class=\"hljs-selector-tag\">with<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">color<\/span> <span class=\"hljs-selector-tag\">you<\/span> <span class=\"hljs-selector-tag\">want<\/span> <span class=\"hljs-selector-tag\">to<\/span> <span class=\"hljs-selector-tag\">use<\/span>.\r\n<span class=\"hljs-selector-tag\">For<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">our<\/span> <span class=\"hljs-selector-tag\">dark<\/span> <span class=\"hljs-selector-tag\">version<\/span> <span class=\"hljs-selector-tag\">use<\/span> <span class=\"hljs-selector-id\">#2a2a2a<\/span>.\r\n\r\n<span class=\"hljs-comment\">\/* Color Lighter *\/<\/span>\r\n<span class=\"hljs-selector-tag\">This<\/span> <span class=\"hljs-selector-tag\">section<\/span> <span class=\"hljs-selector-tag\">styles<\/span> <span class=\"hljs-selector-tag\">are<\/span> <span class=\"hljs-selector-tag\">responsible<\/span> <span class=\"hljs-selector-tag\">for<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">papers<\/span> <span class=\"hljs-selector-tag\">background<\/span> &amp; <span class=\"hljs-selector-tag\">other<\/span> <span class=\"hljs-selector-tag\">light<\/span> <span class=\"hljs-selector-tag\">colored<\/span> <span class=\"hljs-selector-tag\">elements<\/span>.\r\n<span class=\"hljs-selector-tag\">To<\/span> <span class=\"hljs-selector-tag\">customize<\/span> <span class=\"hljs-selector-tag\">this<\/span> <span class=\"hljs-selector-tag\">elements<\/span> <span class=\"hljs-selector-tag\">color<\/span>, <span class=\"hljs-selector-tag\">change<\/span> <span class=\"hljs-selector-id\">#fff<\/span> <span class=\"hljs-selector-tag\">value<\/span> <span class=\"hljs-selector-tag\">with<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">color<\/span> <span class=\"hljs-selector-tag\">you<\/span> <span class=\"hljs-selector-tag\">want<\/span> <span class=\"hljs-selector-tag\">to<\/span> <span class=\"hljs-selector-tag\">use<\/span>.\r\n<span class=\"hljs-selector-tag\">For<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">our<\/span> <span class=\"hljs-selector-tag\">dark<\/span> <span class=\"hljs-selector-tag\">version<\/span> <span class=\"hljs-selector-tag\">use<\/span> <span class=\"hljs-selector-id\">#373737<\/span>.\r\n\r\n<span class=\"hljs-comment\">\/* Buttons *\/<\/span>\r\n<span class=\"hljs-selector-tag\">This<\/span> <span class=\"hljs-selector-tag\">section<\/span> <span class=\"hljs-selector-tag\">styles<\/span> <span class=\"hljs-selector-tag\">are<\/span> <span class=\"hljs-selector-tag\">responsible<\/span> <span class=\"hljs-selector-tag\">for<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">light<\/span> &amp; <span class=\"hljs-selector-tag\">dark<\/span> <span class=\"hljs-selector-tag\">buttons<\/span>. <span class=\"hljs-selector-tag\">Change<\/span> <span class=\"hljs-selector-tag\">colors<\/span> <span class=\"hljs-selector-tag\">as<\/span> <span class=\"hljs-selector-tag\">you<\/span> <span class=\"hljs-selector-tag\">needed<\/span>.\r\n<span class=\"hljs-selector-tag\">For<\/span> <span class=\"hljs-selector-tag\">the<\/span> <span class=\"hljs-selector-tag\">our<\/span> <span class=\"hljs-selector-tag\">dark<\/span> <span class=\"hljs-selector-tag\">version<\/span> <span class=\"hljs-selector-tag\">use<\/span> <span class=\"hljs-selector-tag\">following<\/span> <span class=\"hljs-selector-tag\">styles<\/span>:\r\n\r\n<span class=\"hljs-selector-class\">.btn-default<\/span> {\r\n    <span class=\"hljs-attribute\">color<\/span>: <span class=\"hljs-number\">#fff<\/span>;\r\n    <span class=\"hljs-attribute\">background-color<\/span>: <span class=\"hljs-number\">#000<\/span>;\r\n}\r\n\r\n<span class=\"hljs-selector-class\">.btn-light<\/span> {\r\n    <span class=\"hljs-attribute\">color<\/span>: <span class=\"hljs-number\">#000<\/span>;\r\n    <span class=\"hljs-attribute\">background-color<\/span>: <span class=\"hljs-number\">#fff<\/span>;\r\n}<\/pre>\n<p>After making changes, copy style.css content, minify (you need to minify css file for the performance reasons),save in the style.min.css file and overwrite certy\\assets\\css\\style.min.css with the created one.<\/p>\n<h4 class=\"docs-title2\">Change theme colors using scss<\/h4>\n<p>If you have enough skills to work with the <a href=\"http:\/\/sass-lang.com\/\" target=\"_blank\" rel=\"noopener\">sass<\/a> files, than you can easily customize theme colors from the <strong>_variables.scss<\/strong> file and compile style.scss file to style.css.<\/p>\n<pre class=\"css hljs\">\/\/ <span class=\"hljs-selector-tag\">ColorScheme<\/span> <span class=\"hljs-selector-tag\">Light<\/span>\r\n$<span class=\"hljs-selector-tag\">color-primary<\/span>: <span class=\"hljs-selector-id\">#c0e3e7<\/span> !<span class=\"hljs-selector-tag\">default<\/span>; \/\/ <span class=\"hljs-selector-tag\">Primary<\/span> <span class=\"hljs-selector-tag\">Colored<\/span> <span class=\"hljs-selector-tag\">Elements<\/span>\r\n$<span class=\"hljs-selector-tag\">color-darkest<\/span>: <span class=\"hljs-selector-id\">#010101<\/span> !<span class=\"hljs-selector-tag\">default<\/span>; \/\/ <span class=\"hljs-selector-tag\">Main<\/span> <span class=\"hljs-selector-tag\">Text<\/span>\r\n$<span class=\"hljs-selector-tag\">color-darker<\/span>:  <span class=\"hljs-selector-id\">#757575<\/span> !<span class=\"hljs-selector-tag\">default<\/span>; \/\/ <span class=\"hljs-selector-tag\">Muted<\/span> <span class=\"hljs-selector-tag\">Texts<\/span>, <span class=\"hljs-selector-tag\">Header<\/span> <span class=\"hljs-selector-tag\">Nav<\/span>, <span class=\"hljs-selector-tag\">Slider<\/span> <span class=\"hljs-selector-tag\">Arrows<\/span>, <span class=\"hljs-selector-tag\">Pagination<\/span> <span class=\"hljs-selector-tag\">etc<\/span>.\r\n$<span class=\"hljs-selector-tag\">color-dark<\/span>:    <span class=\"hljs-selector-id\">#e1e1e1<\/span> !<span class=\"hljs-selector-tag\">default<\/span>; \/\/ <span class=\"hljs-selector-tag\">Borders<\/span>, <span class=\"hljs-selector-tag\">Background<\/span> <span class=\"hljs-selector-tag\">Shape<\/span>\r\n$<span class=\"hljs-selector-tag\">color-light<\/span>:   <span class=\"hljs-selector-id\">#f3f3f3<\/span> !<span class=\"hljs-selector-tag\">default<\/span>; \/\/ <span class=\"hljs-selector-tag\">Body<\/span> <span class=\"hljs-selector-tag\">bg<\/span>, <span class=\"hljs-selector-tag\">Inputs<\/span> <span class=\"hljs-selector-tag\">bg<\/span>\r\n$<span class=\"hljs-selector-tag\">color-lighter<\/span>: <span class=\"hljs-selector-id\">#ffffff<\/span> !<span class=\"hljs-selector-tag\">default<\/span>; \/\/ <span class=\"hljs-selector-tag\">Papers<\/span> <span class=\"hljs-selector-tag\">Bg<\/span> &amp; <span class=\"hljs-selector-tag\">Other<\/span> <span class=\"hljs-selector-tag\">White<\/span> <span class=\"hljs-selector-tag\">Elements<\/span>\r\n\r\n\/\/ <span class=\"hljs-selector-tag\">Buttons<\/span>\r\n$<span class=\"hljs-selector-tag\">btn-default-bg<\/span>: <span class=\"hljs-selector-id\">#000<\/span> !<span class=\"hljs-selector-tag\">default<\/span>;\r\n$<span class=\"hljs-selector-tag\">btn-default-text<\/span>: <span class=\"hljs-selector-id\">#fff<\/span> !<span class=\"hljs-selector-tag\">default<\/span>;\r\n$<span class=\"hljs-selector-tag\">btn-light-bg<\/span>: <span class=\"hljs-selector-id\">#fff<\/span> !<span class=\"hljs-selector-tag\">default<\/span>;\r\n$<span class=\"hljs-selector-tag\">btn-light-text<\/span>: <span class=\"hljs-selector-id\">#000<\/span> !<span class=\"hljs-selector-tag\">default<\/span>;<\/pre>\n<p>For dark version we have used following colors:<\/p>\n<pre class=\"css hljs\">\/\/ <span class=\"hljs-selector-tag\">ColorScheme<\/span> <span class=\"hljs-selector-tag\">Dark<\/span>\r\n$<span class=\"hljs-selector-tag\">color-primary<\/span>: <span class=\"hljs-selector-id\">#d14b4a<\/span> !<span class=\"hljs-selector-tag\">default<\/span>; \/\/ <span class=\"hljs-selector-tag\">Colored<\/span> <span class=\"hljs-selector-tag\">Elements<\/span>\r\n$<span class=\"hljs-selector-tag\">color-darkest<\/span>: <span class=\"hljs-selector-id\">#ffffff<\/span> !<span class=\"hljs-selector-tag\">default<\/span>; \/\/ <span class=\"hljs-selector-tag\">Main<\/span> <span class=\"hljs-selector-tag\">Text<\/span>\r\n$<span class=\"hljs-selector-tag\">color-darker<\/span>:  <span class=\"hljs-selector-id\">#bcbcbc<\/span> !<span class=\"hljs-selector-tag\">default<\/span>; \/\/ <span class=\"hljs-selector-tag\">Muted<\/span> <span class=\"hljs-selector-tag\">Text<\/span>, <span class=\"hljs-selector-tag\">Header<\/span> <span class=\"hljs-selector-tag\">Nav<\/span>, <span class=\"hljs-selector-tag\">Slider<\/span> <span class=\"hljs-selector-tag\">Arrows<\/span>, <span class=\"hljs-selector-tag\">Pagination<\/span> <span class=\"hljs-selector-tag\">etc<\/span>.\r\n$<span class=\"hljs-selector-tag\">color-dark<\/span>:    <span class=\"hljs-selector-id\">#1f1f1f<\/span> !<span class=\"hljs-selector-tag\">default<\/span>; \/\/ <span class=\"hljs-selector-tag\">Borders<\/span>, <span class=\"hljs-selector-tag\">Background<\/span> <span class=\"hljs-selector-tag\">Shape<\/span>\r\n$<span class=\"hljs-selector-tag\">color-light<\/span>:   <span class=\"hljs-selector-id\">#2a2a2a<\/span> !<span class=\"hljs-selector-tag\">default<\/span>; \/\/ <span class=\"hljs-selector-tag\">Body<\/span> <span class=\"hljs-selector-tag\">bg<\/span>, <span class=\"hljs-selector-tag\">Inputs<\/span> <span class=\"hljs-selector-tag\">bg<\/span>\r\n$<span class=\"hljs-selector-tag\">color-lighter<\/span>: <span class=\"hljs-selector-id\">#373737<\/span> !<span class=\"hljs-selector-tag\">default<\/span>; \/\/ <span class=\"hljs-selector-tag\">Papers<\/span> <span class=\"hljs-selector-tag\">Bg<\/span> &amp; <span class=\"hljs-selector-tag\">Other<\/span> <span class=\"hljs-selector-tag\">White<\/span> <span class=\"hljs-selector-tag\">Elements<\/span>\r\n\r\n\/\/ <span class=\"hljs-selector-tag\">Buttons<\/span>\r\n$<span class=\"hljs-selector-tag\">btn-default-bg<\/span>: <span class=\"hljs-selector-id\">#fff<\/span> !<span class=\"hljs-selector-tag\">default<\/span>;\r\n$<span class=\"hljs-selector-tag\">btn-default-text<\/span>: <span class=\"hljs-selector-id\">#000<\/span> !<span class=\"hljs-selector-tag\">default<\/span>;\r\n$<span class=\"hljs-selector-tag\">btn-light-bg<\/span>: <span class=\"hljs-selector-id\">#000<\/span> !<span class=\"hljs-selector-tag\">default<\/span>;\r\n$<span class=\"hljs-selector-tag\">btn-light-text<\/span>: <span class=\"hljs-selector-id\">#fff<\/span> !<span class=\"hljs-selector-tag\">default<\/span><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>For Certy we are using fully customizable color scheme. To help you pick your website colours, here is a list of colour tools and resources. coolors.co paletton.com html color codes html color codes and picker html color codes and names Change theme colors using css Open certy\\assets\\css\\style.css file and find &#8220;Color Scheme&#8221; section and make [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"_links":{"self":[{"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/posts\/49"}],"collection":[{"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":4,"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/posts\/49\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/posts\/49\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/media?parent=49"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/categories?post=49"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/certy-html\/wp-json\/wp\/v2\/tags?post=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}