讓電腦畫面變黑

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

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

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

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

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

一開始我用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