改善 Monica 的沉浸式翻译的样式

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

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

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

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