<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Theme on Zhang's Notes</title><link>https://zhangsnotes.com/tags/theme/</link><description>Recent content in Theme on Zhang's Notes</description><generator>Hugo</generator><language>zh-CN</language><copyright>Zhang's Notes</copyright><lastBuildDate>Mon, 21 Sep 2026 17:15:33 +0800</lastBuildDate><atom:link href="https://zhangsnotes.com/tags/theme/index.xml" rel="self" type="application/rss+xml"/><item><title>一款Typora绿色主题</title><link>https://zhangsnotes.com/posts/typora-theme-green/</link><pubDate>Mon, 21 Sep 2026 17:15:33 +0800</pubDate><guid>https://zhangsnotes.com/posts/typora-theme-green/</guid><description>一款清爽的 Typora 绿色主题，配色柔和护眼，附 green.css 下载与在线预览。</description><content:encoded><![CDATA[<p>在线预览：<a href="/files/green-preview.png">Green-Preview</a></p>
<p>下载：<a href="/files/green.css">green.css</a></p>
<pre data-lang="css"><code class="language-css"><span class="hljs-keyword">@import</span> url(<span class="hljs-string">&#x27;https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&amp;display=swap&#x27;</span>);

<span class="hljs-selector-pseudo">:root</span> {
    <span class="hljs-attr">--bg-color</span>: <span class="hljs-number">#FAFFFE</span>;
    <span class="hljs-attr">--side-bar-bg-color</span>: <span class="hljs-number">#F0F7F0</span>;
    <span class="hljs-attr">--text-color</span>: <span class="hljs-number">#2C3E2C</span>;
    <span class="hljs-attr">--primary-color</span>: <span class="hljs-number">#2E7D32</span>;
    <span class="hljs-attr">--select-text-bg-color</span>: <span class="hljs-number">#A5D6A7</span>;
    <span class="hljs-attr">--item-hover-bg-color</span>: <span class="hljs-number">#E8F5E9</span>;
    <span class="hljs-attr">--active-file-bg-color</span>: <span class="hljs-number">#C8E6C9</span>;
    <span class="hljs-attr">--active-file-text-color</span>: <span class="hljs-number">#1B5E20</span>;
    <span class="hljs-attr">--control-text-color</span>: <span class="hljs-number">#5D7B5D</span>;
    <span class="hljs-attr">--window-border</span>: <span class="hljs-number">1px</span> solid <span class="hljs-number">#C8E6C9</span>;
    <span class="hljs-attr">--code-bg</span>: <span class="hljs-number">#F5F8F5</span>;
    <span class="hljs-attr">--border-color</span>: <span class="hljs-number">#E0EDE0</span>;
}

<span class="hljs-selector-tag">html</span> {
    <span class="hljs-attribute">font-size</span>: <span class="hljs-number">16px</span>;
    -webkit-<span class="hljs-attribute">font-smoothing</span>: antialiased;
    -moz-osx-<span class="hljs-attribute">font-smoothing</span>: grayscale;
}

<span class="hljs-selector-tag">html</span>, <span class="hljs-selector-tag">body</span> {
    <span class="hljs-attribute">font-family</span>: <span class="hljs-string">&quot;Noto Sans SC&quot;</span>, <span class="hljs-string">&quot;PingFang SC&quot;</span>, <span class="hljs-string">&quot;Microsoft YaHei&quot;</span>, sans-serif;
    <span class="hljs-attribute">color</span>: <span class="hljs-built_in">var</span>(--text-color);
    <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--bg-color);
    <span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.8</span>;
}

<span class="hljs-selector-id">#write</span> {
    <span class="hljs-attribute">max-width</span>: <span class="hljs-number">860px</span>;
    <span class="hljs-attribute">margin</span>: <span class="hljs-number">0</span> auto;
    <span class="hljs-attribute">padding</span>: <span class="hljs-number">30px</span> <span class="hljs-number">40px</span>;
    <span class="hljs-attribute">padding-bottom</span>: <span class="hljs-number">100px</span>;
}

<span class="hljs-keyword">@media</span> <span class="hljs-keyword">only</span> screen <span class="hljs-keyword">and</span> (<span class="hljs-attribute">min-width</span>: <span class="hljs-number">1400px</span>) {
    <span class="hljs-selector-id">#write</span> { <span class="hljs-attribute">max-width</span>: <span class="hljs-number">1024px</span>; }
}

