🎉 欢迎访问GreasyFork.Org 镜像站！本镜像站由公众号【爱吃馍】搭建，用于分享脚本。联系邮箱📮

Greasy fork 爱吃馍镜像

☰

Poe Style Enhancement: Font Modification, Wide Screen Adaptation, and Overall Element Scaling

Font Modification, Wide Screen Adaptation, and Overall Element Scaling

Cómo instalar

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

You will need to install an extension such as Tampermonkey to install this script.

Necesitarás instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Necesitará instalar una extensión como Tampermonkey para instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

🚀 安装遇到问题？关注公众号获取帮助

公众号二维码

扫码关注【爱吃馍】

回复【脚本】获取最新教程和防失联地址

Cómo instalar

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

🚀 安装遇到问题？关注公众号获取帮助

公众号二维码

扫码关注【爱吃馍】

回复【脚本】获取最新教程和防失联地址
Autor
mercutiojohn
Instalaciones diarias
0
Instalaciones totales
102
Calificaciones
0 0 0
Versión
0.2.0
Creado
05/05/2023
Actualizado
05/05/2023
Tamaño
889 KB
Licencia
MIT
Funciona en

en

This UserStyle aims to enhance the style of Poe website, mainly by implementing the following features:

  1. Scale the overall elements of the page to fit better for widescreen display;
  2. Modify the font to use Inter and MiSans;
  3. Adjust the code block style to improve readability;
  4. Hide the right sidebar to obtain more spacious workspace;
  5. Adjust the width of the main window to fit wider screens;
  6. Remove the blank space at the top of chat messages to obtain a more compact layout;
  7. Adjust the navbar style to achieve blurred background effect and other styles.

To achieve these features, the UserStyle uses various techniques, such as scaling the page elements using the zoom property, modifying the font of the page, adjusting the style of code blocks, adjusting the height of various page elements, hiding the right sidebar, and adjusting the navbar style.

zh

主要功能：

  • 优化 Poe 网站的样式

具体来说，主要实现以下功能：

  • 缩放页面整体元素，使其更适合宽屏显示；
  • 修改字体，使用 Inter 和 MiSans 字体；
  • 修改代码块的样式，使其更易于阅读；
  • 隐藏右侧边栏，以获得更宽敞的工作区；
  • 调整主窗口的宽度，以适应更宽的屏幕；
  • 删除聊天消息顶部的空白区域，以获得更紧凑的布局；
  • 调整导航栏的样式，以实现模糊背景等效果。

具体来说，该 UserStyle 的实现方式如下：

  • 使用 zoom 属性缩小页面整体元素；
  • 修改页面字体为 Inter 和 MiSans；
  • 修改代码块的样式，包括背景颜色、空格处理方式和字体；
  • 调整页面元素的高度，包括整个页面、主窗口、侧边栏和聊天消息；
  • 隐藏右侧边栏以获得更宽敞的工作区；
  • 调整主窗口的宽度以适应更宽的屏幕；
  • 删除聊天消息顶部的空白区域以获得更紧凑的布局；
  • 调整导航栏的样式，包括背景颜色、模糊效果、位置和大小。