-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathuserChrome.uc.css
More file actions
167 lines (142 loc) · 9.88 KB
/
userChrome.uc.css
File metadata and controls
167 lines (142 loc) · 9.88 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
/*=====================================================================================================
========================================== F I R E F O X T H E M E E N T R Y P O I N T ==========================================
=====================================================================================================*
DESCRIPTION: This is the main userChrome.css file that serves as the entry point for the entire Firefox theme customization.
This file imports all modular CSS components and orchestrates the overall browser UI styling.
ORIGIN: Current design derived from Firefox Mod-Blur theme with extensive modifications and enhancements.
ARCHITECTURE: This file follows a modular import pattern where each CSS file handles a specific component or functionality.
The imports are organized in a logical order to ensure proper cascading and dependency resolution.
IMPORTANT: This file only contains @import statements - all actual styling is done in the imported modules.
This separation allows for better maintainability and selective enabling/disabling of features.
=====================================================================================================
========================================== C O R E S T Y L E S I M P O R T S ==========================================
=====================================================================================================*/
/*=====================================================================================================
IMPORT: Global Variables and Constants
PURPOSE: Defines CSS custom properties (variables) used throughout the theme
DESCRIPTION: Contains all theme-wide variables like colors, dimensions, border radii, etc.
DEPENDENCIES: None (this is the foundation for all other imports)
=====================================================================================================*/
@import url("CSS/common/variables.css");
/*=====================================================================================================
IMPORT: Color Scheme Definitions
PURPOSE: Defines light and dark theme color palettes
DESCRIPTION: Contains comprehensive color definitions for both dark and light modes
DEPENDENCIES: variables.css (uses CSS custom properties defined there)
=====================================================================================================*/
@import url("CSS/common/colors.css");
/*=====================================================================================================
========================================== C H R O M E C O M P O N E N T S I M P O R T S ==========================================
=====================================================================================================*/
/*=====================================================================================================
IMPORT: Layout and Positioning
PURPOSE: Controls toolbar ordering, element visibility, height fixes, and misc layout
DESCRIPTION: Manages toolbar order, hides elements, fixes heights, and alt menu bar
DEPENDENCIES: variables.css, colors.css
====================================================================================================*/
@import url("CSS/chrome/layout.css");
/*=====================================================================================================
IMPORT: Chrome Element Colors
PURPOSE: Applies color schemes to browser chrome elements
DESCRIPTION: Handles coloring of various UI components like buttons, menus, and panels
DEPENDENCIES: variables.css, colors.css
====================================================================================================*/
@import url("CSS/chrome/colors.css");
/*=====================================================================================================
IMPORT: URL Bar Styling
PURPOSE: Customizes the appearance and behavior of the URL/search bar
DESCRIPTION: Handles URL bar theming, focus states, visual effects, dropdown behavior, and height fixes
DEPENDENCIES: variables.css, colors.css
=====================================================================================================*/
@import url("CSS/chrome/urlbar.css");
/*=====================================================================================================
IMPORT: Tab Styling and Behavior
PURPOSE: Customizes the appearance and interaction of browser tabs
DESCRIPTION: Manages tab shapes, colors, hover effects, and visual hierarchy
DEPENDENCIES: variables.css, colors.css
=====================================================================================================*/
@import url("CSS/chrome/tabs.css");
/*=====================================================================================================
IMPORT: Window Controls Styling
PURPOSE: Customizes minimize, maximize, and close buttons
DESCRIPTION: Handles window control button theming and positioning
DEPENDENCIES: variables.css, colors.css
=====================================================================================================*/
@import url("CSS/chrome/window-controls.css");
/*=====================================================================================================
IMPORT: Context Menu Styling
PURPOSE: Customizes right-click context menus
DESCRIPTION: Manages context menu appearance, colors, and hover effects
DEPENDENCIES: variables.css, colors.css
=====================================================================================================*/
@import url("CSS/chrome/context-menu.css");
/*=====================================================================================================
IMPORT: Bookmarks Bar Styling
PURPOSE: Customizes the bookmarks toolbar
DESCRIPTION: Handles bookmarks bar appearance, folder styling, and hover effects
DEPENDENCIES: variables.css, colors.css
=====================================================================================================*/
@import url("CSS/chrome/bookmarks.css");
/*=====================================================================================================
IMPORT: Button Styling
PURPOSE: Customizes various button elements throughout the UI
DESCRIPTION: Manages button shapes, colors, hover states, and visual effects
DEPENDENCIES: variables.css, colors.css
=====================================================================================================*/
@import url("CSS/chrome/buttons.css");
/*=====================================================================================================
IMPORT: URL Auto-Hide Behavior
PURPOSE: Controls URL bar visibility and auto-hide functionality
DESCRIPTION: Implements smart URL bar hiding/showing based on user interaction
DEPENDENCIES: variables.css, colors.css
=====================================================================================================*/
@import url("CSS/chrome/url-auto-hide.css");
/*=====================================================================================================
IMPORT: Linux-Specific Support
PURPOSE: Addresses Linux-specific UI issues and optimizations
DESCRIPTION: Contains fixes and adjustments specific to Linux environments
DEPENDENCIES: variables.css
=====================================================================================================*/
@import url("CSS/chrome/linux-support.css");
/*=====================================================================================================
IMPORT: Customization Mode Styling
PURPOSE: Customizes Firefox's customization/drag-and-drop interface
DESCRIPTION: Manages the appearance of the customization palette and drag states
DEPENDENCIES: variables.css, colors.css
=====================================================================================================*/
@import url("CSS/chrome/customization.css");
/*=====================================================================================================
IMPORT: Vertical Tabs Support
PURPOSE: Implements vertical tabs functionality
DESCRIPTION: Handles vertical tab layout, positioning, and interaction
DEPENDENCIES: variables.css, colors.css
====================================================================================================*/
@import url("CSS/chrome/vertical-tabs.css");
/*=====================================================================================================
IMPORT: Spill Theme Styling
PURPOSE: Applies the Spill visual theme
DESCRIPTION: Removes navigator-toolbox borders and tabbox outlines for clean Spill aesthetic
DEPENDENCIES: variables.css, colors.css
=====================================================================================================*/
@import url("CSS/chrome/theme.css");
/*=====================================================================================================
IMPORT: Status Panel Styling
PURPOSE: Customizes the hover link preview panel
DESCRIPTION: Styles the status panel that appears in bottom-left when hovering over links
DEPENDENCIES: variables.css, colors.css
=====================================================================================================*/
@import url("CSS/chrome/statuspanel.css");
/*=====================================================================================================
IMPORT: Container Tabs Styling
PURPOSE: Customizes container-specific tab appearance
DESCRIPTION: Applies container colors to unselected tabs and manages tab context line visibility
DEPENDENCIES: variables.css, colors.css
====================================================================================================*/
@import url("CSS/chrome/containers.css");
/*=====================================================================================================
IMPORT: Icon Styling
PURPOSE: Adds icons to browser UI elements
DESCRIPTION: Provides icons for context menus, app menu, menubar, places context, and textbox context
DEPENDENCIES: None
====================================================================================================*/
@import url("CSS/chrome/icons.css");