<span class="hljs-keyword">@media</span> <span class="hljs-keyword">only</span> screen <span class="hljs-keyword">and</span> (<span class="hljs-attribute">min-width</span>: <span class="hljs-number">1800px</span>) {
    <span class="hljs-selector-id">#write</span> { <span class="hljs-attribute">max-width</span>: <span class="hljs-number">1200px</span>; }
}

<span class="hljs-selector-pseudo">::selection</span> {
    <span class="hljs-attribute">background</span>: <span class="hljs-built_in">var</span>(--select-text-bg-color);
    <span class="hljs-attribute">color</span>: <span class="hljs-number">#1B5E20</span>;
}

<span class="hljs-selector-tag">h1</span>, <span class="hljs-selector-tag">h2</span>, <span class="hljs-selector-tag">h3</span>, <span class="hljs-selector-tag">h4</span>, <span class="hljs-selector-tag">h5</span>, <span class="hljs-selector-tag">h6</span> {
    <span class="hljs-attribute">color</span>: <span class="hljs-built_in">var</span>(--primary-color);
    <span class="hljs-attribute">font-weight</span>: <span class="hljs-number">700</span>;
    <span class="hljs-attribute">margin-top</span>: <span class="hljs-number">1.8rem</span>;
    <span class="hljs-attribute">margin-bottom</span>: <span class="hljs-number">1rem</span>;
    <span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.4</span>;
}

<span class="hljs-selector-tag">h1</span> {
    <span class="hljs-attribute">font-size</span>: <span class="hljs-number">2.2em</span>;
    <span class="hljs-attribute">padding-bottom</span>: <span class="hljs-number">0.4em</span>;
    <span class="hljs-attribute">border-bottom</span>: <span class="hljs-number">2px</span> solid <span class="hljs-built_in">var</span>(--primary-color);
}

<span class="hljs-selector-tag">h2</span> {
    <span class="hljs-attribute">font-size</span>: <span class="hljs-number">1.7em</span>;
    <span class="hljs-attribute">padding-bottom</span>: <span class="hljs-number">0.3em</span>;
    <span class="hljs-attribute">border-bottom</span>: <span class="hljs-number">1px</span> solid <span class="hljs-built_in">var</span>(--border-color);
}

