首頁 >web前端 >css教學 >Cyber​​dev 黑曜石主題

Cyber​​dev 黑曜石主題

Patricia Arquette
Patricia Arquette原創
2025-01-02 17:49:39405瀏覽

介紹

我設計了一個特殊的黑曜石主題,專為深夜在電腦前工作、編寫程式碼或記筆記的開發人員量身定制。開發此主題是為了最大程度地減少長時間坐在螢幕前的使用者的眼睛疲勞。透過在黑色背景上使用對比色來實現高對比度,增強可讀性並提供舒適的使用者體驗。

在發展這個主題時,遇到的主要挑戰如下:

  • 螢幕亮度:打造長時間使用時不會使眼睛疲勞的設計。

  • 可讀性:確保文字和程式碼易於區分和理解。

  • 簡單與極簡主義:避免不必要的視覺混亂,以提供專注的使用者體驗。

  • 程式碼可讀性:設計一種配色方案,使程式碼易於區分和分析。

考慮到這些標準,我的目標是建立一個優先考慮使用者體驗的主題。

開發筆記

Cyberdev Obsidian Theme

主題範本檔案已從 Obsidian 範本檔案複製到新建立的 ObsidianVault 檔案中。

範本檔案移至 .obsidian/themes 資料夾後,manifest.json 檔案已編輯。

這裡最需要注意的一點是,manifest.json 檔案中 name 欄位的值必須與資料夾名稱相符。例如,如果值為“name”:“cyberdev”,則範本資料夾名稱也必須更新為“cyberdev”。

從現在開始,所有調整都將在 theme.css 檔案中進行。現階段有兩個要點要理解:

  1. Obsidian API 中的預設 CSS 變數:
    Obsidian 提供預設的 CSS 變量,讓您可以直接修改顏色、字體大小、字體系列和邊框粗細等值。這些變數可以在 Obsidian 文件的 CSS 變數部分下找到。

  2. 使用開發者工具:
    開啟 Obsidian 介面後,您可以透過按 CTRL SHIFT I 存取開發人員工具。然後,透過使用 CTRL SHIFT C 快捷鍵,您可以啟用檢查模式。這允許您使用滑鼠選擇螢幕上的特定元素。將顯示與所選元素相關的 CSS 變數。對於這些類,例如 .cm-em{},您應該使用點符號編寫它們,並在大括號內定義變數。

許可證資訊

與其他黑曜石主題代碼一樣,主題是根據 MIT 許可證開源的。將其下載到您的電腦或透過儲存庫中的分支建立分支後,您可以根據需要對其進行自訂並添加功能。您也可以複製儲存庫並根據需要在電腦上進行編輯。

存取專案文件

Cyberdev Obsidian Theme

您可以在以下 GitHub 位址查看該專案:

gokayburuc/cyberdev-obsidian-theme

下載主題的說明可以在指定的儲存庫中找到。

接觸

您可以透過以下管道聯繫我以了解項目

電報:@gokayburuc
mail:gokayburuc@yandex.com
LinkTree : https://linktr.ee/gokayburuc

如果您喜歡這篇文章,請訂閱我的頻道並分享這篇文章。

以上是Cyber​​dev 黑曜石主題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn