{"id":2165,"date":"2026-08-26T17:53:42","date_gmt":"2026-08-26T17:53:42","guid":{"rendered":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/?post_type=knowledgebase&p=2165"},"modified":"2026-08-26T20:23:34","modified_gmt":"2026-08-26T20:23:34","slug":"dark-mode","status":"publish","type":"knowledgebase","link":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/db\/themes-dark\/dark-mode\/","title":{"rendered":"Dark Mode"},"content":{"rendered":"
\n

Dark Mode\"Dark<\/span><\/h2>\n

Open Publisher includes a full Dark Mode<\/strong> that transforms the entire application interface into a sleek, eye-comfortable dark palette. The Dark Mode engine is deeply integrated throughout every part of the application – the ribbon, sidebars, canvases, rulers, context menus, modals, and scrollbars all adapt automatically.<\/p>\n

Enabling Dark Mode\"Enabling<\/span><\/h3>\n

Toggle Dark Mode directly from the ribbon. The entire interface smoothly transitions to a dark grey palette ranging from #1a1a1a<\/span> to #2d2d2d<\/span>. Toggle it off at any time to return to the standard light interface.<\/p>\n

Intelligent Icon Brightening\"Intelligent<\/span><\/h3>\n

Standard dark UI elements are not legible against a dark ribbon. Open Publisher’s Dark Mode engine automatically boosts the brightness and saturation of all ribbon icons, labels, and dropdowns by 1.5x when Dark Mode is active, keeping your chosen theme colours rich and vivid while maximising legibility against the dark background.<\/p>\n

Pitch-Black Theme Support\"Pitch-Black<\/span><\/h3>\n

Ultra-dark themes such as Midnight Dark<\/strong> or Notion Black<\/strong> include special fallback logic. Rather than letting elements like the UI Theme label, moon icon, and colour scheme text vanish into the dark ribbon, the engine forcefully snaps them to a crisp #e0e0e0<\/span> white – guaranteeing every element remains legible even at the most extreme end of the darkness spectrum.<\/p>\n

Adaptive Scrollbars\"Adaptive<\/span><\/h3>\n

The scrollbar engine is fully rebuilt for Dark Mode:<\/p>\n

    \n
  • \n

    The scrollbar track flips to dark grey (#2d2d2d<\/span>) in Dark Mode to match the app UI.<\/span><\/p>\n<\/li>\n

  • \n

    Extreme dark themes force the scrollbar drag handle to a clearly visible #777<\/span> grey, so it is never invisible against the dark track.<\/span><\/p>\n<\/li>\n

  • \n

    Bright and neon themes gracefully drop to a translucent dark-grey drag handle in Light Mode so they remain visible, while retaining their vivid theme colours in Dark Mode.<\/span><\/p>\n<\/li>\n<\/ul>\n

    What Adapts in Dark Mode\"What<\/span><\/h3>\n

    Dark Mode is applied comprehensively across the entire application. Every major UI surface is covered:<\/p>\n

      \n
    • \n

      Ribbon & Toolbar –<\/strong> The main ribbon, contextual tabs (Text Box Tools, Picture Tools, WordArt Tools, Table Design, Drawing Tools), and the floating text editing toolbar all adopt the dark grey background automatically.<\/span><\/p>\n<\/li>\n

    • \n

      Sidebars –<\/strong> The Format Picture sidebar, Graphics Manager, Selection Pane, WordArt pane, and all other side panels replace their light-grey backgrounds with the dark acrylic panel colour.<\/span><\/p>\n<\/li>\n

    • \n

      Right-Click Context Menus –<\/strong> All custom context menus switch to dark backgrounds with native hover states, subtle divider lines, and dimmed disabled states.<\/span><\/p>\n<\/li>\n

    • \n

      Modal Windows –<\/strong> Dialogs including the Accessibility Checker, Custom Colour Picker, Clipart Gallery, Export as Image dialog, and Insert Symbol modal all adapt to dark panel backgrounds, dark inputs, and themed borders.<\/span><\/p>\n<\/li>\n

    • \n

      \"What<\/h3>\n

      Clipart Gallery –<\/strong> The gallery grid background, search bar, and section dividers all switch to the dark palette, eliminating white gaps between sections.<\/span><\/p>\n<\/li>\n

    • \n

      Custom Colour Picker –<\/strong> The colour picker window, tabs, hex input, RGB spinners, swatches, and gradient canvas all inherit dark mode styling.<\/span><\/p>\n<\/li>\n

    • \n

      Delete Buttons –<\/strong> Delete buttons automatically brighten to a readable pastel red in Dark Mode, ensuring they remain clearly visible against the dark ribbon.<\/span><\/p>\n<\/li>\n

    • \n

      Dropdown Menus –<\/strong> Ribbon dropdowns dynamically detect if they would render outside the browser window and invert their alignment to stay fully on-screen.<\/span><\/p>\n<\/li>\n<\/ul>\n

      Bright Theme Compatibility\"Bright<\/span><\/h3>\n

      Dark Mode works in combination with all 100+ UI themes, including high-brightness themes like Snapchat Yellow. When a bright theme is active alongside Dark Mode, the engine detects the conflict and intelligently inverts text colours on buttons, labels, and navigation items to maintain strict contrast – so you never end up with white text on a yellow button or dark text disappearing into a dark panel.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

      Dark Mode Open Publisher includes a full Dark Mode that transforms the entire application interface into a sleek, eye-comfortable dark palette. The Dark Mode engine is deeply integrated throughout every part of the application – the ribbon, sidebars, canvases, rulers, context menus, modals, and scrollbars all adapt automatically. Enabling Dark Mode Toggle Dark Mode directly […]<\/p>\n","protected":false},"author":1,"featured_media":2191,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[27],"class_list":["post-2165","knowledgebase","type-knowledgebase","status-publish","has-post-thumbnail","hentry","knowledgebase_cat-themes-dark"],"_links":{"self":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/2165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/comments?post=2165"}],"version-history":[{"count":22,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/2165\/revisions"}],"predecessor-version":[{"id":2196,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/2165\/revisions\/2196"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media\/2191"}],"wp:attachment":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media?parent=2165"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase_cat?post=2165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}