Back to Copytranslator

样式

docs/userland/style.md

12.1.01.2 KB
Original Source

样式

使用方法

您可以通过修改配置目录下的styles.css文件来自定义CopyTranslator的界面风格,样式。

可以修改的属性包括但不限于:字体,颜色,背景,边框。

可以自定义的部分包括但不限于:两大模式的结果框,设置框,状态栏的样式。 ::: tip CSS文件的编写可以参考HTML中文网。欢迎大家分享自己编写的style.css文件。 :::

默认样式

css
.focusText {
    /*modify the style of the focus result textarea*/
    font-family: Monaco; /*设置专注模式的字体为 Monaco*/
}

.contrastText {
    /*modify the style of the contrast src and result textarea*/

}

.contrast {
    /*modify the style of the contrast mode panel*/
}

样式库

Default

简介

  • 作者:Elliott Zheng
  • 源码:Github
  • 说明:就是默认的,没有什么花里胡哨的

截图