<span class="hljs-selector-tag">h3</span> { <span class="hljs-attribute">font-size</span>: <span class="hljs-number">1.4em</span>; }
<span class="hljs-selector-tag">h4</span> { <span class="hljs-attribute">font-size</span>: <span class="hljs-number">1.2em</span>; }
<span class="hljs-selector-tag">h5</span> { <span class="hljs-attribute">font-size</span>: <span class="hljs-number">1.05em</span>; }
<span class="hljs-selector-tag">h6</span> { <span class="hljs-attribute">font-size</span>: <span class="hljs-number">1em</span>; <span class="hljs-attribute">color</span>: <span class="hljs-number">#5D7B5D</span>; }

<span class="hljs-selector-tag">p</span> { <span class="hljs-attribute">margin</span>: <span class="hljs-number">0.8em</span> <span class="hljs-number">0</span>; <span class="hljs-attribute">text-align</span>: justify; }

<span class="hljs-selector-tag">a</span> {
    <span class="hljs-attribute">color</span>: <span class="hljs-built_in">var</span>(--primary-color);
    <span class="hljs-attribute">text-decoration</span>: none;
    <span class="hljs-attribute">border-bottom</span>: <span class="hljs-number">1px</span> solid transparent;
    <span class="hljs-attribute">transition</span>: all <span class="hljs-number">0.2s</span> ease;
}

<span class="hljs-selector-tag">a</span><span class="hljs-selector-pseudo">:hover</span> {
    <span class="hljs-attribute">color</span>: <span class="hljs-number">#1B5E20</span>;
    <span class="hljs-attribute">border-bottom-color</span>: <span class="hljs-built_in">var</span>(--primary-color);
}

<span class="hljs-selector-tag">strong</span>, <span class="hljs-selector-tag">b</span> { <span class="hljs-attribute">color</span>: <span class="hljs-number">#1B5E20</span>; <span class="hljs-attribute">font-weight</span>: <span class="hljs-number">700</span>; }

hr {
    <span class="hljs-attribute">height</span>: <span class="hljs-number">1px</span>;
    <span class="hljs-attribute">background</span>: <span class="hljs-built_in">linear-gradient</span>(to right, transparent, <span class="hljs-built_in">var</span>(--primary-color), transparent);
    <span class="hljs-attribute">border</span>: none;
    <span class="hljs-attribute">margin</span>: <span class="hljs-number">2em</span> <span class="hljs-number">0</span>;
}

<span class="hljs-selector-tag">blockquote</span> {
    <span class="hljs-attribute">border-left</span>: <span class="hljs-number">4px</span> solid <span class="hljs-built_in">var</span>(--primary-color);
    <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--code-bg);
    <span class="hljs-attribute">padding</span>: <span class="hljs-number">12px</span> <span class="hljs-number">20px</span>;
    <span class="hljs-attribute">margin</span>: <span class="hljs-number">1.2em</span> <span class="hljs-number">0</span>;
    <span class="hljs-attribute">color</span>: <span class="hljs-number">#3E5E3E</span>;
    <span class="hljs-attribute">border-radius</span>: <span class="hljs-number">0</span> <span class="hljs-number">4px</span> <span class="hljs-number">4px</span> <span class="hljs-number">0</span>;
}

<span class="hljs-selector-tag">blockquote</span> <span class="hljs-selector-tag">p</span> { <span class="hljs-attribute">margin</span>: <span class="hljs-number">0.4em</span> <span class="hljs-number">0</span>; }

<span class="hljs-selector-tag">ul</span>, <span class="hljs-selector-tag">ol</span> { <span class="hljs-attribute">padding-left</span>: <span class="hljs-number">2em</span>; <span class="hljs-attribute">margin</span>: <span class="hljs-number">0.8em</span> <span class="hljs-number">0</span>; }
<span class="hljs-selector-tag">li</span> { <span class="hljs-attribute">margin</span>: <span class="hljs-number">0.3em</span> <span class="hljs-number">0</span>; }
<span class="hljs-selector-tag">li</span> &gt; <span class="hljs-selector-tag">ul</span>, <span class="hljs-selector-tag">li</span> &gt; <span class="hljs-selector-tag">ol</span> { <span class="hljs-attribute">margin</span>: <span class="hljs-number">0</span>; }

<span class="hljs-selector-tag">table</span> {
    <span class="hljs-attribute">width</span>: <span class="hljs-number">100%</span>;
    <span class="hljs-attribute">border-collapse</span>: collapse;
    <span class="hljs-attribute">margin</span>: <span class="hljs-number">1.2em</span> <span class="hljs-number">0</span>;
    <span class="hljs-attribute">font-size</span>: <span class="hljs-number">0.95em</span>;
}

<span class="hljs-selector-tag">table</span> <span class="hljs-selector-tag">th</span> {
    <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--primary-color);
    <span class="hljs-attribute">color</span>: white;
    <span class="hljs-attribute">font-weight</span>: <span class="hljs-number">500</span>;
    <span class="hljs-attribute">padding</span>: <span class="hljs-number">10px</span> <span class="hljs-number">14px</span>;
    <span class="hljs-attribute">text-align</span>: left;
    <span class="hljs-attribute">border</span>: <span class="hljs-number">1px</span> solid <span class="hljs-built_in">var</span>(--primary-color);
}

<span class="hljs-selector-tag">table</span> <span class="hljs-selector-tag">td</span> {
    <span class="hljs-attribute">padding</span>: <span class="hljs-number">10px</span> <span class="hljs-number">14px</span>;
    <span class="hljs-attribute">border</span>: <span class="hljs-number">1px</span> solid <span class="hljs-built_in">var</span>(--border-color);
}

<span class="hljs-selector-tag">table</span> <span class="hljs-selector-tag">tr</span><span class="hljs-selector-pseudo">:nth-child</span>(even) { <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--code-bg); }
<span class="hljs-selector-tag">table</span> <span class="hljs-selector-tag">tr</span><span class="hljs-selector-pseudo">:hover</span> { <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--item-hover-bg-color); }

