讓電腦畫面變黑

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

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

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

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

  • 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
Select a repo