Try   HackMD

讓電腦畫面變黑

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

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

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

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