BRIE Chrome Extension Documentation

1. Basic Structure

brie-extension/
├── packages/
│   ├── ui/           # Shared UI components
│   ├── storage/      # Storage management
│   └── shared/       # Common utilities
├── pages/
│   ├── popup/        # Extension popup UI
│   └── content-ui/   # Content script UI

2. Key Concepts

2.1 Chrome Extension Parts

• Popup: The UI that appears when you click the extension icon
• Content Script: Code that runs on web pages
• Background Script: Long-running extension processes

2.2 Theme Implementation

The extension uses a system-based theme approach:

• Detects system theme (light/dark)
• Stores theme preference
• Applies theme to all UI components

3. Theme Flow

graph TD
    A[System Theme] --> B[ThemeProvider]
    B --> C[themeStorage]
    C --> D[UI Components]

4. Current Issue: Dark Theme Not Working

4.1 What's Happening

1. System is in dark mode
2. Extension should detect this
3. But it's staying in light mode