userContent.css

/*=====================================================================================================
========================================== F I R E F O X   C O N T E N T   E N T R Y   P O I N T ==========================================
=====================================================================================================*

DESCRIPTION: This is the userContent.css file that serves as the entry point for styling Firefox's internal pages and web content.
Unlike userChrome.css which styles the browser UI, this file styles the actual content pages displayed within Firefox.

SCOPE: This file applies styling to Firefox's internal pages such as about:config, about:addons, new tab page, private browsing pages,
and other built-in interface elements that are considered "content" rather than "chrome."

ARCHITECTURE: This file follows a modular import pattern where each CSS file handles styling for specific internal pages.
The imports are organized to ensure consistent theming across all Firefox internal interfaces.

IMPORTANT: This file only contains @import statements - all actual styling is done in the imported modules.
This separation allows for better maintainability and selective theming of different internal pages.

=====================================================================================================
========================================== C O N T E N T   S T Y L E S   I M P O R T S ==========================================
=====================================================================================================*/

/*=====================================================================================================
IMPORT: Content-Specific Colors
PURPOSE: Defines color schemes specifically for Firefox internal pages
DESCRIPTION: Contains color definitions optimized for content pages (different from chrome colors)
DEPENDENCIES: None (this is the foundation for content styling)
=====================================================================================================*/
@import url("CSS/content/colors.css");

/*=====================================================================================================
IMPORT: Private Browsing Styling
PURPOSE: Customizes the appearance of private browsing mode interfaces
DESCRIPTION: Handles styling for private browsing windows, indicators, and related UI elements
DEPENDENCIES: colors.css
=====================================================================================================*/
@import url("CSS/content/private-browsing.css");

/*=====================================================================================================
IMPORT: New Tab Page Styling
PURPOSE: Customizes Firefox's new tab page appearance
DESCRIPTION: Manages the theming of the new tab page including background, search bar, and content areas
DEPENDENCIES: colors.css
=====================================================================================================*/
@import url("CSS/content/new-tab.css");

/*=====================================================================================================
IMPORT: Firefox View Styling
PURPOSE: Customizes the Firefox View/Synced Tabs interface
DESCRIPTION: Handles styling for the Firefox View panel that shows recent tabs and synced content
DEPENDENCIES: colors.css
=====================================================================================================*/
@import url("CSS/content/firefox-view.css");

/*=====================================================================================================
IMPORT: About Pages General Styling
PURPOSE: Customizes the appearance of all Firefox about:* internal pages
DESCRIPTION: Manages the theming and background colors for all about:* pages (about:blank, about:config, about:support, etc.)
DEPENDENCIES: colors.css
=====================================================================================================*/
@import url("CSS/content/about-pages.css");

/*=====================================================================================================
IMPORT: Add-ons Manager Styling
PURPOSE: Customizes the about:addons page appearance
DESCRIPTION: Handles theming for the add-ons/extensions management interface
DEPENDENCIES: colors.css
=====================================================================================================*/
@import url("CSS/content/about-addons.css");

/*=====================================================================================================
IMPORT: Advanced Configuration Styling
PURPOSE: Customizes the about:config page appearance
DESCRIPTION: Manages styling for the advanced configuration/preferences interface
DEPENDENCIES: colors.css
=====================================================================================================*/
@import url("CSS/content/about-config.css");

/*=====================================================================================================
IMPORT: Settings Pages General Styling
PURPOSE: Customizes the appearance of settings-related pages
DESCRIPTION: Handles theming for settings/preferences pages across multiple Firefox interfaces (about:addons, about:preferences, about:config, chrome settings)
DEPENDENCIES: colors.css
=====================================================================================================*/
@import url("CSS/content/settings-pages.css");

/*=====================================================================================================
IMPORT: Image Viewer Styling
PURPOSE: Customizes the standalone image viewer appearance
DESCRIPTION: Manages styling for Firefox's built-in image viewer when opening images directly (not an about:* page)
DEPENDENCIES: colors.css
=====================================================================================================*/
@import url("CSS/content/image-viewer.css");

/*=====================================================================================================
IMPORT: Addon Discovery Page Styling
PURPOSE: Customizes Mozilla's addon discovery website appearance
DESCRIPTION: Handles theming for the external addon discovery page (https://discovery.addons.mozilla.org/)
DEPENDENCIES: colors.css
=====================================================================================================*/
@import url("CSS/content/addon-discovery.css");