Merging Main With Develop Branch

.gitignore

@@ -1 +1,2 @@
-node_modules/
+node_modules/
+coverage/

CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+# [1.1.0](https://github.com/vernonthedev/github-explorer2/compare/v1.0.0...v1.1.0) (2025-12-29)
+
+
+### Features
+
+* implement card-based repository grouping, enforce dark theme, and add SPA navigation support ([47b1cf3](https://github.com/vernonthedev/github-explorer2/commit/47b1cf348b0b14175ca4934e5bb0c835b9556d32))
+* improved group card selection logic and enhance active state styling with visual feedback ([ccc08ad](https://github.com/vernonthedev/github-explorer2/commit/ccc08ad940f66237c518152080b4c8c25fa36d8c))
+* revamp UI with a new design system, dark mode, adding Dexie and Lucide icons, fixes [#4](https://github.com/vernonthedev/github-explorer2/issues/4) ([6e5fa86](https://github.com/vernonthedev/github-explorer2/commit/6e5fa86578a73a2516a6fc7250333a16f523b5fa))
+
 # 1.0.0 (2025-12-28)
 
 

README.md

@@ -1,19 +1,20 @@
 ```text
-   ____ _ _   _   _       _        _____            _                     
-  / ___(_) |_| | | |_   _| |__    | ____|_  ___ __ | | ___  _ __ ___ _ __ 
- | |  _| | __| |_| | | | | '_ \   |  _| \ \/ / '_ \| |/ _ \| '__/ _ \ '__|
- | |_| | | |_|  _  | |_| | |_) |  | |___ >  <| |_) | | (_) | | |  __/ |   
-  \____|_|\__|_| |_|\__,_|_.__/   |_____/_/\_\ .__/|_|\___/|_|  \___|_|
+ ██████╗ ██╗████████╗██╗  ██╗██╗   ██╗██████╗     ███████╗██╗  ██╗██████╗ ██╗      ██████╗ ██████╗ ███████╗██████╗ 
+██╔════╝ ██║╚══██╔══╝██║  ██║██║   ██║██╔══██╗    ██╔════╝╚██╗██╔╝██╔══██╗██║     ██╔═══██╗██╔══██╗██╔════╝██╔══██╗
+██║  ███╗██║   ██║   ███████║██║   ██║██████╔╝    █████╗   ╚███╔╝ ██████╔╝██║     ██║   ██║██████╔╝█████╗  ██████╔╝
+██║   ██║██║   ██║   ██╔══██║██║   ██║██╔══██╗    ██╔══╝   ██╔██╗ ██╔═══╝ ██║     ██║   ██║██╔══██╗██╔══╝  ██╔══██╗
+╚██████╔╝██║   ██║   ██║  ██║╚██████╔╝██████╔╝    ███████╗██╔╝ ██╗██║     ███████╗╚██████╔╝██║  ██║███████╗██║  ██║
+ ╚═════╝ ╚═╝   ╚═╝   ╚═╝  ╚═╝ ╚═════╝ ╚═════╝     ╚══════╝╚═╝  ╚═╝╚═╝     ╚══════╝ ╚═════╝ ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝
 ```
+
 # GitHub Explorer
 
-A browser extension that reskins GitHub.com to look like GitLab, adding groups functionality to organize repositories by naming convention.
+A browser extension that reskins GitHub.com to add groups functionality to organize repositories by naming convention & card based management.
 
 ## Features
 
-- **GitLab Theme**: Complete visual transformation of GitHub's interface
 - **Repository Groups**: Automatically groups repositories based on naming convention (everything before first hyphen)
-- **Modern Design**: Clean, distraction-free interface inspired by GitLab's design language
+- **Modern Design**: Clean, distraction-free interface inspired by github's design language
 - **Preserved Functionality**: All native GitHub features remain intact
 
 ## Installation
@@ -27,51 +28,35 @@ A browser extension that reskins GitHub.com to look like GitLab, adding groups f
 ## How It Works
 
 ### Repository Grouping
+
 - Repositories are grouped by naming convention
 - Everything before the first hyphen (`-`) becomes the group name
 - Example: `project-alpha`, `project-beta` → Group: **project**
 - Repositories without hyphens are grouped as **General**
 
 ### Technical Implementation
+
 - Uses `MutationObserver` to detect GitHub's SPA navigation
 - Preserves React event listeners by moving DOM nodes instead of recreating
 - Implements proper cleanup to prevent memory leaks
 - Debounces rapid DOM changes for optimal performance
 
 ## Design System
 
-The extension implements GitLab's color palette:
+The extension implements github's color palette:
 
 - **Primary Navy**: `#292961`
 - **Accent Orange**: `#e24329`
 - **Clean White**: `#ffffff`
 - **Border Gray**: `#dbdbdb`
 
-## File Structure
-
-```
-├── manifest.json    # Extension configuration
-├── content.js       # Core functionality and DOM manipulation
-├── styles.css       # GitLab theme styling
-└── README.md        # Simple Docs
-```
-
-## Customization
-
-### Modify Grouping Logic
-Edit the `extractGroupName()` method in `content.js:221` to change how repositories are grouped.
-
-### Update Styling
-Modify the CSS variables in `styles.css:4` to adjust colors and spacing.
-
 ## Usage
 
 Once installed, the extension automatically:
 
 1. Detects when you visit GitHub pages
-2. Applies GitLab theming to the interface
-3. Groups your repositories automatically
-4. Maintains all GitHub functionality
+2. Groups your repositories automatically
+3. Maintains all GitHub functionality
 
 ## Troubleshooting
 
@@ -81,4 +66,4 @@ Once installed, the extension automatically:
 
 ---
 
- Made with love by [vernonthedev](https://github.com/vernonthedev)
+Made with ❤️ by [vernonthedev](https://github.com/vernonthedev)