☰

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

Font Modification, Wide Screen Adaptation, and Overall Element Scaling

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
mercutiojohn
日安装量
0
总安装量
102
评分
0 0 0
版本
0.2.0
创建于
2023-05-05
更新于
2023-05-05
大小
888.6 KB
许可证
MIT
适用于

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