{"id":305,"date":"2019-03-09T01:18:14","date_gmt":"2019-03-09T01:18:14","guid":{"rendered":"http:\/\/storyist.com\/blog\/?p=305"},"modified":"2019-03-09T01:18:14","modified_gmt":"2019-03-09T01:18:14","slug":"dark-mode-tips","status":"publish","type":"post","link":"https:\/\/storyist.com\/blog\/2019\/03\/dark-mode-tips\/","title":{"rendered":"Dark Mode Tips"},"content":{"rendered":"<h1>Dark Mode Tips<\/h1>\n<p>A few people have written to ask how I created the dark mode screenshots for the <a href=\"http:\/\/storyist.com\/blog\/2019\/01\/storyist-4-sneak-peek\/\">Storyist 4 Sneak Peek<\/a> post. Now that Storyist 4 is out, I thought I&#8217;d take a moment to describe that process (it&#8217;s straightforward) and offer some tips for using dark mode on Mojave.<\/p>\n<p>In short, to create the screenshots, I simply combined different standard accent colors and desktop pictures.<\/p>\n<p><strong>Choosing the Accent Color and Desktop Picture<\/strong><\/p>\n<p>Mojave lets you choose the accent color that is used to tint the buttons and other controls in the system. You&#8217;ll find the setting in the General pane of the System Preferences window. The choices are Blue, Purple, Pink, Red, Orange, Yellow, Green, and Graphite.<\/p>\n<div data-carousel-extra='{\"blog_id\":1,\"permalink\":\"https:\\\/\\\/storyist.com\\\/blog\\\/2019\\\/03\\\/dark-mode-tips\\\/\"}' id='gallery-1' class='gallery galleryid-305 gallery-columns-1 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/storyist.com\/blog\/2019\/03\/dark-mode-tips\/accentcolor\/'><img width=\"296\" height=\"300\" src=\"https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/AccentColor.png?fit=296%2C300&amp;ssl=1\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-1-307\" srcset=\"https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/AccentColor.png?w=1560&amp;ssl=1 1560w, https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/AccentColor.png?resize=148%2C150&amp;ssl=1 148w, https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/AccentColor.png?resize=296%2C300&amp;ssl=1 296w, https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/AccentColor.png?resize=1011%2C1024&amp;ssl=1 1011w, https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/AccentColor.png?resize=1200%2C1215&amp;ssl=1 1200w\" sizes=\"(max-width: 296px) 85vw, 296px\" data-attachment-id=\"307\" data-permalink=\"https:\/\/storyist.com\/blog\/2019\/03\/dark-mode-tips\/accentcolor\/\" data-orig-file=\"https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/AccentColor.png?fit=1560%2C1580&amp;ssl=1\" data-orig-size=\"1560,1580\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Accent Color\" data-image-description=\"\" data-medium-file=\"https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/AccentColor.png?fit=296%2C300&amp;ssl=1\" data-large-file=\"https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/AccentColor.png?fit=840%2C851&amp;ssl=1\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-307'>\n\t\t\t\tChoosing the accent color.\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>The desktop pictures are available in the Desktop &amp; Screensaver pane. Not surprisingly, Apple provides desktop pictures that look great with the different accent color options.<\/p>\n<div data-carousel-extra='{\"blog_id\":1,\"permalink\":\"https:\\\/\\\/storyist.com\\\/blog\\\/2019\\\/03\\\/dark-mode-tips\\\/\"}' id='gallery-2' class='gallery galleryid-305 gallery-columns-1 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/storyist.com\/blog\/2019\/03\/dark-mode-tips\/desktopandscreensaver\/'><img width=\"300\" height=\"259\" src=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/DesktopAndScreensaver.png?fit=300%2C259&amp;ssl=1\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-2-308\" srcset=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/DesktopAndScreensaver.png?w=1560&amp;ssl=1 1560w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/DesktopAndScreensaver.png?resize=150%2C130&amp;ssl=1 150w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/DesktopAndScreensaver.png?resize=300%2C259&amp;ssl=1 300w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/DesktopAndScreensaver.png?resize=1024%2C885&amp;ssl=1 1024w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/DesktopAndScreensaver.png?resize=1200%2C1037&amp;ssl=1 1200w\" sizes=\"(max-width: 300px) 85vw, 300px\" data-attachment-id=\"308\" data-permalink=\"https:\/\/storyist.com\/blog\/2019\/03\/dark-mode-tips\/desktopandscreensaver\/\" data-orig-file=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/DesktopAndScreensaver.png?fit=1560%2C1348&amp;ssl=1\" data-orig-size=\"1560,1348\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Desktop &#038; Screensaver\" data-image-description=\"\" data-medium-file=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/DesktopAndScreensaver.png?fit=300%2C259&amp;ssl=1\" data-large-file=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/DesktopAndScreensaver.png?fit=840%2C726&amp;ssl=1\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-2-308'>\n\t\t\t\tChoosing the desktop image.\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>For the screenshots, I chose:<\/p>\n<ul>\n<li>The blue accent color with Mojave Night.<\/li>\n<li>The purple accent color with Flower 4.<\/li>\n<li>The orange accent color with Flower 5.<\/li>\n<li>The pink accent color with Flower 7.<\/li>\n<\/ul>\n<div data-carousel-extra='{\"blog_id\":1,\"permalink\":\"https:\\\/\\\/storyist.com\\\/blog\\\/2019\\\/03\\\/dark-mode-tips\\\/\"}' id='gallery-3' class='gallery galleryid-305 gallery-columns-2 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/storyist.com\/blog\/2019\/01\/storyist-4-sneak-peek\/dark-blue\/'><img width=\"300\" height=\"188\" src=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Blue.png?fit=300%2C188&amp;ssl=1\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-3-241\" srcset=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Blue.png?w=1680&amp;ssl=1 1680w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Blue.png?resize=150%2C94&amp;ssl=1 150w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Blue.png?resize=300%2C188&amp;ssl=1 300w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Blue.png?resize=1024%2C640&amp;ssl=1 1024w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Blue.png?resize=1200%2C750&amp;ssl=1 1200w\" sizes=\"(max-width: 300px) 85vw, 300px\" data-attachment-id=\"241\" data-permalink=\"https:\/\/storyist.com\/blog\/2019\/01\/storyist-4-sneak-peek\/dark-blue\/\" data-orig-file=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Blue.png?fit=1680%2C1050&amp;ssl=1\" data-orig-size=\"1680,1050\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Dark-Blue\" data-image-description=\"\" data-medium-file=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Blue.png?fit=300%2C188&amp;ssl=1\" data-large-file=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Blue.png?fit=840%2C525&amp;ssl=1\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-3-241'>\n\t\t\t\tDark mode with blue accent color.\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/storyist.com\/blog\/2019\/01\/storyist-4-sneak-peek\/dark-purple\/'><img width=\"300\" height=\"188\" src=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple.png?fit=300%2C188&amp;ssl=1\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-3-242\" srcset=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple.png?w=1680&amp;ssl=1 1680w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple.png?resize=150%2C94&amp;ssl=1 150w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple.png?resize=300%2C188&amp;ssl=1 300w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple.png?resize=1024%2C640&amp;ssl=1 1024w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple.png?resize=1200%2C750&amp;ssl=1 1200w\" sizes=\"(max-width: 300px) 85vw, 300px\" data-attachment-id=\"242\" data-permalink=\"https:\/\/storyist.com\/blog\/2019\/01\/storyist-4-sneak-peek\/dark-purple\/\" data-orig-file=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple.png?fit=1680%2C1050&amp;ssl=1\" data-orig-size=\"1680,1050\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Dark-Purple\" data-image-description=\"\" data-medium-file=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple.png?fit=300%2C188&amp;ssl=1\" data-large-file=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple.png?fit=840%2C525&amp;ssl=1\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-3-242'>\n\t\t\t\tDark mode with purple accent color.\n\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/storyist.com\/blog\/2019\/01\/storyist-4-sneak-peek\/dark-orange\/'><img width=\"300\" height=\"188\" src=\"https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Orange.png?fit=300%2C188&amp;ssl=1\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-3-243\" srcset=\"https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Orange.png?w=1680&amp;ssl=1 1680w, https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Orange.png?resize=150%2C94&amp;ssl=1 150w, https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Orange.png?resize=300%2C188&amp;ssl=1 300w, https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Orange.png?resize=1024%2C640&amp;ssl=1 1024w, https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Orange.png?resize=1200%2C750&amp;ssl=1 1200w\" sizes=\"(max-width: 300px) 85vw, 300px\" data-attachment-id=\"243\" data-permalink=\"https:\/\/storyist.com\/blog\/2019\/01\/storyist-4-sneak-peek\/dark-orange\/\" data-orig-file=\"https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Orange.png?fit=1680%2C1050&amp;ssl=1\" data-orig-size=\"1680,1050\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Dark-Orange\" data-image-description=\"\" data-medium-file=\"https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Orange.png?fit=300%2C188&amp;ssl=1\" data-large-file=\"https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Orange.png?fit=840%2C525&amp;ssl=1\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-3-243'>\n\t\t\t\tDark mode with orang accent color\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/storyist.com\/blog\/2019\/01\/storyist-4-sneak-peek\/dark-pink\/'><img width=\"300\" height=\"188\" src=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Pink.png?fit=300%2C188&amp;ssl=1\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-3-245\" srcset=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Pink.png?w=1680&amp;ssl=1 1680w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Pink.png?resize=150%2C94&amp;ssl=1 150w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Pink.png?resize=300%2C188&amp;ssl=1 300w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Pink.png?resize=1024%2C640&amp;ssl=1 1024w, https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Pink.png?resize=1200%2C750&amp;ssl=1 1200w\" sizes=\"(max-width: 300px) 85vw, 300px\" data-attachment-id=\"245\" data-permalink=\"https:\/\/storyist.com\/blog\/2019\/01\/storyist-4-sneak-peek\/dark-pink\/\" data-orig-file=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Pink.png?fit=1680%2C1050&amp;ssl=1\" data-orig-size=\"1680,1050\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Dark-Pink\" data-image-description=\"\" data-medium-file=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Pink.png?fit=300%2C188&amp;ssl=1\" data-large-file=\"https:\/\/i2.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Pink.png?fit=840%2C525&amp;ssl=1\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-3-245'>\n\t\t\t\tDark mode with pink accent color.\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>If you click on the gallery above and compare the screenshots, you&#8217;ll notice a subtle effect: The hue of the toolbar and page background changes slightly to reflect the average color of the desktop image. You&#8217;ll get this effect with your own desktop backgrounds too, so experiment with photos from your albums.<\/p>\n<p><strong>Choosing the Text Editor Properties<\/strong><\/p>\n<p>By default, Storyist 4 displays light text on a dark background in dark mode. This is usually what you want if your project is just text. However, if you&#8217;re designing for print, or you want complete control of text color, you might want to see dark text on a light background. To accomplish this, open the Storyist Preferences window, select the Appearance pane, and select &#8220;Use light appearance&#8221; for the text editor.<\/p>\n<div data-carousel-extra='{\"blog_id\":1,\"permalink\":\"https:\\\/\\\/storyist.com\\\/blog\\\/2019\\\/03\\\/dark-mode-tips\\\/\"}' id='gallery-4' class='gallery galleryid-305 gallery-columns-1 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/storyist.com\/blog\/2019\/01\/storyist-4-sneak-peek\/dark-purple-lighttext\/'><img width=\"300\" height=\"188\" src=\"https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple-LightText.png?fit=300%2C188&amp;ssl=1\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-4-244\" srcset=\"https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple-LightText.png?w=1680&amp;ssl=1 1680w, https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple-LightText.png?resize=150%2C94&amp;ssl=1 150w, https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple-LightText.png?resize=300%2C188&amp;ssl=1 300w, https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple-LightText.png?resize=1024%2C640&amp;ssl=1 1024w, https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple-LightText.png?resize=1200%2C750&amp;ssl=1 1200w\" sizes=\"(max-width: 300px) 85vw, 300px\" data-attachment-id=\"244\" data-permalink=\"https:\/\/storyist.com\/blog\/2019\/01\/storyist-4-sneak-peek\/dark-purple-lighttext\/\" data-orig-file=\"https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple-LightText.png?fit=1680%2C1050&amp;ssl=1\" data-orig-size=\"1680,1050\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Dark-Purple-LightText\" data-image-description=\"\" data-medium-file=\"https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple-LightText.png?fit=300%2C188&amp;ssl=1\" data-large-file=\"https:\/\/i1.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2018\/12\/Dark-Purple-LightText.png?fit=840%2C525&amp;ssl=1\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-4-244'>\n\t\t\t\tDark mode with purple accent color and light text.\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>As you see in the screenshot, you can also set the application appearance to be always light or always dark independent of the system appearance.<\/p>\n<p><strong>Special Considerations for Text in Dark Mode<\/strong><\/p>\n<p>When the text editor is in dark mode, text having the default text color (black) is automatically changed to white. However, text having another color will not change. You may run into this, for example, if you import text that is dark gray instead of black. You can easily change the text color to work in both light and dark mode by selecting the text and clicking the &#8220;Set Text Color Automatically&#8221; button in the font color chooser in the inspector.<\/p>\n<div data-carousel-extra='{\"blog_id\":1,\"permalink\":\"https:\\\/\\\/storyist.com\\\/blog\\\/2019\\\/03\\\/dark-mode-tips\\\/\"}' id='gallery-5' class='gallery galleryid-305 gallery-columns-1 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/storyist.com\/blog\/2019\/03\/dark-mode-tips\/textcolorpicker\/'><img width=\"113\" height=\"300\" src=\"https:\/\/i0.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/TextColorPicker.png?fit=113%2C300&amp;ssl=1\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-5-312\" srcset=\"https:\/\/i0.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/TextColorPicker.png?w=688&amp;ssl=1 688w, https:\/\/i0.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/TextColorPicker.png?resize=57%2C150&amp;ssl=1 57w, https:\/\/i0.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/TextColorPicker.png?resize=113%2C300&amp;ssl=1 113w, https:\/\/i0.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/TextColorPicker.png?resize=387%2C1024&amp;ssl=1 387w\" sizes=\"(max-width: 113px) 85vw, 113px\" data-attachment-id=\"312\" data-permalink=\"https:\/\/storyist.com\/blog\/2019\/03\/dark-mode-tips\/textcolorpicker\/\" data-orig-file=\"https:\/\/i0.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/TextColorPicker.png?fit=688%2C1822&amp;ssl=1\" data-orig-size=\"688,1822\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Text Color Picker\" data-image-description=\"\" data-medium-file=\"https:\/\/i0.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/TextColorPicker.png?fit=113%2C300&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/TextColorPicker.png?fit=387%2C1024&amp;ssl=1\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-5-312'>\n\t\t\t\tChoosing the text color\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>If you have other questions, let me know. And good luck with your projects.<\/p>\n<p>-Steve<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dark Mode Tips A few people have written to ask how I created the dark mode screenshots for the Storyist 4 Sneak Peek post. Now that Storyist 4 is out, I thought I&#8217;d take a moment to describe that process (it&#8217;s straightforward) and offer some tips for using dark mode on Mojave. In short, to &hellip; <a href=\"https:\/\/storyist.com\/blog\/2019\/03\/dark-mode-tips\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Dark Mode Tips&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":315,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[3,5],"tags":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/storyist.com\/blog\/wp-content\/uploads\/2019\/03\/DarkModeTips.jpg?fit=1200%2C670&ssl=1","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7fYxB-4V","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/storyist.com\/blog\/wp-json\/wp\/v2\/posts\/305"}],"collection":[{"href":"https:\/\/storyist.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/storyist.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/storyist.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/storyist.com\/blog\/wp-json\/wp\/v2\/comments?post=305"}],"version-history":[{"count":6,"href":"https:\/\/storyist.com\/blog\/wp-json\/wp\/v2\/posts\/305\/revisions"}],"predecessor-version":[{"id":316,"href":"https:\/\/storyist.com\/blog\/wp-json\/wp\/v2\/posts\/305\/revisions\/316"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/storyist.com\/blog\/wp-json\/wp\/v2\/media\/315"}],"wp:attachment":[{"href":"https:\/\/storyist.com\/blog\/wp-json\/wp\/v2\/media?parent=305"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/storyist.com\/blog\/wp-json\/wp\/v2\/categories?post=305"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/storyist.com\/blog\/wp-json\/wp\/v2\/tags?post=305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}