<p>Inspired by iOS’s new dark mode (and halloween!), I decided to a dark mode to the website using the new <code>prefers-color-scheme</code> media query. It was surprisingly easy to do. After I’d changed the </p> <p>This took care of 90% of it:</p> <div class="highlight"><pre class="highlight css"><code><span class="k">@media</span> <span class="p">(</span><span class="n">prefers-color-scheme</span><span class="p">:</span> <span class="n">dark</span><span class="p">)</span> <span class="p">{</span> <span class="nt">html</span> <span class="p">{</span> <span class="nl">background-color</span><span class="p">:</span> <span class="m">#19222b</span><span class="p">;</span> <span class="nl">color</span><span class="p">:</span> <span class="m">#eee</span><span class="p">;</span> <span class="p">}</span> <span class="nc">.page-wrapper__inner</span> <span class="p">{</span> <span class="nl">background-color</span><span class="p">:</span> <span class="m">#222f3b</span><span class="p">;</span> <span class="nl">color</span><span class="p">:</span> <span class="m">#eee</span><span class="p">;</span> <span class="p">}</span> <span class="p">}</span> </code></pre></div> <p>Using a straight black-and-white background and foreground combo looks too harsh on the eyes, so you want to find a gray-ish background. Mine is a bluish-grayish...</p>
Blog Entries tagged "meta"
<p>My website has gone slightly stagnent lately, so I decided that it was time for a revamp. There were a few things I didn’t like about the old website:</p> <ul> <li>As a developer with some design chops, I never liked the fact that I hadn’t designed my website myself. I was using the <a href="http://hyde.getpoole.com">Hyde theme for Jekyll</a>.</li> <li>I felt boxed in by the fact that all my previous posts were longer-form articles.</li> <li>While <a href="https://jekyllrb.com">Jekyll</a> is a great tool, it’s very blogging-centric, and I wanted to add new types of content.</li> </ul> <p>So I re-designed the website from scratch using <a href="http://middlemanapp.com">Middleman</a>. I started with <a href="https://github.com/thoughtbot/middleman-template">Thoughtbot...</a></p>