{"id":10227,"date":"2023-07-27T11:33:28","date_gmt":"2023-07-27T17:33:28","guid":{"rendered":"http:\/\/www.mrc-productivity.com\/techblog\/?p=10227"},"modified":"2023-07-27T13:34:46","modified_gmt":"2023-07-27T19:34:46","slug":"m-painter-editor-theme-background","status":"publish","type":"ht_kb","link":"https:\/\/www.mrc-productivity.com\/techblog\/?ht_kb=m-painter-editor-theme-background","title":{"rendered":"m-Painter Editor Theme Background"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p>This post details how to change the default background color and theme of the mrc Editor Theme, which controls the appearance of the HTML source code within m-Painter.<\/p>\n\n\n\n<p>The default theme is set per data dictionary. Additionally, developers have the option to individually set their theme preference, if different from the dictionary default. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dictionary Configuration<\/h2>\n\n\n\n<p>This default appearance of the mrc Editor Theme can be changed and customized to in the Admin Menu&#8211;&gt;Dictionary Configuration&#8211;&gt; Interface and Build Settings. <\/p>\n\n\n\n<p>Find the mrc Editor Theme in the General Settings tab, as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.mrc-productivity.com\/techblog\/images\/editortheme1.jpg\" alt=\"\"\/><figcaption class=\"wp-element-caption\">Figure 1: Changing the mrc Editor Theme default color scheme.<\/figcaption><\/figure>\n\n\n\n<p>Each of the three options, vs, vs-dark, and hc-black are shown in the following images. Click on each image to enlarge the photo in the current browser tab.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"\/techblog\/images\/editortheme3.jpg\"><img decoding=\"async\" src=\"\/techblog\/images\/editortheme3.jpg\" alt=\"\"\/><\/a><figcaption class=\"wp-element-caption\">vs<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"\/techblog\/images\/editortheme2.jpg\"><img decoding=\"async\" src=\"\/techblog\/images\/editortheme2.jpg\" alt=\"\"\/><\/a><figcaption class=\"wp-element-caption\">vs-dark<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"\/techblog\/images\/editortheme4.jpg\"><img decoding=\"async\" src=\"\/techblog\/images\/editortheme4.jpg\" alt=\"\"\/><\/a><figcaption class=\"wp-element-caption\">hc-black<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p>Whatever option is selected will be the default theme presented to any developer whenever they open the HTML source of an m-Power application. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Developer Configuration<\/h2>\n\n\n\n<p>In the event that individual developers want to use a theme that differs from the default setting above, the appearance of the mrc Editor Theme can be changed on a per developer basis. <\/p>\n\n\n\n<p>To do this, open m-Painter for any application and go View -&gt; Source. In the top-right corner of the screen, there is an Editor Theme option. Set this to whatever theme is desired. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"\/techblog\/images\/editortheme5.jpg\" alt=\"\"\/><figcaption class=\"wp-element-caption\">Figure 5: <em>Changing the mrc Editor Theme as a developer in m-Painter<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon\">This value will save via a cookie in the browser to remember the developer&#8217;s theme preference that was specified.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview This post details how to change the default background color and theme of the mrc Editor Theme, which controls the appearance of the HTML source code within m-Painter. The default theme is set per data dictionary. Additionally, developers have the option to individually set their theme preference, if different&#8230;<\/p>\n","protected":false},"author":12,"comment_status":"closed","ping_status":"open","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[153],"ht-kb-tag":[],"class_list":["post-10227","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-general"],"_links":{"self":[{"href":"https:\/\/www.mrc-productivity.com\/techblog\/index.php?rest_route=\/wp\/v2\/ht-kb\/10227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mrc-productivity.com\/techblog\/index.php?rest_route=\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mrc-productivity.com\/techblog\/index.php?rest_route=\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/techblog\/index.php?rest_route=\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/techblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10227"}],"version-history":[{"count":14,"href":"https:\/\/www.mrc-productivity.com\/techblog\/index.php?rest_route=\/wp\/v2\/ht-kb\/10227\/revisions"}],"predecessor-version":[{"id":11984,"href":"https:\/\/www.mrc-productivity.com\/techblog\/index.php?rest_route=\/wp\/v2\/ht-kb\/10227\/revisions\/11984"}],"wp:attachment":[{"href":"https:\/\/www.mrc-productivity.com\/techblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10227"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/techblog\/index.php?rest_route=%2Fwp%2Fv2%2Fht-kb-category&post=10227"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/techblog\/index.php?rest_route=%2Fwp%2Fv2%2Fht-kb-tag&post=10227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}