# 讓電腦畫面變黑

讓眼睛舒服的方法無他：一、降低亮度。二、放大文字。

黑色最暗。畫面越多黑色，看起來越舒服。文字越大，看起來越舒服。我自己的情況是這樣。

我本身是資工系背景（專門學程式的科系）。這篇文章的預設讀者是具備同樣背景的人。如果你不是資工系背景，那麼我建議你找到相關背景的人，請他按照本文內容幫你調整電腦，順便增進一下感情。

## Windows 10: Interface

調整成黑底白字。放大畫面。降低螢幕光源亮度。

windows icon > right click > 設定(N)

* 個人化
* 背景
背景：純色
選擇您的背景色彩：黑色
* 色彩
選擇顏色：深色
自動從我的背景選擇輔色：不打勾
選擇您的輔色：黑色
在以下表面選擇輔色：標題列和視窗框線

* 輕鬆存取
* 顯示器
增加所有項目的大小：125%
提高所有項目的亮度：0

* 系統
* 顯示器
變更內建顯示器的亮度：0
夜間光線：字變黃，目測亮度不變。對我來說沒有作用。

## Windows 10: Graphics Driver

每個人的顯卡驅動程式都不一樣。我的是Intel。

* 設定 > 系統 > 顯示器 > 多部顯示器 > 進階顯示設定 > 顯示器資訊 > 顯示器1的顯示卡內容
* (標籤)Inter Graphics控制台 > (按鈕)顯示內容
* 亮度調到0。若有必要可以調到負值。
* 對比不要調。若有必要可以調低。

## Mozilla Firefox: Scaling

網頁調整大小。

* Ctrl+Mouse_wheel
（即時調整網頁大小）

* 滑鼠點一下網址列的縮放比率
（即時恢復網頁大小）

* about:preferences
* 預設縮放比例: 150%
（預設網頁大小）

## Mozilla Firefox: Webpage

Firefox是最注重閱讀舒適度的網頁瀏覽器。Firefox可以設定網頁底色和文字顏色。IE和Chrome則沒有調整網頁顏色的選項。

所有網頁，黑底灰字。

* about:preferences
* color setting
文字：灰色
背景：黑色
未拜訪連結：亮橘色
已拜訪連結：亮紫色
使用系統色彩：不打勾
忽略頁面指定的色彩：總是

* about:config
* browser.display.permit_backplate = false
（文字背後不再出現黑色方塊）
（缺點是看不到wikipedia、twitter的圖片）

## Mozilla Firefox: Scrollbar

網頁捲軸，改成黑底，甚至更換風格。

* about:config
* widget.non-native-theme.enabled = true
* widget.non-native-theme.scrollbar.style = 1
（卷軸使用系統顏色）（深灰色）

## Mozilla Firefox: Interface

介面黑體白字。