<span class="hljs-selector-tag">code</span>, tt {
    <span class="hljs-attribute">font-family</span>: <span class="hljs-string">&quot;JetBrains Mono&quot;</span>, <span class="hljs-string">&quot;Fira Code&quot;</span>, Consolas, <span class="hljs-string">&quot;SF Mono&quot;</span>, monospace;
    <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--code-bg);
    <span class="hljs-attribute">border</span>: <span class="hljs-number">1px</span> solid <span class="hljs-built_in">var</span>(--border-color);
    <span class="hljs-attribute">border-radius</span>: <span class="hljs-number">4px</span>;
    <span class="hljs-attribute">padding</span>: <span class="hljs-number">2px</span> <span class="hljs-number">6px</span>;
    <span class="hljs-attribute">font-size</span>: <span class="hljs-number">0.88em</span>;
    <span class="hljs-attribute">color</span>: <span class="hljs-number">#1B5E20</span>;
}

pre {
    <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--code-bg);
    <span class="hljs-attribute">border</span>: <span class="hljs-number">1px</span> solid <span class="hljs-built_in">var</span>(--border-color);
    <span class="hljs-attribute">border-radius</span>: <span class="hljs-number">6px</span>;
    <span class="hljs-attribute">padding</span>: <span class="hljs-number">16px</span> <span class="hljs-number">20px</span>;
    <span class="hljs-attribute">overflow-x</span>: auto;
    <span class="hljs-attribute">margin</span>: <span class="hljs-number">1.2em</span> <span class="hljs-number">0</span>;
    <span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.5</span>;
}

pre <span class="hljs-selector-tag">code</span> {
    <span class="hljs-attribute">background</span>: none;
    <span class="hljs-attribute">border</span>: none;
    <span class="hljs-attribute">padding</span>: <span class="hljs-number">0</span>;
    <span class="hljs-attribute">font-size</span>: <span class="hljs-number">0.9em</span>;
    <span class="hljs-attribute">color</span>: <span class="hljs-built_in">var</span>(--text-color);
}

<span class="hljs-selector-tag">img</span> { <span class="hljs-attribute">max-width</span>: <span class="hljs-number">100%</span>; <span class="hljs-attribute">border-radius</span>: <span class="hljs-number">6px</span>; <span class="hljs-attribute">margin</span>: <span class="hljs-number">1em</span> <span class="hljs-number">0</span>; }

<span class="hljs-selector-class">.md-task-list-item</span> &gt; <span class="hljs-selector-tag">input</span> {
    <span class="hljs-attribute">margin-left</span>: -<span class="hljs-number">1.5em</span>;
    <span class="hljs-attribute">margin-top</span>: <span class="hljs-number">0.3em</span>;
    -webkit-<span class="hljs-attribute">appearance</span>: none;
    <span class="hljs-attribute">appearance</span>: none;
}

<span class="hljs-selector-class">.md-task-list-item</span> &gt; <span class="hljs-selector-tag">input</span><span class="hljs-selector-attr">[type=<span class="hljs-string">&quot;checkbox&quot;</span>]</span> {
    <span class="hljs-attribute">width</span>: <span class="hljs-number">1em</span>;
    <span class="hljs-attribute">height</span>: <span class="hljs-number">1em</span>;
    <span class="hljs-attribute">border</span>: <span class="hljs-number">2px</span> solid <span class="hljs-built_in">var</span>(--primary-color);
    <span class="hljs-attribute">border-radius</span>: <span class="hljs-number">3px</span>;
    <span class="hljs-attribute">background-color</span>: white;
    <span class="hljs-attribute">cursor</span>: pointer;
}

<span class="hljs-selector-class">.md-task-list-item</span> &gt; <span class="hljs-selector-tag">input</span><span class="hljs-selector-attr">[type=<span class="hljs-string">&quot;checkbox&quot;</span>]</span><span class="hljs-selector-pseudo">:checked</span> {
    <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--primary-color);
    <span class="hljs-attribute">border-color</span>: <span class="hljs-built_in">var</span>(--primary-color);
}

<span class="hljs-selector-class">.md-task-list-item</span> &gt; <span class="hljs-selector-tag">input</span><span class="hljs-selector-attr">[type=<span class="hljs-string">&quot;checkbox&quot;</span>]</span><span class="hljs-selector-pseudo">:checked</span><span class="hljs-selector-pseudo">::after</span> {
    <span class="hljs-attribute">content</span>: <span class="hljs-string">&#x27;\2713&#x27;</span>;
    <span class="hljs-attribute">display</span>: block;
    <span class="hljs-attribute">color</span>: white;
    <span class="hljs-attribute">font-size</span>: <span class="hljs-number">0.7em</span>;
    <span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.2</span>;
    <span class="hljs-attribute">text-align</span>: center;
}

