稍微調整了深色模式的畫面

前幾天稍微調整了一下深色模式的畫面。

調整前
調整後

引言

原本是透明灰色背景,現在變成透明藍色背景。

超連結

原本這個 Hugo 主題,滑鼠 hover 上去會有一個遮蔽的小動畫。

我覺得還蠻有創意的,不過我還是比較喜歡傳統純粹的 hover 變色,所以就拿掉了。

標籤

原本是白色,hover 上去變灰色,而且還有惱人的 transition time,讓它看起來沒那麼流暢。

現在改成跟超連結一樣的藍色,hover 變深一點的藍色,也把 transition time 拿掉。

主選單

原本 active 的選項只是白色粗體,hover 幾乎沒變色。

現在 active 的選項改成藍色,hover 其他選項也變成藍色。

在自己的網站上才能調整

以上全部都是小細節,一般人可能覺得沒什麼。但我個人對於版面跟色彩還蠻要求的,所以這些對我來說是很大幅度的改動。

我相信一定有很多更有美感、更有品味的設計師,會比我在意的更多。

但是,只有在自己的網站才能客製化這些細節。在 FB/IG 等社群媒體,版面全都被決定好了,什麼都不能動。

所以,如果你是很在意美感跟版面的人,趕快架一個自己的網站來揮灑自己的藝術氣息吧!

如果你已經有了自己的網站,或有推薦的好看網站,希望你可以在下面留言告訴我,讓我也可以提升自己的品味。

哪個好看?

——我自己是比較喜歡現在的啦。

我覺得原本的色彩有點太單調,只有黑白灰,而且引言跟超連結會有點不夠突出。但是調整後,引言跟超連結都變成藍色,可以跟一般內容有區分,讓畫面看起來更豐富。

  • 不知道你覺得原本的比較好看,還是後來的呢?
  • 還有你平常喜歡用深色模式還是淺色模式看呢?

歡迎在下面留言讓我知道。

較舊一篇 我用來檢測自己跟異性之間有沒有越線的標準