Skip to content

rheactdev/picrew-dark-mode-and-landscape

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

12 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŒ™ Picrew Dark Mode & Landscape

A custom UserStyle that adds a universal dark mode to Picrew and completely overhauls the image maker interface for desktop users by forcing a full-screen, landscape layout.

1

Picrew in example is by @rainbun

โœจ Features

  • Universal Dark Mode: Applies a smart invert filter across the entire website to reduce eye strain. Images, canvases, SVGs, and color swatches are protected from the inversion so the art retains its true colors.
  • Desktop Landscape View: Tired of scrolling up and down on a wide monitor? This script triggers on maker pages (/image_maker/) for screens larger than 768px, splitting the screen into a two-column layout:
    • Left Side: A maximized, responsive canvas that retains its 1:1 aspect ratio.
    • Right Side: A scrollable menu for parts and color selections.
  • Ad & Clutter Removal: Hides side advertisements, footers, and unnecessary mobile UI elements to give you a clean workspace.
  • Optimized UI: Fixes thumbnail grids and ensures color palette swatches have borders so dark colors don't vanish into the background.

๐Ÿ› ๏ธ Installation

To use this theme, you will need a user style manager extension installed in your browser.

  1. Install Stylus for your browser:
  2. Install the theme from userstyles.world

๐Ÿ–ฅ๏ธ Compatibility

  • Browsers: Chromium & Firefox browsers.
  • Devices: Works best in landscape-mode for tablets & desktops. Mobile not tested but might work.

๐Ÿ“„ License

This project is licensed under the MIT License.


Created by rhea-manuel.

About

A UserStyle theme for Picrew that adds a dark mode & landscape view.

Resources

License

Stars

Watchers

Forks

Contributors

Languages