<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Css on Beacon Demo</title><link>http://beacon-demo.starry-s.moe/tags/css/</link><description>Recent content in Css on Beacon Demo</description><generator>Hugo</generator><language>en-US</language><lastBuildDate>Sat, 04 Jul 2026 20:00:00 +0800</lastBuildDate><atom:link href="http://beacon-demo.starry-s.moe/tags/css/index.xml" rel="self" type="application/rss+xml"/><item><title>A Minimal Dark Palette for Long Reading</title><link>http://beacon-demo.starry-s.moe/posts/minimal-dark-palette/</link><pubDate>Sat, 04 Jul 2026 20:00:00 +0800</pubDate><guid>http://beacon-demo.starry-s.moe/posts/minimal-dark-palette/</guid><description>&lt;p&gt;A good dark theme is not just &amp;ldquo;invert the light one&amp;rdquo;. It is a set of small
decisions that add up to something you can read for an hour without eye strain.&lt;/p&gt;
&lt;h2 id="avoid-pure-black"&gt;Avoid pure black&lt;/h2&gt;
&lt;p&gt;Deep charcoal (&lt;code&gt;#1d1e20&lt;/code&gt;) is softer than &lt;code&gt;#000&lt;/code&gt; and lets cards sit &lt;em&gt;above&lt;/em&gt; the
background using nothing but a lighter grey. Contrast comes from layering, not
from hard borders.&lt;/p&gt;
&lt;h2 id="one-accent-used-sparingly"&gt;One accent, used sparingly&lt;/h2&gt;
&lt;p&gt;Pick a single calm accent — a soft blue works well — and reserve it for links and
interactive states. Everything else stays in the greyscale.&lt;/p&gt;</description></item></channel></rss>