<span class="hljs-selector-class">.md-task-list-item</span> { <span class="hljs-attribute">padding-left</span>: <span class="hljs-number">0.5em</span>; }

<span class="hljs-selector-class">.sidebar-tabs</span> { <span class="hljs-attribute">border-bottom</span>: none; }

<span class="hljs-selector-id">#typora-quick-open</span> {
    <span class="hljs-attribute">border</span>: <span class="hljs-number">1px</span> solid <span class="hljs-built_in">var</span>(--border-color);
    <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--bg-color);
}

<span class="hljs-selector-id">#typora-quick-open-item</span> {
    <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--bg-color);
    <span class="hljs-attribute">border-color</span>: <span class="hljs-built_in">var</span>(--border-color);
}

<span class="hljs-selector-id">#typora-quick-open-item</span><span class="hljs-selector-class">.selected</span>,
<span class="hljs-selector-id">#typora-quick-open-item</span><span class="hljs-selector-pseudo">:hover</span> {
    <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--item-hover-bg-color);
}

<span class="hljs-selector-tag">header</span>, <span class="hljs-selector-class">.context-menu</span>, <span class="hljs-selector-class">.megamenu-content</span>, <span class="hljs-selector-tag">footer</span> {
    <span class="hljs-attribute">font-family</span>: <span class="hljs-string">&quot;Noto Sans SC&quot;</span>, <span class="hljs-string">&quot;Segoe UI&quot;</span>, sans-serif;
}

<span class="hljs-selector-class">.mac-seamless-mode</span> <span class="hljs-selector-id">#typora-sidebar</span> {
    <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--side-bar-bg-color);
}

<span class="hljs-selector-id">#write</span> pre<span class="hljs-selector-class">.md-meta-block</span> {
    <span class="hljs-attribute">padding</span>: <span class="hljs-number">1rem</span>;
    <span class="hljs-attribute">font-size</span>: <span class="hljs-number">85%</span>;
    <span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.45</span>;
    <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--code-bg);
    <span class="hljs-attribute">border</span>: <span class="hljs-number">0</span>;
    <span class="hljs-attribute">border-radius</span>: <span class="hljs-number">4px</span>;
    <span class="hljs-attribute">color</span>: <span class="hljs-number">#5D7B5D</span>;
    <span class="hljs-attribute">margin-top</span>: <span class="hljs-number">0</span> <span class="hljs-meta">!important</span>;
}

<span class="hljs-selector-class">.md-toc</span> { <span class="hljs-attribute">margin-top</span>: <span class="hljs-number">20px</span>; <span class="hljs-attribute">padding-bottom</span>: <span class="hljs-number">20px</span>; }

<span class="hljs-selector-class">.on-focus-mode</span> <span class="hljs-selector-tag">blockquote</span> {
    <span class="hljs-attribute">border-left-color</span>: <span class="hljs-built_in">rgba</span>(<span class="hljs-number">46</span>, <span class="hljs-number">125</span>, <span class="hljs-number">50</span>, <span class="hljs-number">0.12</span>);
}

<span class="hljs-selector-class">.md-lang</span> { <span class="hljs-attribute">color</span>: <span class="hljs-number">#2E7D32</span>; }

<span class="hljs-selector-id">#md-notification</span> <span class="hljs-selector-class">.btn</span> { <span class="hljs-attribute">border</span>: <span class="hljs-number">0</span>; }

<span class="hljs-selector-class">.ty-preferences</span> <span class="hljs-selector-class">.window-content</span> { <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--bg-color); }

<span class="hljs-selector-class">.ty-preferences</span> <span class="hljs-selector-class">.nav-group-item</span><span class="hljs-selector-class">.active</span> {
    <span class="hljs-attribute">color</span>: white;
    <span class="hljs-attribute">background</span>: <span class="hljs-built_in">var</span>(--primary-color);
}

<span class="hljs-selector-id">#typora-sidebar</span> {
    <span class="hljs-attribute">border-right</span>: none;
}

<span class="hljs-selector-class">.file-library-node</span><span class="hljs-selector-class">.active</span> &gt; <span class="hljs-selector-class">.file-node-content</span>,
<span class="hljs-selector-class">.file-list-item</span><span class="hljs-selector-class">.active</span> {
    <span class="hljs-attribute">color</span>: <span class="hljs-built_in">var</span>(--active-file-text-color);
}

