<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tampermonkey &#8211; richliu&#039;s blog</title>
	<atom:link href="https://blog.richliu.com/tag/tampermonkey/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.richliu.com</link>
	<description>Linux, 工作, 生活, 家人</description>
	<lastBuildDate>Wed, 01 Apr 2026 17:11:06 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.2</generator>
	<item>
		<title>Plurk Dark Mode</title>
		<link>https://blog.richliu.com/2026/04/02/6492/plurk-dark-mode/</link>
					<comments>https://blog.richliu.com/2026/04/02/6492/plurk-dark-mode/#respond</comments>
		
		<dc:creator><![CDATA[richliu]]></dc:creator>
		<pubDate>Wed, 01 Apr 2026 17:03:31 +0000</pubDate>
				<category><![CDATA[Blog/wiki]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[隨手札記]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Dark Mode]]></category>
		<category><![CDATA[Plurk]]></category>
		<category><![CDATA[Tampermonkey]]></category>
		<category><![CDATA[前端]]></category>
		<category><![CDATA[網頁客製化]]></category>
		<guid isPermaLink="false">https://blog.richliu.com/?p=6492</guid>

					<description><![CDATA[<p>Plurk 的佈景主題只能用在河道上，如果是單一噗的連結，是不會更動到的。像我就很常將一噗另外開一頁來看，沒辦 [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://blog.richliu.com/2026/04/02/6492/plurk-dark-mode/">Plurk Dark Mode</a> appeared first on <a rel="nofollow" href="https://blog.richliu.com">richliu&#039;s blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Plurk 的佈景主題只能用在河道上，如果是單一噗的連結，是不會更動到的。像我就很常將一噗另外開一頁來看，沒辦法切換 Dark Mode 很困擾。今天跟 Claude 一起 debug，終於將 Plurk Dark Mode 弄出來了。第一段 CSS 可以直接貼上，單一噗的頁面則需要靠 Tampermonkey 來達到修改 theme 的目的。結論：CSS 真不是人可以輕易改動的東西。</p>



<figure class="wp-block-image size-full is-resized"><img fetchpriority="high" decoding="async" width="1508" height="870" src="https://blog.richliu.com/wp-content/uploads/2026/04/image-1.png" alt="" class="wp-image-6493" style="width:617px;height:auto" srcset="https://blog.richliu.com/wp-content/uploads/2026/04/image-1.png 1508w, https://blog.richliu.com/wp-content/uploads/2026/04/image-1-600x346.png 600w, https://blog.richliu.com/wp-content/uploads/2026/04/image-1-768x443.png 768w, https://blog.richliu.com/wp-content/uploads/2026/04/image-1-816x471.png 816w" sizes="(max-width: 1508px) 100vw, 1508px" /></figure>



<p>河道的不太方便，不過色系是一樣的。</p>



<span id="more-6492"></span>



<p>Plurk CSS，貼到自訂佈景主題就可以了</p>



<pre class="wp-block-preformatted">body {<br />    background: none;<br />    color: black;<br />}<br />#top_bar a, #top_login a, #dashboard_holder a, #footer a {<br />    color: black !important;<br />}<br /><br />/* 噗的內容區塊 - 用較亮的暗灰，跟黑色背景區分 */<br />.plurk_cnt {<br />    background-color: #484848 !important;<br />    color: #eee !important;<br />}<br /><br />.plurk_cnt .text_holder {<br />    background-color: #484848 !important;<br />    color: #eee !important;<br />}<br /><br />/* 連結改成淡藍 */<br />.plurk_cnt a {<br />    color: #7ab8ff !important;<br />}<br /><br />/* 回應區 */<br />.list .plurk_cnt {<br />    background-color: #505050 !important;<br />    color: #eee !important;<br />}<br /><br />/* 回應區 hover */<br />.list .plurk_cnt :hover {<br />    background-color: #666 !important;<br />    color: #fff !important;<br />}<br /><br />/* 修掉殘留的白底區塊 */<br />.plurk_box, .plurk_cnt_holder, .response_box, .plurk_body {<br />    background-color: #484848 !important;<br />    color: #eee !important;<br />}<br /><br />/* 回應輸入框 */<br />.response_input, .plurk_form textarea {<br />    background-color: #3a3a3a !important;<br />    color: #eee !important;<br />    border-color: #666 !important;<br />}<br /><br />/* 時間、小字等 */<br />.plurk_cnt .info, .plurk_cnt .qualifier, .plurk_cnt .td_cnt {<br />    color: #bbb !important;<br />}<br /><br />/* 河道回覆輸入框 */<br />#reply_box_holder, #reply, .reply_box {<br />    background-color: #3a3a3a !important;<br />    color: #eee !important;<br />}<br /><br />#reply textarea, #reply input, #reply_box_holder textarea {<br />    background-color: #444 !important;<br />    color: #eee !important;<br />    border-color: #666 !important;<br />}</pre>



<p>Tampermonkey Script </p>



<pre class="wp-block-preformatted">// ==UserScript==<br />// @name         Plurk Dark Theme<br />// @namespace    http://tampermonkey.net/<br />// @version      1.7<br />// @description  Plurk 全站暗色主題<br />// @match        https://www.plurk.com/*<br />// @run-at       document-idle<br />// ==/UserScript==<br /><br />(function() {<br />    'use strict';<br />    var css = '';<br />    css += 'html body .plurk_cnt, html body .plurk_cnt .text_holder { background-color: #484848 !important; color: #eee !important; }';<br />    css += 'html body .plurk_cnt a { color: #7ab8ff !important; }';<br />    css += 'html body a.ex_link, html body a.ex_link.meta { background: #555 !important; color: #ddd !important; border-color: #666 !important; }';<br />    css += 'html body a.ex_link *, html body a.ex_link.meta * { color: #ddd !important; }';<br />    css += 'html body .plurk_box, html body .plurk.bigplurk, html body .plurk.divplurk { background-color: #484848 !important; color: #eee !important; }';<br />    css += 'html body .display .plurk_cnt { background-color: #484848 !important; color: #eee !important; }';<br />    css += 'html body .response_box { background-color: #3a3a3a !important; color: #eee !important; }';<br />    css += 'html body .response_box .list-container { color: #eee !important; }';<br />    css += 'html body .plurk.response { color: #eee !important; }';<br />    css += 'html body .mini_form, html body .input_holder { background-color: #444 !important; color: #eee !important; border-color: #666 !important; }';<br />    css += 'html body textarea, html body textarea.content { background: #3a3a3a !important; color: #eee !important; border-color: #666 !important; }';<br />    css += 'html body .drop_indicator { background-color: #444 !important; color: #ccc !important; }';<br />    css += 'html body .pif-option.scroll-to-bottom { background-color: #444 !important; color: #ccc !important; }';<br />    css += 'html body .pop-view, html body .pop-window-view { background-color: #444 !important; color: #eee !important; }';<br />    css += 'html body .list .plurk_cnt { background-color: #505050 !important; color: #eee !important; }';<br />    css += 'html body .plurk_cnt .info, html body .plurk_cnt .qualifier { color: #bbb !important; }';<br />    css += 'html body #static-ads, html body .plurk-gpt-ad { background-color: transparent !important; }';<br /><br />    // hover - 只針對回應區，首噗不動<br />    css += 'html body .response_box .plurk.response:hover { background-color: #4a4a4a !important; color: #eee !important; }';<br />    css += 'html body .response_box .plurk.response:hover .plurk_cnt { background-color: #4a4a4a !important; color: #eee !important; }';<br /><br />    // 首噗 hover 鎖死不變<br />    css += 'html body .plurk.bigplurk:hover, html body .plurk.bigplurk:hover .plurk_cnt, html body .plurk.bigplurk:hover .text_holder { background-color: #484848 !important; color: #eee !important; }';<br /><br />    var style = document.createElement('style');<br />    style.textContent = css;<br />    document.head.appendChild(style);<br />})();</pre>



<p>dasd</p>
<p>The post <a rel="nofollow" href="https://blog.richliu.com/2026/04/02/6492/plurk-dark-mode/">Plurk Dark Mode</a> appeared first on <a rel="nofollow" href="https://blog.richliu.com">richliu&#039;s blog</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.richliu.com/2026/04/02/6492/plurk-dark-mode/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