* about:addons
* theme (shortcut: 設定頁面的左下角，選擇擴充套件與佈景主題)
如果你沒對windows10的顏色動手腳：深色
如果你有對windows10的顏色動手腳：(
維持預設值）系統佈景主題–自動

## Mozilla Firefox: User-Defined Style Sheets

此法適用於Mozilla Firefox，也同樣適用於Google Chrome。本篇文章將以Mozilla Firefox為主，畢竟我用習慣了。

我們可以自訂瀏覽器的外觀。外觀也包含了配色。把配色改成黑色，減少亮度，讓眼睛舒適。

* We need
* CSS: famous language for web design https://www.w3schools.com/css/
* UserChrome.css: https://www.userchrome.org/

* About userChrome.css or userContent.css
* userChrome.css: firefox interface
* userContent.css: web pages and internal pages like about:newtab

* Create userChrome.css or userContent.css
* Press Win+R
* Enter %APPDATA%
(Access the user profile folder.)
* Move to /Mozilla/Firefox/Profiles/*very_long_id*/
* Create /chrome/userChrome.css
(Create folder 'chrome' and file 'userChrome.css'. Case-sensitive.)

* Activate userChrome.css or userContent.css
* about:config
* toolkit.legacyUserProfileCustomizations.stylesheets = true

## Mozilla Firefox: PDF.js

Firefox內建了PDF閱讀套件。利用userContent.css更改文件顏色，成為黑底灰字。

* Automatic (userContent.css)
* Text color and background color
> #viewerContainer > #viewer > .page > .canvasWrapper > canvas {filter: grayscale(1) invert(1) brightness(0.75);}

> 20220701更新：Firefox 102版本更新，PDF.js變成自動抓取色彩設定，自動得到黑底白字。這項設定變得無用。然而圖片仍是白底黑字。我不知道怎麼解決。

* Highlight color of Find (Ctrl+F)
> .pdfViewer .textLayer .highlight {background-color: rgb(255, 255, 0);}

* Reference
> Dark mode for Firefox's built-in PDF viewer
> https://pncnmnp.github.io/blogs/firefox-dark-mode.html
>
> Changing the ctrl+f highlight color in pdf viewer
> https://www.reddit.com/r/FirefoxCSS/comments/phesqw/
>

* Manual (bookmark)
* open bookmark list. (shortcut Ctrl+Shift+O)
* right click and create bookmark.
* name: whatever you like
> PDF Dark Mode
* link:
> javascript:(function(){viewer.style = 'filter: grayscale(1) invert(1) brightness(0.75)';})()

* Word background color (about:config)
* Firefox automatically fill the background of each word with black when we set background of webpage to be black. (In PDF.js, color becomes lightgray due to built-in transparent layer setting.) We can cancel that by about:config.

> browser.display.permit_backplate = false

> bad news: pictures will be disappered in wikipedia and twitter.

* Default PDF reader
* windows 10 > any PDF file > right click > 內容( R )
* 開啟檔案 > 變更 > 總之就是找到Firefox

## Adobe PDF Reader: Color

地球上唯一一個黑底灰字、黑色介面的PDF軟體！不過我現在都用PDF.js。

* (上方列或者按ALT)編輯 > (菜單)偏好設定 > (左欄)協助工具 > (右頁面)取代文件色彩
* 前景：灰色
* 背景：黑色

## Adobe PDF Reader: Toolbar

右邊（或者左邊）那個白色背景的視窗，可以永久關閉。

https://helpx.adobe.com/cn/acrobat/kb/disable-right-hand-pane-in-acrobat-reader.html

## Notepad++: Interface

設定 > 偏好設定

* 一般
工具列：隱藏
頁籤列：隱藏
顯示狀態列：無
（外觀變成記事本）

* 黑暗模式 > 黑色調
（工具列變黑底灰字）

* 邊距/邊界/行界線
摺疊符號：無
邊框寬度：無邊框
行號：不顯示（我都按ctrl+G）
填充：左15右0（根據你用哪種字體、哪種大小）
顯示標記：無
（外觀變成記事本）

設定 > 語法樣式配置器

* 色彩佈景主題設定
選取主題：Zenburn
程式語言：Global Style
樣式：Global override
字型名稱：Consolas (or any monospaced font)
字體大小：16

## Notepad++: Syntax Highlighter

<del>vim、emacs什麼的，那都是喜歡爭高下的屁孩在用的。像我這種真男人，都是用記事本寫程式。</del>

一開始我用SciTE，後來改用Notepad++。

這兩個文字編輯器都是採用同一個核心SCIntilla。這個核心有一個重要特色——以文字設定檔設定外觀，例如視窗框架，例如介面顏色，例如程式碼關鍵字顏色。換句話說，只要你熟悉設定檔格式，就可以自訂顏色，甚至是Notepad++沒有列出的項目。

比方來說，HTML運算子的顏色。

> https://www.scintilla.org/html.properties

# Other inside tag
style.xml.8=fore:#800080,back:#FFF3E1
         ^^
         styleId is 8

* Press Win+R
* Enter %APPDATA%
* Open /Notepad++/themes/Zenburn.xml
(the selected theme in Notepad++)
* Locate <LexerType name="html" desc="HTML" ext="">
* Add <WordsStyle name="OPERATOR" styleID="8" fgColor="800080" bgColor="3F3F3F" fontName="" fontStyle="2" fontSize="" />

## Microsoft Paint

小畫家圖片反白。

* Press Ctrl+A
* Press Menu
* Press E