====== Vivaldi Theme ======
  * [[:vivaldi|Vivaldi Browser]] theme

===== Nord =====
  * [[https://github.com/arcticicestudio/nord/issues/100|Vivaldi Theme · Issue #100 · arcticicestudio/nord]]
<code>
Background: #2e3440 -> #434C5E for Linux nordic theme
Foreground: #d8dee9
Highlight:  #81a1c1
Accent:     #81a1c1
Accent Color from Active Page: [ ]
Apply Accent Color to Window:  [ ]
Transparent Tabs:              [X]
Corner Rounding: 2px
</code>

===== CSS mod 설정하기 =====
  * [[https://forum.vivaldi.net/topic/10549/modding-vivaldi|Modding Vivaldi | Vivaldi Forum]]
  * [[vivaldi://experiments|vivaldi://experiments]] 열고
  * "Allow for using CSS modifications" 활성화
  * **설정 -> 모양(Appearance)** **수정금지** 항목에서
  * mod ''*.css'' 파일이 있는 디렉토리를 선택한다. (css 파일명 무관)
  * Vivaldi 를 완전 종료하고 재시작한다.
  * 다시 원복 하려면 **수정금지** 항목을 빈 칸으로 되돌리고, 활성화한 항목을 비활성화로 바꾼다.

===== Window Control Button =====
  * [[https://forum.vivaldi.net/topic/25212/gtk-native-theme-window-controls/10|GTK native theme window controls | Vivaldi Forum]]

===== vivaldi mods =====
  * mods CSS 에 이미지를 URI로 변환해서 넣기 : [[https://websemantics.uk/tools/image-to-data-uri-converter/|Image to base64 data-URI converter]]
  * [[https://github.com/justdanpo/VivaldiHooks|justdanpo/VivaldiHooks: VivaldiHooks is a set of hooks/scripts for Vivaldi browser modding.]]
  * [[https://github.com/tiosgz/vivaldi-mods|tiosgz/vivaldi-mods: Modifications of Vivaldi browser]]
  * [[https://github.com/luetage/vivaldi_modding|luetage/vivaldi_modding: Custom modifications for Vivaldi web browser.]]
  * [[https://github.com/LonMcGregor/VivaldiMods|LonMcGregor/VivaldiMods: Stuff for Vivaldi Browser, Bringing together various gists into a repo]]
  * [[https://github.com/sjudenim/Mods-for-Vivaldi|sjudenim/Mods-for-Vivaldi: Various ui improvements for the Vivaldi web browser]]
  * [[https://gist.github.com/rickybrent/83bad813a48bfab157148aa1b2bb0b38|Yaru theme buttons]]