ONLYOFFICE Docs lets you pick a comfortable interface theme to adapt to your environment: Light, Classic Light, Dark, and newly introduced Dark Contrast theme.&nbsp;

#post_title

<p>ONLYOFFICE Docs and ONLYOFFICE Desktop Editors let you pick a comfortable interface theme (color mode), to adapt to your environment: Light, Classic Light, Dark, and newly introduced Dark Contrast theme. Read on to learn more.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-41225 img-popup" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/interface-color-modes-in-ONLYOFFICE-Docs-2x.jpg" alt="How to change interface theme in ONLYOFFICE editors" width="1472" height="742" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/interface-color-modes-in-ONLYOFFICE-Docs-2x.jpg 1472w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/interface-color-modes-in-ONLYOFFICE-Docs-2x-300x151.jpg 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/interface-color-modes-in-ONLYOFFICE-Docs-2x-1024x516.jpg 1024w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/interface-color-modes-in-ONLYOFFICE-Docs-2x-768x387.jpg 768w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/interface-color-modes-in-ONLYOFFICE-Docs-2x-634x320.jpg 634w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/interface-color-modes-in-ONLYOFFICE-Docs-2x-353x178.jpg 353w" sizes="(max-width: 1472px) 100vw, 1472px" /><br />
</p>
<h2>Available interface themes</h2>
<p>At the moment, in <a href="https://www.onlyoffice.com/office-suite.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=color_themes" target="_blank" rel="noopener">ONLYOFFICE Docs</a> and <a href="https://www.onlyoffice.com/desktop.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=color_themes" target="_blank" rel="noopener">ONLYOFFICE Desktop Editors</a> there are four interface themes to choose from, each having different colors of buttons, backgrounds, and other interface elements.</p>
<p>The light themes are generally suited for the well-lit environments as the darker texts and shapes on the light background bring the needed contrast, while the dark themes have darker, calm shades perfect for nighttime or dim environments.</p>
<h2>Classic light</h2>
<p>Classic light theme is the default theme of the ONLYOFFICE editors interface, featuring shades of light grey and white with occasional blue tint.</p>
<p><img decoding="async" loading="lazy" class="img-popup aligncenter wp-image-41237" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/2-2.png" alt="How to change interface theme in ONLYOFFICE editors" width="760" height="432" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/2-2.png 1440w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/2-2-300x171.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/2-2-1024x582.png 1024w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/2-2-768x437.png 768w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/2-2-313x178.png 313w" sizes="(max-width: 760px) 100vw, 760px" /></p>
<h2>Light</h2>
<p>The Light theme is lighter than the classic variant, with more distinct contrast between the texts and the backgrounds.</p>
<p><img decoding="async" loading="lazy" class="img-popup aligncenter wp-image-41249" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/1-4.png" alt="How to change interface theme in ONLYOFFICE editors" width="760" height="433" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/1-4.png 1440w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/1-4-300x171.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/1-4-1024x583.png 1024w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/1-4-768x437.png 768w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/1-4-313x178.png 313w" sizes="(max-width: 760px) 100vw, 760px" /></p>
<h2>Dark</h2>
<p>Dark theme mainly features the darker shades of grey, while the document canvas remains intact. It is generally close to a classic variant of Dark theme (also called Dark Mode) in most apps.</p>
<p><img decoding="async" loading="lazy" class="img-popup aligncenter wp-image-41260" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/3-2.png" alt="How to change interface theme in ONLYOFFICE editors" width="760" height="433" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/3-2.png 1440w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/3-2-300x171.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/3-2-1024x583.png 1024w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/3-2-768x437.png 768w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/3-2-313x178.png 313w" sizes="(max-width: 760px) 100vw, 760px" /></p>
<h2>Dark Contrast</h2>
<p>Since version 7.2, you can also choose the Dark Contrast theme. This modification of the Dark theme has been requested by many users who craved a more contrasting version. This theme has even darker shades, while the working surface is almost black.</p>
<p><img decoding="async" loading="lazy" class="img-popup aligncenter wp-image-41271" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/4-2.png" alt="How to change interface theme in ONLYOFFICE editors" width="760" height="432" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/4-2.png 1440w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/4-2-300x171.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/4-2-1024x582.png 1024w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/4-2-768x437.png 768w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/4-2-313x178.png 313w" sizes="(max-width: 760px) 100vw, 760px" /></p>
<h2>Document canvas theme</h2>
<p>Dark document mode changes the document canvas color to dark grey, and adjusts the text colors to keep them visible and comfortable to read.</p>
<p><img decoding="async" loading="lazy" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/5-2.png" alt="How to change interface theme in ONLYOFFICE editors" width="1440" height="817" class="aligncenter size-full wp-image-41295 img-popup" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/5-2.png 1440w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/5-2-300x170.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/5-2-1024x581.png 1024w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/5-2-768x436.png 768w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/5-2-314x178.png 314w" sizes="(max-width: 1440px) 100vw, 1440px" /></p>
<p>Keep in mind that it is just an interface feature, and the colors of the document will stay in the original colorway. If you have full-color elements in the document, we advise you to check how it looks with the mode turned off before sharing or printing.</p>
<p>You can enable Dark document theme in the View tab when you have Dark or Dark Contrast theme on.</p>
<h2>How to change the theme</h2>
<p>There are two ways to change the interface theme, which are the same for ONLYOFFICE Docs and ONLYOFFICE Desktop editors:</p>
<p><strong>In Advanced Settings</strong>: Go to <em>File &gt;&gt; Advanced Settings &gt;&gt; Workspace &gt;&gt; Interface theme</em>.</p>
<p><strong>In the View tab</strong>: Go to <em>View &gt;&gt; Interface theme</em>.</p>
<p>When choosing an interface theme, you can also enable Same as system option to make the editors follow your device theme settings.</p>
<h2>Get the latest version of ONLYOFFICE editors</h2>
<p>All interface themes are already available in the latest versions of ONLYOFFICE Docs and ONLYOFFICE Desktop Ediors:</p>
<p style="text-align: center;"><u></u><u><a class="red button" href="https://personal.onlyoffice.com/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=color_themes" target="_blank" rel="noopener">TRY IN THE CLOUD</a></u>              <u></u><u><a class="red button" href="https://www.onlyoffice.com/download-desktop.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=color_themes#desktop" target="_blank" rel="noopener">Download for desktop</a></u></p>
<div class="useful-links">
<h3>Useful links</h3>
<p><a href="/blog/?p=38968&#038;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=color_themes" target="_blank" rel="noopener">What’s new in ONLYOFFICE Docs version 7.2 </a></p>
<p>Read on Medium: <a href="https://medium.com/onlyoffice/how-we-created-interface-themes-for-onlyoffice-docs-cd37bb7afb3b?postPublishedType=initial" rel="noopener" target="_blank">How we created interface themes for ONLYOFFICE Docs</a></p>
<p><a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/Editors-User-Guides/AllEditors/Accessibility.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=color_themes" target="_blank" rel="noopener">Accessibility of ONLYOFFICE editors</a></p>
<p>Guide to ONLYOFFICE Docs Developer Edition: <a href="https://helpcenter.onlyoffice.com/installation/docs-developer-change-theme.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=color_themes" target="_blank" rel="noopener">How to set a custom interface theme</a></div>

How to change interface theme in ONLYOFFICE editors

Recent posts

Use ONLYOFFICE macro to analyze spreadsheet data

Back to school 2023 with ONLYOFFICE: discounts for education

Best AI writers 2023