{"id":83,"date":"2020-04-01T11:04:49","date_gmt":"2020-04-01T11:04:49","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/hulk\/?page_id=83"},"modified":"2020-04-13T11:45:06","modified_gmt":"2020-04-13T11:45:06","slug":"themes","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/hulk\/themes\/","title":{"rendered":"Themes"},"content":{"rendered":"\n<p> <strong>Hulk<\/strong> have 4 predefined themes which you can see under the <code>src->constants->appConfig.js<\/code> file:  <\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">const AppConfig = {\n     \u2026\n     \u2026\n     lightThemeColors: {\n         'primary': '#4d7df2',\n         \u2026\n         \u2026\n         'black':'#000000'\n     },\n     tealThemeColors: {\n         'primary': '#028484',\n         \u2026\n         \u2026\n         'black':'#000000'\n     },\n     violetThemeColors: {\n         'primary': '#53419A',\n         \u2026\n         \u2026\n         'black':'#000000'\n     },\n     darkThemeColors: {\n         'primary': '#4d7df2',\n         \u2026\n         \u2026\n         'black':'#000000'\n     }\n     \u2026\n     \u2026\n }    <\/pre>\n\n\n\n<p> If you want to change the theme then you can write <code>light-theme, dark-theme,teal-theme,violet-theme<\/code> for light , dark, teal and violet respectively  &amp; use <strong>theme name<\/strong>  to override the value of <code>selectedThemeColor<\/code> in the same file as is given in the below screenshot:  <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"491\" height=\"73\" src=\"https:\/\/docs.theironnetwork.org\/hulk\/wp-content\/uploads\/sites\/13\/2020\/04\/2020-04-06_12-53-58.png\" alt=\"\" class=\"wp-image-140\" srcset=\"https:\/\/docs.theironnetwork.org\/hulk\/wp-content\/uploads\/sites\/13\/2020\/04\/2020-04-06_12-53-58.png 491w, https:\/\/docs.theironnetwork.org\/hulk\/wp-content\/uploads\/sites\/13\/2020\/04\/2020-04-06_12-53-58-300x45.png 300w\" sizes=\"(max-width: 491px) 100vw, 491px\" \/><figcaption>c<\/figcaption><\/figure>\n\n\n\n<p>If you want some other theme then you can pass their a class like: dark-theme etc.<\/p>\n\n\n\n<p>That\u2019s all about the Theme\u2019s in the <strong>Hulk<\/strong> template.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hulk have 4 predefined themes which you can see under the src->constants->appConfig.js file: const AppConfig = { \u2026 \u2026 lightThemeColors: { &#8216;primary&#8217;: &#8216;#4d7df2&#8217;, \u2026 \u2026 &#8216;black&#8217;:&#8217;#000000&#8242; }, tealThemeColors: { &#8216;primary&#8217;: &#8216;#028484&#8217;, \u2026 \u2026 &#8216;black&#8217;:&#8217;#000000&#8242; }, violetThemeColors: { &#8216;primary&#8217;: &#8216;#53419A&#8217;, \u2026 \u2026 &#8216;black&#8217;:&#8217;#000000&#8242; }, darkThemeColors: { &#8216;primary&#8217;: &#8216;#4d7df2&#8217;, \u2026 \u2026 &#8216;black&#8217;:&#8217;#000000&#8242; } \u2026 \u2026 } If [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":23,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/pages\/83"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":16,"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":149,"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/pages\/83\/revisions\/149"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/media?parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}