Language: English | 简体中文 | 繁體中文
Lightweight user script for Luogu — customize your interface freely.
Luogu Display Better is a lightweight user script for Luogu that provides visual improvements and per-user customization through a settings panel. It supports card blur, opacity control, rounded corners, fullscreen backgrounds, ad hiding, and custom CSS injection.
- Card Blur: Add frosted-glass blur effects to cards, overlays, pop-ups, and comments.
- Card Opacity: Adjust card background transparency for a lighter, more transparent, or cleaner look.
- Card Radius: Customize the corner radius for cards, article areas, panels, and other elements.
- Image Radius: Apply rounded corners to images for improved aesthetics.
- Fullscreen Background: Extend background images to cover the entire page, especially suitable for theme pages that use header background images.
- Ad Blocker: Hide sidebar ad cards to reduce visual noise.
- Custom CSS: Inject custom CSS directly to quickly personalize the interface.
- Install a user script manager such as Tampermonkey, Violentmonkey, or Greasemonkey.
- Import
LuoguDisplayBetter.user.jsinto the manager. - Open or refresh Luogu; the script will run automatically.
- On first run, the script initializes default settings automatically.
- After the page loads, a “Style Plugin Settings” button appears in the sidebar. Click it to open the settings panel.
- Move sliders and toggle switches in the panel to preview changes in real time; changes apply immediately.
- Custom CSS entered in the panel is injected into the page instantly.
- Press Esc or click the red close button in the top-right corner to close the settings panel.
- Issues and pull requests are welcome — feel free to report compatibility problems, suggest style improvements, or propose new features.
- Join us to build a better script together.
This project is licensed under the GNU General Public License v3.0. See LICENSE for details.