小屋創作

日誌2024-09-09 22:55

[達人專欄] 用最少步驟將舊版小屋設定為闇黑模式

作者:οπτασία

我記得沒錯前幾年站方就一直說要換新版小屋,但過這麼久都沒動作。很多人為了大聲說等功能仍堅守舊版小屋。另外是一些讀者常常抱怨的字太亮/太黑看不到的問題(帳號的闇黑模式只適用新版小屋和公眾討論區,舊版小屋是不吃的)

以前我是懶加上沒在經營不重視。現在要經營的話也會考慮到讀者的便捷性,像是字體易讀或是避免太亮刺激眼睛。我也會用登出切換觀察(即便是沒登入從google進屋的guest等),依然可以方便閱讀的設定。

--------------------------

總結:

1.像我一樣只習慣舊版的頑劣份子
2.需要用到大聲公等舊版才有的剛性需求
3.喜好闇黑模式但又為舊版小屋無法適用闇黑感到困擾
4.想要短暫解決字看不清問題,又希望在小屋跟哈啦版一文多po時不要搞太複雜
5.目前沒有適用的小屋模版(特別是很多背景圖片穿過文字左區塊底色嚴重干擾閱讀)
6.不追求板面花花綠綠的簡潔風
如果符合條件並尋求解決方案,可參考本帖的設定流程

關於設定區塊,請參閱小屋佈景自訂樣式項目-主要對頁面快速設定 位置介紹此篇文章

--------------------------

設定:

開啟「小屋佈景」 ➔「我的佈景(A~E任選)」➔「進階設定」
圖片只PO要改的部份,下方說明更動理由

主要頁面
背景底圖:我依照闇黑模式設成近黑的顏色,當然要全黑也可以
小屋主圖:目前我沒有打算放圖,但要放的話記得計算好圖文的顯示效果(比如文字擋到人臉的問題)
左區塊底圖:幾乎是小屋閱讀的重災區,要嘛上底色,要嘛直接跟背景一路全黑。就算上圖也盡可能找不影響閱讀的素色為主
右區塊標題:不改的話字是黑的,改白
右區塊底圖:透明
頁籤按鈕/右方按鈕:預設是白,建議改黑
標題文字顏色/文字顏色/主要連結顏色:沒特別需求全白,維持整體風格
次要連結顏色:來者是客,上色
特殊連結:外部連結可上色,淡黃色較不刺眼,且使用頻率少避免看文章閃瞎
主要色塊:已經廢掉的叭啦叭啦區,可上可不上
次要色塊:回覆互動區塊跟主文區塊做區別。為維持整體風格用灰色
文字輸入區塊:直接透明。因為你只要在文字顏色那邊設定白色了,巴友回覆&編輯自己文章也都是白色。當然你要設定深色底圖做區隔也可以。


次要頁面
次要標題:預設的藍色跟闇黑背景不太合,改白
表格:月曆的顯示。因為我找不到修改月曆文字的方法,所以直接改底色
文字輸入框:前面說過回覆打字都會顯示白色,但有趣的是文字輸入框出來的字卻預設黑色,所以底色又改回白色
特殊按鈕1/強調按鈕 1:因為上面設定被拉成白色,改黑
特殊按鈕2:因為上面設定被拉成白色,改紅

--------------------------

更動輸入習慣

闇黑模式跟在一般模式的差別相信大家都明白(比如闇黑模式的黃色非常明顯,但一般模式下幾乎看不見)。如果您又是常常小屋跟哈啦一文多PO的朋友,建議盡可能採用油漆桶(背景顏色)的功能。減少PO到一般模式下哈啦區的閱讀障礙(頂多在背景顏色文字上再加一道反白,可以用筆記本ctrl+h的取代功能)

--------------------------

本佈景設定的小問題

有一些輸入框(比如巴哈搜尋框,文章標題編輯框)會因為小屋將文字設定為白色導致不可見,包括進入小屋的巴友也會受影響(但有趣的是搜尋小屋的框不受影響)


要顯示文字只能從「文字顏色->主要文字」那邊降低文字亮度,堅持要用全白只能跳出小屋去外面用巴哈搜尋,編輯標題時就自己反白。當然如果有更好的解決方法也歡迎告知。

也歡迎各位蒞臨小屋的巴友對現在我的小屋模板提供意見反饋。debug順利的話會考慮去投稿佈景。謝謝各位了

7

2

LINE 分享

相關創作

舊版&新版小屋的佈景

[達人專欄] [生活遊記] 來去台南放膽吃吃吃吃吃吃吃吃 (第二天)

[達人專欄] 達人條件「人氣/流量」分析

留言

開啟 APP

face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】