# 讓電腦畫面變黑 讓眼睛舒服的方法無他:一、降低亮度。二、放大文字。 黑色最暗。畫面越多黑色,看起來越舒服。文字越大,看起來越舒服。我自己的情況是這樣。 我本身是資工系背景(專門學程式的科系)。這篇文章的預設讀者是具備同樣背景的人。如果你不是資工系背景,那麼我建議你找到相關背景的人,請他按照本文內容幫你調整電腦,順便增進一下感情。 ## 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