Initial commit

Author: Pro-Bandey

.gitattributes

@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto

.github/workflows/static.yml

@@ -0,0 +1,43 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          # Upload entire repository
+          path: './site'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

LICENSE

@@ -0,0 +1,37 @@
+# Color PickUp
+
+**Color PickUp** is a minimalist color picker extension and web tool designed to help you inspect, convert, and organize color palettes from a clean, responsive popup.
+
+The interface is divided into three key functional areas:
+
+### 1. The Top Control Bar
+
+Divided into two streamlined groups to keep your workspace uncluttered:
+
+- **Left Controls:** Includes the **Clear History** button to wipe your custom palette, the **Color Picker** shortcut, the **Eye Dropper** tool, and a dynamic **Tile Size** field to scale the size of color tiles (from 8px to 128px) dynamically across the entire application.
+- **Right Tools:** Houses the **Reload UI** utility, the **Theme Toggle** (for seamless Light/Dark mode transitions), and standard links to **Support** and **Donation** pages (hidden automatically when run as a standalone web application).
+
+### 2. The Main Workspace
+
+Consists of an adaptive dual-column layout:
+
+- **Color Preview Block (Left):** Displays a large preview of your active color. Clicking this area triggers your operating system or browser's native color picker. _(Please note: the visual style of the native color picker varies depending on your platform and operating system)._
+- **Conversion Panel (Right):** Displays the selected color automatically converted into six standard formats: **HEX, HSB, RGB, HSL, HWB, and CMYK**. Clicking any field copies the formatted code to your clipboard instantly while showing a subtle popup alert.
+
+### 3. Palette Sections
+
+Located at the bottom of the interface, this area features collapsible, grid-based accordions containing several predefined palettes (Artistic, Favorite, UI Design, Material, Safe, etc.).
+
+- Clicking any color tile automatically updates the main workspace, showing a checkmark (`✓`) on the active tile to indicate your current selection.
+- The **User defined** section at the top of the list acts as your historical log. Your custom picks are saved automatically and can be cleared at any time using the **Clear History** button in the top control bar.
+
+---
+
+**Note on the Eye Dropper Feature:**  
+The Eye Dropper allows you to inspect and capture colors from anywhere on your desktop screen, including areas outside of your browser window. This utilizes the modern browser `EyeDropper` API; on unsupported environments or mobile devices, the extension will gracefully notify you and prompt you to use the standard color picker block.
+
+You can install this application as a Progressive Web App (PWA) on your mobile device, run it as a standalone web application, or deploy it as a browser extension on Google Chrome, Mozilla Firefox, and other Chromium-based browsers.
+
+---
+
+Support & FAQ: [Visit Repository](https://github.com/Pro-Bandey/Color-PickUp)

README.md

@@ -0,0 +1,13 @@
+// Service Worker Initialization
+chrome.runtime.onInstalled.addListener((details) => {
+  if (details.reason === chrome.runtime.OnInstalledReason.INSTALL) {
+    console.info("Color PickUp Extension installed successfully.");
+  }
+});
+
+// Port communication lifecycle initialization
+chrome.runtime.onConnect.addListener((port) => {
+  port.onDisconnect.addListener(() => {
+    // Graceful teardown of communication channels when popup panel closes
+  });
+});