{"id":16212,"date":"2022-10-19T09:00:30","date_gmt":"2022-10-19T13:00:30","guid":{"rendered":"https:\/\/blogs.mathworks.com\/pick\/?p=16212"},"modified":"2022-10-19T10:52:01","modified_gmt":"2022-10-19T14:52:01","slug":"figures-for-dark-mode","status":"publish","type":"post","link":"https:\/\/blogs.mathworks.com\/pick\/2022\/10\/19\/figures-for-dark-mode\/","title":{"rendered":"Figures for Dark Mode"},"content":{"rendered":"
Jiro<\/span><\/a>'s Pick this week is <\/span>dark mode plot<\/span><\/a> by <\/span>Natan<\/span><\/a>.<\/span><\/div>
Do you work in dark mode? If you do, you need to take a look at this entry by Natan, especially if you make presentations using the dark theme. As you know, standard plots in MATLAB are created with white background.<\/span><\/div>
figure<\/span><\/span><\/div><\/div>
plot((1:2:9).*sin((1:10)'))<\/span><\/span><\/div>
<\/div>
<\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>
If we copy and paste this into a dark theme presentation, it's probably not what you want.<\/span><\/div>
\"normal_plot.png\"<\/img><\/div>
Just run <\/span>plot_darkmode<\/span> and it does the appropriate color conversions. The background is set to a dark theme, the text and axes colors are set to white, and the line colors are adjusted accordingly.<\/span><\/div>
plot_darkmode<\/span><\/span><\/div>
<\/div>
<\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>
Copy and paste into a slide, and voila!<\/span><\/div>
\"darkmode_plot.png\"<\/img><\/div>
It's also worth noting that the line colors are adjusted so that they are appropriately visible in dark mode. For instance, let's create a plot with two lines, a black line and a dark red line.<\/span><\/div>
plot(rand(5,1),<\/span>\"k\"<\/span>,<\/span>\"LineWidth\"<\/span>,2) <\/span>% black line<\/span><\/span><\/div><\/div>
hold <\/span>on<\/span><\/span><\/div><\/div>
plot(rand(5,1),<\/span>\"Color\"<\/span>,[.5 0 0],<\/span>\"LineWidth\"<\/span>,2) <\/span>% dark red line<\/span><\/span><\/div><\/div>
hold <\/span>off<\/span><\/span><\/div><\/div>
legend(<\/span>\"Data 1\"<\/span>, <\/span>\"Data 2\"<\/span>)<\/span><\/span><\/div>
<\/div>
<\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>
You can imagine that simply setting the background to a dark theme will not work. Both lines will be hardly visible. When we run <\/span>plot_darkmode<\/span>, you can see that the line colors are adjusted appropriately.<\/span><\/div>
plot_darkmode<\/span><\/span><\/div>
<\/div>
<\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>

Comments<\/span><\/h2>
Very nice entry, Natan!<\/span><\/div>
Give this a try and let us know what you think <\/span>here<\/span><\/a>.<\/span><\/div>\r\n<\/div>