Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

我很喜欢沉浸式翻译插件的自定义样式的功能,我更倾向于将它设置成「灰色、较小字体」,来仅在需要时再去阅读翻译内容(避免与主体英文内容抢占视野)

最近订阅了 Monica,Monica 拥有沉浸式翻译的功能,但是无法自定义翻译样式,所以通过自定义样式来实现

利用 Stylus 插件,配置如下样式,设置为全局生效

Code Block
languagecss
monica-translate-translate, monica-translate {
	background: none !important;
	opacity: 70% !important;
	font-size: 70% !important;
}

/* 新版本的标签名为 monica-translate-translate,旧版本为 monica-translate */

效果:

(修改前)

image-20240603-074259.png

(修改后)

image-20240603-074242.png