[Obs#52] 變更段落顏色與重點高亮度的CSS片段

tp.web.random_picture|600

這次不介紹外掛,而是介紹CSS片段給 ==高顏控== 指數的網友們。
我們使用的是deathau製作的CSS片段。

可使用的顏色代碼如下:

  • gray 灰色
  • brown 褐色
  • orange 橘色
  • yellow 黃色
  • green 綠色
  • blue 藍色
  • purple 紫色
  • pink 粉紅色
  • red 紅色

除了deathau的CSS片段,先前介紹過的8+8 highlight colors是另一個選擇:
[Obs#39] 利用CSS變更文字顏色,侵入性小

安裝與啟用

1. 下載CSS檔

至下列網址下載.css檔,再存入你的儲存庫根目錄/.obsidian/snippets

  1. https://github.com/deathau/obsidian-snippets/blob/main/notation-colour-blocks.css
  2. https://github.com/deathau/obsidian-snippets/blob/main/realistic-highlight.css

2. 啟用CSS片段

設定→外觀→找到CSS片段,啟用要使用的notation-colour-blocks與realistic-highlight。

由於顏色類別名有許多外掛會自行定義,因此會有衝突(例如yellow,Buttons外掛也有用到),為了避免同名衝突,建議修改notation-colour-blocks.css,將顏色名再加上不會重覆的開頭,例如yellow改成note-yellow。

1. 區域文字前景顏色

 
  1. 這段文字變成gray 灰色,檢視看看
    想在手機閱讀更多css資訊?下載【香港矽谷】Android應用
分享到Facebook
技術平台: Nasthon Systems