# アニメバックグラウンド

資源:
https://marketplace.visualstudio.com/items?itemName=unthrottled.doki-theme

## 步驟

1. 安裝

https://marketplace.visualstudio.com/items?itemName=unthrottled.doki-theme

2. 选颜色背景



3. 设定路径

点齿轮符号，打开设定菜单后，点击"Extension Settings"。



往下滚动，"背景"跟"吉祥物"的路径在接近底边的位置。

在设置路径前:

:::danger
在设置 "背景图" 的时候，务必先调整背景的透明度，没有调整透明度的话，背景图会干扰整个内容。
:::

调整透明度工具:

https://www5.lunapic.com/editor/

透明度依照个人喜好调整,自己会推荐 20% 左右。

Doki>Background:Path => 無視窗的背景路径。
Doki>Sticker:CSS => 吉祥物CSS。
Doki>Sticker:Path => 吉祥物路径。
Doki>Wallpaper:Path => 背景路径。


##### 找不到Extension Settings设定

如果找不到设定的话，可以从左下角的”齿轮”=>setting

左测选单找到 Extension => Custom Doki Assets 就可以看到路径设置了。


</br>

分享我目前的吉祥物**在屏幕上的位置**与**调整大小**的CSS代码给大大们参考:

z-index:100;
background-position:100% 95%;/*調整位置*/ 
background-size: 15%;/*調整大小*/ 
background-repeat: no-repeat;/*不重複*/

</br>

3. 重新启动

重开 vscode 或是 点提示的重新启动。


完成。


一起来与推写扣吧。