Make progress bar text always black + add sdr-feature skill + update metadata

- Changed progress bar text color from white/dynamic to always black (#000)
- Removed text-shadow from progress text for better readability
- Removed unused --progress-text CSS variables
- Removed theme-specific progress text color overrides
- Added sdr-feature skill for implementing features and deploying to HF
- Updated HuggingFace metadata: title and colors to match SDR Status Tracker branding

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

README.md

@@ -1,15 +1,15 @@
 ---
-title: Case Status Tracker
+title: SDR Status Tracker
 emoji: 📊
-colorFrom: blue
+colorFrom: purple
 colorTo: green
 sdk: static
 pinned: false
 license: mit
-short_description: Interactive sales case tracking dashboard
+short_description: Interactive SDR performance tracking dashboard
 ---
 
-# Case Status Tracker
+# SDR Status Tracker
 
 Interactive dashboard for tracking sales development case progress with real-time editing and persistent data storage.
 

index.html

@@ -61,7 +61,6 @@
             --chart-grid: rgba(255,255,255,0.1);
             --chart-text: var(--base-400);
             --input-bg: rgba(255,255,255,0.08);
-            --progress-text: #fff;
             --modal-bg: var(--base-600);
         }
 
@@ -82,7 +81,6 @@
             --chart-grid: rgba(0,0,0,0.08);
             --chart-text: var(--base-500);
             --input-bg: var(--base-200);
-            --progress-text: var(--base-600);
             --modal-bg: var(--base-100);
         }
 
@@ -164,7 +162,7 @@
             display: flex; align-items: center; padding-left: 6px;
             box-shadow: 0 1px 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3);
         }
-        .progress-text { font-size: 0.85rem; font-weight: 800; color: #fff; white-space: nowrap; text-shadow: 0 1px 2px rgba(0,0,0,0.4); }
+        .progress-text { font-size: 0.85rem; font-weight: 800; color: #000; white-space: nowrap; text-shadow: none; }
 
         /* Progress bar color classes with gradients */
         .progress-success { background: linear-gradient(90deg, #70E0B1 0%, #ABECFA 100%); } /* Victory gradient: green to cyan */
@@ -174,8 +172,7 @@
         .progress-danger { background: linear-gradient(135deg, #FF5C47 0%, #E04535 50%, #FF5C47 100%); } /* Red - low */
 
         [data-theme="dark"] .progress-bar { background: rgba(255,255,255,0.1); }
-        [data-theme="light"] .progress-warning .progress-text,
-        [data-theme="light"] .progress-good .progress-text { color: var(--base-600); text-shadow: none; }
+        /* Progress text is always black - no theme-specific overrides needed */
 
         /* Progress text */
         .progress-text { display: inline-block; }

sdr-feature/SKILL.md

@@ -0,0 +1,91 @@
+---
+name: sdr-feature
+description: |
+  SDR Status Tracker feature implementation and deployment skill. Use when the user asks to:
+  - Implement a new feature in the SDR tracker
+  - Fix a bug in the dashboard
+  - Make UI/UX changes to the tracker
+  - Push changes to Hugging Face
+  - Deploy updates to the live site
+  MANDATORY TRIGGERS: feature, implement, fix, push to HF, deploy, dashboard change, UI change, tracker update
+---
+
+# SDR Feature Implementation Skill
+
+Implements features for the SDR Status Tracker dashboard and deploys to Hugging Face Spaces.
+
+## Project Context
+
+- **Location**: This folder (sdr-status-tracker)
+- **Main file**: `index.html` (single-file dashboard with embedded JS/CSS)
+- **Remote**: `hf` → `https://huggingface.co/spaces/MathiasAESandnes/sdr-status-tracker`
+- **Brand**: ScaleupXQ (see `BRAND_GUIDELINES.md`)
+
+## Implementation Workflow
+
+### 1. Understand the Request
+
+Read relevant files to understand context:
+- `index.html` - Main dashboard code
+- `BRAND_GUIDELINES.md` - Color palette, fonts, styling rules
+- `CLAUDE.md` - Project overview and data structure
+
+### 2. Implement the Feature
+
+Make changes to `index.html`. Key sections:
+- **Lines 1-300**: CSS styles (`:root` variables, themes, components)
+- **Lines 300-450**: HTML structure (theme toggle, table, leaderboards, modals)
+- **Lines 450+**: JavaScript (data, rendering, calculations)
+
+### 3. Commit and Push to HF
+
+After implementing:
+
+```bash
+cd <project-folder>
+git add .
+git status
+git commit -m "$(cat <<'EOF'
+<descriptive commit message>
+
+Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+EOF
+)"
+git push hf main
+```
+
+## Key Code Patterns
+
+### CSS Variables (Themes)
+```css
+[data-theme="dark"] { --some-var: #fff; }
+[data-theme="light"] { --some-var: var(--base-600); }
+```
+
+### Progress Bars
+```javascript
+function getProgressClass(progress) {
+    if (progress >= 100) return 'progress-success';
+    // ... color logic based on percentage
+}
+```
+
+### Leaderboard Scoring
+60% SQL + 40% Activity, capped per-case until all targets met.
+
+## Brand Colors Reference
+
+| Name | Hex | Usage |
+|------|-----|-------|
+| Primary | `#6D3EF3` | Headers, highlights |
+| Emerald 300 | `#70E0B1` | Success states |
+| Marigold 300 | `#FFF09B` | Warning/good states |
+| Tangerine 300 | `#FF8474` | Danger/caution |
+| Base 600 | `#0D0B13` | Dark text/backgrounds |
+
+## Verification
+
+After pushing, verify deployment at:
+`https://huggingface.co/spaces/MathiasAESandnes/sdr-status-tracker`
+
+Build typically takes 1-2 minutes after push.