<span class="hljs-selector-class">.file-library-node</span><span class="hljs-selector-class">.active</span> &gt; <span class="hljs-selector-class">.file-node-background</span>,
<span class="hljs-selector-class">.file-list-item</span><span class="hljs-selector-class">.active</span> {
    <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--active-file-bg-color);
}

<span class="hljs-selector-class">.file-node-content</span><span class="hljs-selector-pseudo">:hover</span> <span class="hljs-selector-class">.file-node-icon</span>,
<span class="hljs-selector-class">.file-node-content</span><span class="hljs-selector-pseudo">:hover</span> <span class="hljs-selector-class">.file-node-open-state</span> {
    <span class="hljs-attribute">visibility</span>: visible;
}

<span class="hljs-selector-class">.md-fences</span> {
    <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--code-bg);
    <span class="hljs-attribute">margin-bottom</span>: <span class="hljs-number">15px</span>;
    <span class="hljs-attribute">margin-top</span>: <span class="hljs-number">15px</span>;
    <span class="hljs-attribute">padding-top</span>: <span class="hljs-number">8px</span>;
    <span class="hljs-attribute">padding-bottom</span>: <span class="hljs-number">6px</span>;
}

<span class="hljs-selector-class">.md-inline-math</span> script { <span class="hljs-attribute">color</span>: <span class="hljs-built_in">var</span>(--primary-color); }

<span class="hljs-selector-tag">sup</span><span class="hljs-selector-class">.md-footnote</span> {
    <span class="hljs-attribute">background-color</span>: <span class="hljs-built_in">var</span>(--primary-color);
    <span class="hljs-attribute">color</span>: white;
}

<span class="hljs-selector-class">.md-search-hit</span> {
    <span class="hljs-attribute">background</span>: <span class="hljs-built_in">rgba</span>(<span class="hljs-number">46</span>, <span class="hljs-number">125</span>, <span class="hljs-number">50</span>, <span class="hljs-number">0.3</span>);
    <span class="hljs-attribute">color</span>: <span class="hljs-built_in">var</span>(--text-color);
}

<span class="hljs-selector-class">.md-search-hit</span> * { <span class="hljs-attribute">color</span>: <span class="hljs-built_in">var</span>(--text-color); }

<span class="hljs-selector-id">#md-searchpanel</span> <span class="hljs-selector-tag">input</span> { <span class="hljs-attribute">color</span>: <span class="hljs-built_in">var</span>(--text-color); }

<span class="hljs-keyword">@page</span> {
    <span class="hljs-attribute">margin</span>: <span class="hljs-number">2cm</span>;
}

<span class="hljs-keyword">@media</span> print {
    <span class="hljs-selector-tag">html</span> { <span class="hljs-attribute">font-size</span>: <span class="hljs-number">13px</span>; }
    <span class="hljs-selector-tag">body</span> { <span class="hljs-attribute">background</span>: white; <span class="hljs-attribute">color</span>: black; }
    <span class="hljs-selector-id">#write</span> { <span class="hljs-attribute">max-width</span>: <span class="hljs-number">100%</span>; <span class="hljs-attribute">padding</span>: <span class="hljs-number">0</span>; }
    <span class="hljs-selector-tag">a</span> { <span class="hljs-attribute">color</span>: <span class="hljs-built_in">var</span>(--primary-color); <span class="hljs-attribute">text-decoration</span>: none; }
    pre { <span class="hljs-attribute">page-break-inside</span>: avoid; <span class="hljs-attribute">word-wrap</span>: break-word; }
    <span class="hljs-selector-tag">table</span> { <span class="hljs-attribute">page-break-inside</span>: avoid; }
    <span class="hljs-selector-tag">h1</span>, <span class="hljs-selector-tag">h2</span>, <span class="hljs-selector-tag">h3</span>, <span class="hljs-selector-tag">h4</span>, <span class="hljs-selector-tag">h5</span>, <span class="hljs-selector-tag">h6</span> { <span class="hljs-attribute">page-break-after</span>: avoid; }
    <span class="hljs-selector-tag">img</span> { <span class="hljs-attribute">page-break-inside</span>: avoid; }
}
</code></pre>
]]></content:encoded></item></channel></rss>