🆕 https://mnya.tw/cc/word/1310.html
【作者：萌芽站長；💻萌芽綜合天地；🖱軟體應用 , 🌐瀏覽器 , 🔘Google Chrome】
想要把 Google Chrome 改造成支援黑暗模式的瀏覽器？原來「The Chrome team」早就提供了官方主題「Just Black」...
#Google_Chrome #Google #Chrome #官方主題 #Just_Black #黑暗模式 #瀏覽器 #軟體應用 #主題 #外觀 #黑色
【作者：萌芽站長；💻萌芽綜合天地；🖱軟體應用 , 🌐瀏覽器 , 🔘Google Chrome】
想要把 Google Chrome 改造成支援黑暗模式的瀏覽器？原來「The Chrome team」早就提供了官方主題「Just Black」...
#Google_Chrome #Google #Chrome #官方主題 #Just_Black #黑暗模式 #瀏覽器 #軟體應用 #主題 #外觀 #黑色
萌芽綜合天地
Google Chrome 官方主題「Just Black」，打造黑暗模式的瀏覽器 - 萌芽綜合天地 - 萌芽網頁
想要把 Google Chrome 改造成支援黑暗模式的瀏覽器？原來「The Chrome team」早就提供了官方主題「Just Black」，只要安裝這個主題，您的 Google […]
🆕 https://mnya.tw/cc/word/1380.html
【作者：萌芽站長；💻萌芽綜合天地；⌨️軟體應用 , 🖥瀏覽器 , 🔘Google Chrome , 🦊Firefox , 🧩擴充元件】
背景設為暗色可長時間觀看螢幕而不會眼睛酸澀 👀，也很適合在相對昏暗的環境下使用，任何網站 🌐 都可以支援黑暗模式...
#Dark_Reader #讓所有網站都支援黑暗模式 #黑暗模式 #自定義黑暗模式 #擴充 #軟體應用 #瀏覽器 #Google_Chrome #Chrome #Firefox #擴充元件 #暗色模式 #暗色 #黑暗
【作者：萌芽站長；💻萌芽綜合天地；⌨️軟體應用 , 🖥瀏覽器 , 🔘Google Chrome , 🦊Firefox , 🧩擴充元件】
背景設為暗色可長時間觀看螢幕而不會眼睛酸澀 👀，也很適合在相對昏暗的環境下使用，任何網站 🌐 都可以支援黑暗模式...
#Dark_Reader #讓所有網站都支援黑暗模式 #黑暗模式 #自定義黑暗模式 #擴充 #軟體應用 #瀏覽器 #Google_Chrome #Chrome #Firefox #擴充元件 #暗色模式 #暗色 #黑暗
萌芽綜合天地
Dark Reader：讓所有網站都支援黑暗模式，自定義黑暗模式擴充 – 萌芽綜合天地
背景設為暗色可長時間觀看螢幕而不會眼睛酸澀 👀，也很適合在相對昏暗的環境下使用，任何網站 🌐 都可以支援黑暗模式！只要你安裝「Dark Reader」這款擴充元件！支援 Chrome 與 Firefox 等瀏覽器，詳細支援情形可查看官方網站。該擴充使用起來很簡單，可為每個網站量身打造適合的黑暗模式 ⚫，可調整亮度 💡、對比、棕褐色濾鏡、灰度和字型，還有文字描邊功能使文字更加清晰（粗體）！
📊 萌芽系列網站問卷調查（2019.7.14）
您認為本站的文章內文區是否要有黑暗模式？ ➡️ 黑暗模式更適合夜間瀏覽網頁，且可以達到一定程度的省電效果。 ➡️ 黑暗模式可以設定是否開啟，將使用 Cookie 讓使用者可以不用每次載入網頁時都要再開啟黑暗模式。 ➡️ 其實萌芽站長已經開始在開發了！😂 #萌芽系列網站問卷調查 #萌芽系列網站 #問卷調查 #黑暗模式 #Cookie
您認為本站的文章內文區是否要有黑暗模式？ ➡️ 黑暗模式更適合夜間瀏覽網頁，且可以達到一定程度的省電效果。 ➡️ 黑暗模式可以設定是否開啟，將使用 Cookie 讓使用者可以不用每次載入網頁時都要再開啟黑暗模式。 ➡️ 其實萌芽站長已經開始在開發了！😂 #萌芽系列網站問卷調查 #萌芽系列網站 #問卷調查 #黑暗模式 #Cookie
Anonymous Poll
100%
非常讚！這個功能可以有！
0%
覺得不必要，但做了也沒關係
ℹ️ https://mnya.tw/about/log/
【公告】萌芽系列網站正式支援黑暗模式
發布編號：482 - 發佈日期：2019-07-14
經過下午六個小時的開發與測試，終於正式將暗黑模式放入萌芽系列網站中，其實製作到一半時我有在社群發布問卷調查，發現多數人支持這個更新，因此我做得挺有成就感！也在此感謝提供意見的各位！現在從上方萌芽導覽列最右側滑開後就可以在「萌芽系列網站網站地圖 & 功能」找到「暗黑模式」，若顯示 ☀️ 代表黑暗模式為「關閉狀態」；若顯示 🌙 代表黑暗模式為「開啟狀態」，點擊按鈕將立刻生效！並同步將設定儲存於您瀏覽器的 Cookie 中，以確保之後都是以指定的模式開啟網頁！現在黑暗模式全站都可以在導覽列切換，但目前僅支援七大 WP 站的內文、目錄區塊顯示黑暗模式，站長認為這樣就夠用了！有任何建議再告知站長唷！希望大家使用愉快！🥰
基本上從按鈕的製作、儲存設定到 Cookie 都是用純前端技術製作出來的，僅顯示暗黑模式有使用到一些 PHP 的技巧，算是近期所學的應用，技術上不困難，但網路上幾乎沒有相關教學，之後有機會在寫教學文提供大家參考！相信我的經驗可以讓你做出更好的作品出來！😉
#公告 #萌芽系列網站 #正式支援黑暗模式 #黑暗模式 #Dark_Mode
【公告】萌芽系列網站正式支援黑暗模式
發布編號：482 - 發佈日期：2019-07-14
經過下午六個小時的開發與測試，終於正式將暗黑模式放入萌芽系列網站中，其實製作到一半時我有在社群發布問卷調查，發現多數人支持這個更新，因此我做得挺有成就感！也在此感謝提供意見的各位！現在從上方萌芽導覽列最右側滑開後就可以在「萌芽系列網站網站地圖 & 功能」找到「暗黑模式」，若顯示 ☀️ 代表黑暗模式為「關閉狀態」；若顯示 🌙 代表黑暗模式為「開啟狀態」，點擊按鈕將立刻生效！並同步將設定儲存於您瀏覽器的 Cookie 中，以確保之後都是以指定的模式開啟網頁！現在黑暗模式全站都可以在導覽列切換，但目前僅支援七大 WP 站的內文、目錄區塊顯示黑暗模式，站長認為這樣就夠用了！有任何建議再告知站長唷！希望大家使用愉快！🥰
基本上從按鈕的製作、儲存設定到 Cookie 都是用純前端技術製作出來的，僅顯示暗黑模式有使用到一些 PHP 的技巧，算是近期所學的應用，技術上不困難，但網路上幾乎沒有相關教學，之後有機會在寫教學文提供大家參考！相信我的經驗可以讓你做出更好的作品出來！😉
#公告 #萌芽系列網站 #正式支援黑暗模式 #黑暗模式 #Dark_Mode
ℹ️ https://mnya.tw/about/log/
【公告】萌芽七大WP站添加黑暗模式切換按鈕
發布編號：483 - 發佈日期：2019-07-15
今天一早起來馬上開始測試昨天黑暗模式是否正常運作，發現到不少邏輯上的錯誤，因此花了兩個小時的時間修復，並且將過去版面上的錯誤再次調整，現在整體版面將比過去整齊許多！也順便在萌芽七大WP站右側欄位添加黑暗模式切換按鈕，更方便大家使用這個功能，而且讓不知道有這個功能的訪客可以一眼就看到！跟萌芽導覽列右側滑開的按鈕設計基本上是一樣的，若顯示 ☀️ 代表黑暗模式為「關閉狀態」；若顯示 🌙 代表黑暗模式為「開啟狀態」，點擊按鈕將立刻生效！並同步將設定儲存於您瀏覽器的 Cookie 中，以確保之後都是以指定的模式開啟網頁！
這樣黑暗模式算是真正完成了！現在不管是電腦還是行動裝置皆可以使用黑暗模式，不過行動裝置只能從萌芽導覽列啟用這個功能，因為其沒有右側欄位，不過並不影響使用體驗唷！😉
#公告 #萌芽七大WP站 #添加黑暗模式切換按鈕 #黑暗模式
【公告】萌芽七大WP站添加黑暗模式切換按鈕
發布編號：483 - 發佈日期：2019-07-15
今天一早起來馬上開始測試昨天黑暗模式是否正常運作，發現到不少邏輯上的錯誤，因此花了兩個小時的時間修復，並且將過去版面上的錯誤再次調整，現在整體版面將比過去整齊許多！也順便在萌芽七大WP站右側欄位添加黑暗模式切換按鈕，更方便大家使用這個功能，而且讓不知道有這個功能的訪客可以一眼就看到！跟萌芽導覽列右側滑開的按鈕設計基本上是一樣的，若顯示 ☀️ 代表黑暗模式為「關閉狀態」；若顯示 🌙 代表黑暗模式為「開啟狀態」，點擊按鈕將立刻生效！並同步將設定儲存於您瀏覽器的 Cookie 中，以確保之後都是以指定的模式開啟網頁！
這樣黑暗模式算是真正完成了！現在不管是電腦還是行動裝置皆可以使用黑暗模式，不過行動裝置只能從萌芽導覽列啟用這個功能，因為其沒有右側欄位，不過並不影響使用體驗唷！😉
#公告 #萌芽七大WP站 #添加黑暗模式切換按鈕 #黑暗模式
🆕 https://mnya.tw/cc/word/1422.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 🎨CSS , ⚙️JavaScript , ⚙️jQuery】
🍪 Cookie（餅乾）在網路世界中無所不在，可以讓使用者儲存網頁設定到瀏覽器中，下次瀏覽時網站就能提供更個人化的服務給同位訪客，其實是一個不錯運用的技術...
#js_cookie #運用餅乾製作簡易黑暗模式示範 #黑暗模式 #夜間模式 #深色模式 #Cookie #餅乾 #示範 #教學 #網站技術 #HTML #CSS #JavaScript #JS #jQuery
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 🎨CSS , ⚙️JavaScript , ⚙️jQuery】
🍪 Cookie（餅乾）在網路世界中無所不在，可以讓使用者儲存網頁設定到瀏覽器中，下次瀏覽時網站就能提供更個人化的服務給同位訪客，其實是一個不錯運用的技術...
#js_cookie #運用餅乾製作簡易黑暗模式示範 #黑暗模式 #夜間模式 #深色模式 #Cookie #餅乾 #示範 #教學 #網站技術 #HTML #CSS #JavaScript #JS #jQuery
萌芽綜合天地
js-cookie 運用餅乾製作簡易黑暗模式示範 – 萌芽綜合天地
🍪 Cookie（餅乾）在網路世界中無所不在，可以讓使用者儲存網頁設定到瀏覽器中，下次瀏覽時網站就能提供更個人化的服務給同位訪客，其實是一個不錯運用的技術！因此萌芽站長就決定應用它來製作現在非常流行的「🌙 黑暗模式」，也有人叫做「夜間模式」或「深色模式」，其實都是一樣的功能，也就是把原先白底黑字為主的版面切換成黑底白字為主，可能有些人以為這要用到「後端技術」，事實上完全不需要後端程式，
🆕 https://mnya.tw/cc/word/1423.html
【作者：萌芽站長；💻萌芽綜合天地；📰資訊新聞】
Twitter（推特）前陣子就有在首頁右方顯示改版預告，不過每個用戶開始支援新介面的時間都不太一樣，站長今日凌晨...
#Twitter #推特 #介面大改版 #介面 #大改版 #更暗的深色模式 #深色模式 #黑暗模式 #介面顏色 #文字大小 #個人化 #資訊新聞
【作者：萌芽站長；💻萌芽綜合天地；📰資訊新聞】
Twitter（推特）前陣子就有在首頁右方顯示改版預告，不過每個用戶開始支援新介面的時間都不太一樣，站長今日凌晨...
#Twitter #推特 #介面大改版 #介面 #大改版 #更暗的深色模式 #深色模式 #黑暗模式 #介面顏色 #文字大小 #個人化 #資訊新聞
萌芽綜合天地
Twitter 介面大改版！更暗的深色模式、顏色與文字大小個人化 – 萌芽綜合天地
Twitter（推特）前陣子就有在首頁右方顯示改版預告，不過每個用戶開始支援新介面的時間都不太一樣，站長今日凌晨終於收到新介面的啟用通知啦！新的改版也推出了不少新功能，書籤、帳戶切換、更暗的深色模式、顏色與文字大小個人化，超讚的啦！😍 ▲ 新介面啟用通知。 ▲ 現在可以自訂介面顏色與文字大小，背景有預設、昏暗與黑暗，設定顏色時還會有代表該顏色的 Emoji 掉落呢！ ▲ 藍色就是推特原本的顏色啦！
🆕 https://mnya.tw/cc/word/1576.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript】
現在不管是 Windows、macOS 還是 Android，系統都可以設定色彩主題成深色模式或淺色模式，瀏覽器也會因為系統設定值而獲得參數，這時候透過 JavaScript 就可以...
#偵測系統色彩主題 #系統色彩主題 #深色模式 #淺色模式 #深色 #淺色 #黑暗模式 #明亮模式 #HTML #JavaScript #JS #網站技術 #prefers_color_scheme #dark #light
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript】
現在不管是 Windows、macOS 還是 Android，系統都可以設定色彩主題成深色模式或淺色模式，瀏覽器也會因為系統設定值而獲得參數，這時候透過 JavaScript 就可以...
#偵測系統色彩主題 #系統色彩主題 #深色模式 #淺色模式 #深色 #淺色 #黑暗模式 #明亮模式 #HTML #JavaScript #JS #網站技術 #prefers_color_scheme #dark #light
萌芽綜合天地
JavaScript：偵測系統深色模式/淺色模式 – 萌芽綜合天地
現在不管是 Windows、macOS 還是 Android，系統都可以設定色彩主題成深色模式或淺色模式，瀏覽器也會因為系統設定值而獲得參數，這時候透過 JavaScript 就可以抓取現在的模式，進而做到改變網頁內容／樣式。這在做網頁深色模式與淺色模式（或者說「黑暗模式」和「明亮模式」）上非常有幫助，使用者基本上不用自行切換，直接透過系統的偏好值顯示對於使用者來說最合適的色彩主題。