🎉 欢迎访问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

Você precisará instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

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

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Você precisará instalar uma extensão como o Tampermonkey para instalar este script.

Você precisará instalar um gerenciador de scripts de usuário para instalar este script.

(Eu já tenho um gerenciador de scripts de usuário, me deixe instalá-lo!)

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

公众号二维码

扫码关注【爱吃馍】

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

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

(Eu já possuo um gerenciador de estilos de usuário, me deixar fazer a instalação!)

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

公众号二维码

扫码关注【爱吃馍】

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

Autor
mercutiojohn
Instalações hoje
0
Total de instalações
102
Avaliações
0 0 0
Versão
0.2.0
Criado
05/05/2023
Atualizado
05/05/2023
Tamanho
889 KB
Licença
MIT
Aplicável a

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;
  • 修改代码块的样式,包括背景颜色、空格处理方式和字体;
  • 调整页面元素的高度,包括整个页面、主窗口、侧边栏和聊天消息;
  • 隐藏右侧边栏以获得更宽敞的工作区;
  • 调整主窗口的宽度以适应更宽的屏幕;
  • 删除聊天消息顶部的空白区域以获得更紧凑的布局;
  • 调整导航栏的样式,包括背景颜色、模糊效果、位置和大小。