$ show MrOtherGuy/firefox-csshacks
This repository is a comprehensive collection of CSS hacks and stylesheets for customizing the appearance of Mozilla Firefox, primarily through userChrome.css and userContent.css files. It provides over 200 self-contained CSS files that modify various UI elements such as tabs, toolbars, sidebars, URL bar, context menus, and more. The repo also includes a Python script (add_style.py) for managing tags and creating new styles, and an interactive HTML/JS tag browser to explore styles by category. The collection has been actively maintained for years, with styles updated to match Firefox's evolving internal structure, and a deprecated folder for older versions. While each CSS file is tightly coupled to Firefox's internal IDs and structure, the overall organization and modular design make it easy for users to compose their desired appearance. The project is not a standalone application but a resource for Firefox theming enthusiasts.
The LLM identified 2 files worth highlighting for reuse:
A Python CLI tool for adding new CSS styles to the repository, updating the tags.csv and tagmap.json files accordingly. It supports normal mode (create file and update tags), --update-only to regenerate JSON from tags.csv, and --list to list unique tags. The script is self-contained, reads and writes structured files, and could be reused in other projects that need a simple tag-based file management system.
A custom HTML element (<code-block>) that displays source code with line numbers, syntax highlighting (CSS and simple), and a copy-to-clipboard button. It uses Shadow DOM, lazy loads a highlighter module, and supports content injection via fetch or direct text. The component is reusable in any web project that needs to display code snippets with minimal setup, though the highlighting logic is specific to CSS.