{%hackmd BJOT7rhoyl %} # 設定帳號深/淺色模式 透過帳號設定,你可以預設空間總覽和閱讀筆記時的顏色模式。 ![image](https://hackmd.io/_uploads/SyC_fw8Dke.png) ### 設定帳號的介面顏色模式 選擇工作空間總覽與其他介面顯示的深/淺色模式,或依照系統預設。 ### 設定閱讀顏色模式 選擇筆記在閱讀模式、檢視頁時顯示的深/淺色模式,或依照系統預設。 ### 套用自訂樣式 這個選項預設關閉。當你瀏覽的筆記包含 HTML、CSS 等客製化樣式,開啟「套用自訂樣式」會優先套用該筆記的版面或顏色樣式設定。 &nbsp; # 設定編輯器主題顏色 編輯器右下角有一個 <i class="fa fa-paint-brush" aria-hidden="true"></i> 筆刷圖按鈕可以選擇編輯器呈現的背景、文字顏色主題,預設為 Neo Dark 也就是常見的深色編輯器樣貌。 ![image](https://hackmd.io/_uploads/ByPHha5IR.png =300x) &nbsp; # 雙欄模式預覽 當您在雙欄模式,可以選擇右側預覽的主題顏色。切換的按鈕在右上角的 <i class="fa fa-paint-brush" aria-hidden="true"></i> 筆刷選單。 >[!Tip] 此設定將會套用在瀏覽頁 >當您設定為淺色模式,讀者點開連結將會預設淺色模式呈現 >當您設定為深色模式,讀者點開連結將會預設深色模式呈現 ![圖片](https://hackmd.io/_uploads/S1x-E2R6fkg.png =300x) ▲ **點一下 <i class="fa fa-paint-brush" aria-hidden="true"></i> 筆刷圖示開啟切換選單** &nbsp; # 設定瀏覽頁主題顏色 即使在瀏覽頁,您也可以任意改變筆記呈現的深/淺色。 ![圖片](https://hackmd.io/_uploads/Hkk7dRazke.png =300x) ▲ **瀏覽頁右上角的 <i class="fa fa-paint-brush" aria-hidden="true"></i> 筆刷按鈕可調整顯示主題** &nbsp; # 客製化 CSS 如果您開啟的筆記已經套用自訂 CSS,那麼雙欄模式和瀏覽頁都會多出【自訂 CSS】的選項。 ![image](https://hackmd.io/_uploads/SJ1XppqIA.png =300x) >[!Note]想知道如何利用 CSS 套用創意主題嗎? >查看 [嵌入筆記,自訂筆記主題](https://hackmd.io/@docs/embed)