The Restyle feature is available for\u00a0<\/span>HCL Nomad<\/a>\u00a0<\/span>1.0.5, English only and\u00a0<\/span>Notes<\/a>\u00a0<\/span>12.0.2, with language support.\u00a0Thanks to HCL\u2019s demo at\u00a0<\/span>CollabSphere\u00a0<\/span><\/a><\/strong>a few months ago we were able to get a sense of how easy it is to use.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.17.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.17.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_text quote_border_weight=”14px” quote_border_color=”#811937″ _builder_version=”4.20.2″ link_font=”||||||||” quote_font=”|700|||||||” quote_text_color=”#000000″ quote_font_size=”18px” quote_line_height=”1.8em” header_font=”||||||||” header_2_font=”|700|||||||” header_2_font_size=”25px” header_2_line_height=”1.5em” max_width=”700px” max_width_tablet=”” max_width_phone=”” max_width_last_edited=”on|tablet” header_2_font_size_tablet=”30px” header_2_font_size_phone=”15px” header_2_font_size_last_edited=”on|desktop” locked=”off” global_colors_info=”{}” header_font_size__hover=”30px” header_font_size__hover_enabled=”30px” header_letter_spacing__hover=”0px” header_letter_spacing__hover_enabled=”0px” header_text_shadow_style__hover=”none” header_text_shadow_style__hover_enabled=”none” header_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” header_2_font_size__hover=”26px” header_2_font_size__hover_enabled=”26px” header_2_letter_spacing__hover=”0px” header_2_letter_spacing__hover_enabled=”0px” header_2_line_height__hover=”1em” header_2_line_height__hover_enabled=”1em” header_2_text_shadow_style__hover=”none” header_2_text_shadow_style__hover_enabled=”none” header_2_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_2_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” header_3_font_size__hover=”22px” header_3_font_size__hover_enabled=”22px” header_3_letter_spacing__hover=”0px” header_3_letter_spacing__hover_enabled=”0px” header_3_line_height__hover=”1em” header_3_line_height__hover_enabled=”1em” header_3_text_shadow_style__hover=”none” header_3_text_shadow_style__hover_enabled=”none” header_3_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_3_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” header_4_font_size__hover=”18px” header_4_font_size__hover_enabled=”18px” header_4_letter_spacing__hover=”0px” header_4_letter_spacing__hover_enabled=”0px” header_4_line_height__hover=”1em” header_4_line_height__hover_enabled=”1em” header_4_text_shadow_style__hover=”none” header_4_text_shadow_style__hover_enabled=”none” header_4_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_4_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” header_5_font_size__hover=”16px” header_5_font_size__hover_enabled=”16px” header_5_letter_spacing__hover=”0px” header_5_letter_spacing__hover_enabled=”0px” header_5_line_height__hover=”1em” header_5_line_height__hover_enabled=”1em” header_5_text_shadow_style__hover=”none” header_5_text_shadow_style__hover_enabled=”none” header_5_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_5_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” header_6_font_size__hover=”14px” header_6_font_size__hover_enabled=”14px” header_6_letter_spacing__hover=”0px” header_6_letter_spacing__hover_enabled=”0px” header_6_line_height__hover=”1em” header_6_line_height__hover_enabled=”1em” header_6_text_shadow_style__hover=”none” header_6_text_shadow_style__hover_enabled=”none” header_6_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_6_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” text_letter_spacing__hover=”0px” text_letter_spacing__hover_enabled=”0px” text_text_shadow_style__hover=”none” text_text_shadow_style__hover_enabled=”none” text_text_shadow_color__hover=”rgba(0,0,0,0.4)” text_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)”]<\/p>\n [\/et_pb_text][et_pb_text _builder_version=”4.20.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n HCL Domino<\/a>\u00a0<\/span>allows you to easily restyle your existing applications through the use of templates and themes.<\/p>\n One popular template is the discussion template, but it can appear dated due to its soft green color scheme and background images. In this article, we will show you how to restyle the discussion template with a new color scheme using the Creamy Taupe and Indigo theme, as well as the Colorful Action Bar scheme.<\/p>\n [\/et_pb_text][et_pb_image src=”https:\/\/www.prominic.net\/wp-content\/uploads\/2023\/04\/Domino-Restyle-1.png” alt=”Domino Restyle Nomad” title_text=”Domino Restyle 1″ align=”center” _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.19.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n To begin, it is important to make a copy of the original template before making any changes in order to test out any alterations without affecting the real application. It is also important to break the inheritance to avoid any confusion or loss of data.<\/p>\n The restyling process starts by accessing the Restyle menu option through the File menu or right-click menu. Once selected, the Restyle dialog box will appear. The first step is to select the theme and color scheme, which include Neutral Gray, Creamy Taupe, and Seabreeze themes, and seven color options for the Colorful Action Bar scheme.<\/p>\n Once a theme and color scheme are selected, the next step is to confirm the mapping of the different areas of the template, such as the title page and the embedded outline. Domino makes educated guesses based on the forms and pages within the application, but users can also manually confirm these mappings if desired.<\/p>\n Finally, the user is asked to confirm the settings, which includes the option to map existing background colors of tables to a similar color defined in the theme. This ensures consistency throughout the application.<\/p>\n By following these simple steps, you can easily restyle your Domino applications to give them a fresh, modern look and feel.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.19.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.5″ _module_preset=”default” global_colors_info=”{}”][et_pb_text quote_border_weight=”14px” quote_border_color=”#811937″ _builder_version=”4.20.2″ link_font=”||||||||” quote_font=”|700|||||||” quote_text_color=”#000000″ quote_font_size=”18px” quote_line_height=”1.8em” header_font=”||||||||” header_2_font=”|700|||||||” header_2_font_size=”25px” header_2_line_height=”1.5em” max_width=”700px” max_width_tablet=”” max_width_phone=”” max_width_last_edited=”on|tablet” header_2_font_size_tablet=”30px” header_2_font_size_phone=”15px” header_2_font_size_last_edited=”on|desktop” locked=”off” global_colors_info=”{}” header_font_size__hover=”30px” header_font_size__hover_enabled=”30px” header_letter_spacing__hover=”0px” header_letter_spacing__hover_enabled=”0px” header_text_shadow_style__hover=”none” header_text_shadow_style__hover_enabled=”none” header_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” header_2_font_size__hover=”26px” header_2_font_size__hover_enabled=”26px” header_2_letter_spacing__hover=”0px” header_2_letter_spacing__hover_enabled=”0px” header_2_line_height__hover=”1em” header_2_line_height__hover_enabled=”1em” header_2_text_shadow_style__hover=”none” header_2_text_shadow_style__hover_enabled=”none” header_2_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_2_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” header_3_font_size__hover=”22px” header_3_font_size__hover_enabled=”22px” header_3_letter_spacing__hover=”0px” header_3_letter_spacing__hover_enabled=”0px” header_3_line_height__hover=”1em” header_3_line_height__hover_enabled=”1em” header_3_text_shadow_style__hover=”none” header_3_text_shadow_style__hover_enabled=”none” header_3_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_3_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” header_4_font_size__hover=”18px” header_4_font_size__hover_enabled=”18px” header_4_letter_spacing__hover=”0px” header_4_letter_spacing__hover_enabled=”0px” header_4_line_height__hover=”1em” header_4_line_height__hover_enabled=”1em” header_4_text_shadow_style__hover=”none” header_4_text_shadow_style__hover_enabled=”none” header_4_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_4_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” header_5_font_size__hover=”16px” header_5_font_size__hover_enabled=”16px” header_5_letter_spacing__hover=”0px” header_5_letter_spacing__hover_enabled=”0px” header_5_line_height__hover=”1em” header_5_line_height__hover_enabled=”1em” header_5_text_shadow_style__hover=”none” header_5_text_shadow_style__hover_enabled=”none” header_5_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_5_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” header_6_font_size__hover=”14px” header_6_font_size__hover_enabled=”14px” header_6_letter_spacing__hover=”0px” header_6_letter_spacing__hover_enabled=”0px” header_6_line_height__hover=”1em” header_6_line_height__hover_enabled=”1em” header_6_text_shadow_style__hover=”none” header_6_text_shadow_style__hover_enabled=”none” header_6_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_6_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” text_letter_spacing__hover=”0px” text_letter_spacing__hover_enabled=”0px” text_text_shadow_style__hover=”none” text_text_shadow_style__hover_enabled=”none” text_text_shadow_color__hover=”rgba(0,0,0,0.4)” text_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)”]<\/p>\n [\/et_pb_text][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n One of the significant benefits of Restyle is the\u00a0<\/span>ability to experiment with different color schemes<\/strong>. If you decide that you don\u2019t like the colors you\u2019ve selected, you can easily go back to the original template and restyle it as many times as you want. Restyle remembers the history of the color schemes that you\u2019ve tried, making it easier to switch back and forth between different options.<\/span><\/p>\n [\/et_pb_text][et_pb_image src=”https:\/\/www.prominic.net\/wp-content\/uploads\/2023\/04\/Domino-Restyle.png” alt=”Domino Restyle Color Scheme” title_text=”Domino Restyle” align=”center” _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n Domino Restyle provides seven different color options, including orange, indigo, lime, blue, purple, and pink. These colors complement each other well and can be used together in applications. The tool also provides three different theme colors: creamy taupe, neutral gray, and seabreeze. These colors are used to apply color to specific design elements, such as text color or background options.<\/p>\n Restyle\u2019s\u00a0<\/span>theming options<\/strong>\u00a0<\/span>provide a range of different looks for an application, including colorful action bar, simple, and dark outline. The options differ in how they apply color to different elements of the application, such as the action bar. For example, the colorful action bar applies the application color to the action bar, while the simple option uses white, and the dark outline uses a darker color.<\/p>\n Color mapping<\/strong>\u00a0<\/span>is another feature of Domino Restyle, which assigns a color palette to each theme. This allows for colors to be specially tweaked to work with the background color of that theme, ensuring that the colors used in the application are cohesive and complementary.<\/p>\n In order to use Domino Restyle, you need\u00a0<\/span>Designer\u00a0<\/span><\/strong>or better access, and you need to break the inheritance of the template you\u2019re working with. Restyle provides a framework for a design language, which includes different ways of applying text color and background options, to make the customization of an application easier and more efficient.<\/p>\n Domino Restyle gives you a powerful tool for customizing\u00a0<\/span>Notes and Domino applications<\/a>. Its ability to change the look and feel of an application, including the color scheme, makes it easy to create a unique and cohesive application that meets your specific needs.<\/p>\n Take it for a spin and\u00a0<\/span>let us know what you think\u00a0<\/span><\/a>about it.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":" Over the past few years, HCL has received feedback from customers and business partners about the difficulties they face when modernizing their Domino apps. The most common complaint was that the app works fine but looks outdated. The need to create a tool to help modernize the UI of an app\u00a0 without much time and […]<\/p>\n","protected":false},"author":27,"featured_media":242050,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"\n Over the past few years, HCL has received feedback from customers and business partners about the difficulties they face when modernizing their Domino apps. The most common complaint was that the app works fine but looks outdated. The need to create a tool to help modernize the UI of an app without much time and effort became apparent, so Domino Restyle<\/strong> was created. With just a few clicks, your app can look like it was built today rather than decades ago. And the best part? It won't affect the logic or content of your code, and it only takes five minutes to implement.<\/p>\n\n\n\n The Restyle feature is available for HCL Nomad<\/a> 1.0.5, English only and Notes<\/a> 12.0.2, with language support. Thanks to HCL's demo at CollabSphere <\/a><\/strong>a few months ago we were able to get a sense of how easy it is to use.<\/p>\n\n\n\n <\/p>\n\n\n\n HCL Domino<\/a> allows you to easily restyle your existing applications through the use of templates and themes.<\/p>\n\n\n\n One popular template is the discussion template, but it can appear dated due to its soft green color scheme and background images. In this article, we will show you how to restyle the discussion template with a new color scheme using the Creamy Taupe and Indigo theme, as well as the Colorful Action Bar scheme.<\/p>\n\n\n\n <\/p>\n\n\n\n To begin, it is important to make a copy of the original template before making any changes in order to test out any alterations without affecting the real application. It is also important to break the inheritance to avoid any confusion or loss of data.<\/p>\n\n\n\n The restyling process starts by accessing the Restyle menu option through the File menu or right-click menu. Once selected, the Restyle dialog box will appear. The first step is to select the theme and color scheme, which include Neutral Gray, Creamy Taupe, and Seabreeze themes, and seven color options for the Colorful Action Bar scheme.<\/p>\n\n\n\n Once a theme and color scheme are selected, the next step is to confirm the mapping of the different areas of the template, such as the title page and the embedded outline. Domino makes educated guesses based on the forms and pages within the application, but users can also manually confirm these mappings if desired.<\/p>\n\n\n\n Finally, the user is asked to confirm the settings, which includes the option to map existing background colors of tables to a similar color defined in the theme. This ensures consistency throughout the application.<\/p>\n\n\n\n By following these simple steps, you can easily restyle your Domino applications to give them a fresh, modern look and feel.<\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n One of the significant benefits of Restyle is the ability to experiment with different color schemes<\/strong>. If you decide that you don't like the colors you've selected, you can easily go back to the original template and restyle it as many times as you want. Restyle remembers the history of the color schemes that you've tried, making it easier to switch back and forth between different options.<\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n Restyle provides seven different color options, including orange, indigo, lime, blue, purple, and pink. These colors complement each other well and can be used together in applications. The tool also provides three different theme colors: creamy taupe, neutral gray, and seabreeze. These colors are used to apply color to specific design elements, such as text color or background options.<\/p>\n\n\n\n Restyle's theming options<\/strong> provide a range of different looks for an application, including colorful action bar, simple, and dark outline. The options differ in how they apply color to different elements of the application, such as the action bar. For example, the colorful action bar applies the application color to the action bar, while the simple option uses white, and the dark outline uses a darker color.<\/p>\n\n\n\n Color mapping<\/strong> is another feature of Restyle, which assigns a color palette to each theme. This allows for colors to be specially tweaked to work with the background color of that theme, ensuring that the colors used in the application are cohesive and complementary.<\/p>\n\n\n\n In order to use Restyle, you need Designer <\/strong>or better access, and you need to break the inheritance of the template you're working with. Restyle provides a framework for a design language, which includes different ways of applying text color and background options, to make the customization of an application easier and more efficient.<\/p>\n\n\n\n Restyle gives you a powerful tool for customizing Notes and Domino applications<\/a>. Its ability to change the look and feel of an application, including the color scheme, makes it easy to create a unique and cohesive application that meets your specific needs. <\/p>\n\n\n\n\n
Updating templates in 3 easy steps<\/h2>\n<\/blockquote>\n
<\/ul>\n
\n
More on working with colors in Restyle<\/h2>\n<\/blockquote>\n
<\/p>\n\n\n\nUpdating templates in 3 easy steps<\/h2>\n\n\n\n
![\"\"\/](\"https:\/\/lh3.googleusercontent.com\/-3GUKqQE2iaU28atDCYl4uZ-eRT1NDECcbhlGgTqPKMU0zZZgtvNc0m7p2JVG6TbWjqVzwYqcAahRTrX9djoSMQTsQJomtb35F9aUydMXzxQDHVqzO3PQSlyx98czRo9s19geYPiBZNapjTS0oeYCZM\")
More on working with colors in Restyle<\/h2>\n\n\n\n
![\"\"\/](\"https:\/\/lh4.googleusercontent.com\/ppePFrW_oTvCxCLnpgmuwRSVka54t9xI6PO5cK3cIUf0Dbk5GnGCRf2yCYan5B2TnzFcxeh02UALU8S9RePdYITKzAUrPhHmpdWOO6Rx32-4355mwwMzUTbRRQKvXtt_KYG0ds3IMBAymxAuzRHKyyw\")