v1.6.0

Changelog

All notable changes to StyleCraft are documented here.

[1.6.0] - 2026-02-14

Added

• Quick Selector bar — persistent element picker button visible on every tab, shows current selector in green monospace text, pulses while picking; no more switching to the Selector tab just to pick a new element
• Presets tab — 179 one-click CSS presets across 10 categories:
  • Quick Actions (14) — Hide, Make Invisible, Full Width, Center, Remove Border/Shadow/BG/Padding/Margin, Round, Pill, Circle, Force Wrap
  • Typography (22) — Bold, Italic, Uppercase, Small Caps, Wide/Tight Spacing, Glow Text, Neon Text, Gradient Text, font stacks
  • Colors & Background (17) — Frosted Glass, Dark Glass, Gradients (Sunset, Ocean, Forest, Fire, Northern Lights, Cyber), Mesh Gradient
  • Shadows & Effects (23) — Colored glows, Neon Border, Ring Accent, Blur, Grayscale, Sepia, Invert, Hue Rotate, Drop Shadow
  • Borders (13) — Dashed, Dotted, Double, Left/Bottom Accent, Gradient Border, Rounded corners
  • Layout & Spacing (16) — Flex Row/Column/Center, Grid 2/3-Col, Sticky Top, Fixed Bottom, padding/margin presets
  • Animations (14) — Pulse, Float, Shake, Spin, Bounce, Fade In, Slide In (auto-injects @Keyframes)
  • CSS Tricks (22) — Glassmorphism, Neumorphism, Claymorphism, Clip-path shapes, Rainbow Border, 3D Tilt, Vintage/Film Noir/Cyberpunk/Vaporwave filters, Text Stroke, Hide Scrollbar, Snap Scroll
  • Global Dark Themes (10) — Midnight, Catppuccin Mocha, Dracula, Nord, Gruvbox, Solarized, Tokyo Night, One Dark, OLED Black, Material Dark
  • Global Light Themes (5) — Clean White, Warm Paper, Latte, Rose Pine Dawn, Gruvbox Light
  • Global Utilities (18) — Remove Ads/Popups/Sticky Headers/Sidebars/Footers, Focus Mode, Wider Content, Readable Text, Force Dark (Invert), Force Fonts, Disable Animations, Custom Scrollbar, Night Shift, High Contrast, Page Grayscale/Sepia/Invert, Selection Color
• Font picker dropdown — 45 fonts organized into Sans-Serif (18), Serif (11), Monospace (9), Display & Fun (7), replacing the free-text font-family input

Changed

• Popup reverted to attached mode — restored default_popup in manifest, removed panel window code; popup is a standard Chrome extension popup again
• Visual Editor widened — panel increased from 420px to 520px for more room
• Style cards converted to compact list — thumbnails removed, cards are single-row items (~30px tall vs ~130px); 8-12+ results visible at once in the popup
• Premium visual polish throughout the popup UI:
  • Animated gradient logo (accent → blue → pink shifting)
  • Glass-effect buttons with hover lifts and colored glow
  • Staggered card entrance animations
  • Shimmer-sweep section labels
  • Double-ring accent glow on focused inputs
  • Pulsing toggle glow on checked state
  • Accent glow scrollbar on hover
  • Version badge as accent pill

---

[1.5.0] - 2026-02-13

Added

• Undo for destructive actions — delete/bulk-delete operations show an Undo button in the toast notification (8-second revert window)
• Auto-backup system — daily automatic backup of all data via chrome.alarms, keeps last 3 snapshots, restore from Settings > Data & Storage
• Single-domain export — export button on each style card to save one domain's styles as a standalone JSON file
• Keyboard shortcut cheatsheet — help button (?) in editor toolbar shows all shortcuts in an overlay
• Onboarding guidance — empty popup state explains how to get started with Visual Editor, CSS Editor, or Quick CSS
• Storage quota protection — all save operations catch and surface quota exceeded errors with user-facing messages
• Export buttons on individual style cards in Options page
• CWS compliance — removed all remote code (Google Fonts), minimized permissions, added PRIVACY.md, single-purpose manifest description
• Pagination for UserStyles.world — auto-fetches page 2, "Load More" button for additional pages

Changed

• Google Fonts removed from readability mode; replaced with system font stacks
• All JetBrains Mono references replaced with system monospace stack
• Permissions trimmed: removed system.display, activeTab, duplicate host permissions
• web_accessible_resources reduced to only editor.html

---

[1.4.0] - 2026-02-13

Added

• Code folding — click -/+ buttons in the gutter to collapse/expand CSS blocks, supports nested folding
• CSS linting — real-time error/warning detection with gutter dots, clickable lint panel, detects unclosed braces, missing semicolons, invalid hex colors, property typos
• Enhanced readability mode — 4 reading themes (Dark/Sepia/Light/OLED), font picker with system + Google Fonts, font size slider (12-28px), line height slider (1.2-2.4), content width slider (400-1000px)
• Readability settings panel in popup with live preview

---

[1.3.0] - 2026-02-13

Added

• Sort controls — Custom CSS tab: Domain A-Z/Z-A, Most/Fewest Lines, Recently Modified. Themes tab: Name A-Z/Z-A, Domain A-Z, Most Lines, Recently Installed
• Filter controls — All, Enabled, Disabled (themes also: Has Update)
• Bulk operations — Select All checkbox, per-card checkboxes, bulk Enable/Disable/Delete for both tabs
• Auto-update check — Check Updates button fetches latest CSS from UserStyles.world API, shows update badges (yellow "Update available", green "Up to date"), one-click apply
• Clone/duplicate — clone styles or themes to another domain with one click
• installedAt and updatedAt timestamps on theme installs
• Meta name display in style cards

---

[1.2.0] - 2026-02-13

Added

• Advanced URL pattern matching — 5 pattern types: domain, url, url-prefix, regexp, wildcard
• "Applies To" UI — collapsible panel in CSS editor with per-pattern type dropdown + value input, add/edit/remove patterns, live save
• Style metadata — name, description, created/modified dates per domain entry
• Sidebar shows meta.name when available
• Backward compatible: entries without appliesTo fall back to domain key matching

---

[1.1.0] - 2026-02-13

Added

• Find & Replace — Ctrl+F / Ctrl+H with regex support, case-sensitive toggle, match highlighting, replace one/all
• Color picker — inline color swatches for hex/rgb/hsl values, click to edit with native color input
• Bracket matching — highlights matching {}, (), [] pairs at cursor position
• Quick CSS in popup — collapsible textarea for quick edits, save & apply, expand to full editor

---

[1.0.9] - 2026-02-13

Added

• Delete buttons in sidebar for domains, custom CSS, and themes
• Auto-cleanup of empty domain entries after deletion

---

[1.0.8] - 2026-02-13

Fixed

• MV3 CSP compliance — extracted inline script from editor.html to editor.js

---

[1.0.7] - 2026-02-13

Added

• Edit buttons in popup and options link to full CSS editor
• Hash-based routing (#domain or #domain/theme/ID)
• Sidebar tree structure with collapsible domains

---

[1.0.6] - 2026-02-13

Added

• Full-page CSS editor (editor.html) with syntax highlighting, line numbers, autocomplete, live preview, undo/redo, auto-indent, format CSS, domain sidebar

---

[1.0.5] - 2026-02-13

Added

• Installed styles section in popup showing custom CSS + themes for current domain
• Popup storage independence from background worker

---

[1.0.4] - 2026-02-12

Fixed

• Stylus settings object detection during import

---

[1.0.3] - 2026-02-12

Changed

• Complete options.js rewrite eliminating background worker dependency
• Direct storage reads/writes throughout
• Stylebot import support
• Runtime.lastError fixes
• Tab URL filtering for message passing
• Generated extension icons

---

[1.0.2] - 2026-02-12

Added

• Direct storage writes bypassing service worker
• Toolbar badge counter showing active styles per tab

---

[1.0.1] - 2026-02-12

Added

• Stylus backup import with multi-domain aggregation
• @-moz-document section parsing and domain extraction

---

[1.0.0] - 2026-02-12

Added

• Box model arrow key editing with visual feedback

---

[0.0.1] - 2026-02-12

Initial Release

• Chrome Manifest V3 extension
• Element Selector — uBlock-style point-and-click element picker with depth slider, specificity slider, and CSS selector generation
• Visual CSS Editor — 4-tab sidebar panel (Selector, Visual, Code, Themes) with property groups for Typography, Colors, Spacing, Size & Layout, Flexbox, Position, Border & Outline, Shadows & Effects, Transform & Animation, Cursor & Misc
• Code Editor — raw CSS editing with syntax highlighting and live injection
• UserStyles.world integration — search, preview, install, and manage community themes
• Dual-layer CSS system — custom CSS applied on top of installed themes, per-domain isolation
• Live preview — real-time CSS injection as you edit
• Options page — full management UI with import/export (Stylus and Stylebot backup formats)
• Box model visualizer — interactive margin/border/padding/content display with editable values
• 3-theme system — Catppuccin Mocha, Dark/OLED, and Light editor themes
• Readability mode — strips page clutter for clean reading
• Grayscale mode — full-page grayscale filter toggle
• Context menu — right-click "Style this element" and "Hide this element"
• Cosmetic filters — element hiding rules with persistent storage
• Shadow DOM isolation — editor panel rendered in Shadow DOM to prevent interference with page styles

v.1.5.0

[1.5.0] - 2026-02-13

Added

• Undo for destructive actions — delete/bulk-delete operations now show an Undo button in the toast notification (8-second window to revert)
• Auto-backup system — daily automatic backup of all data, keeps last 3 snapshots, restore from Settings > Data & Storage
• Single-domain export — export button on each style card to save one domain's styles as a standalone JSON file
• Keyboard shortcut cheatsheet — help button (?) in editor toolbar shows all shortcuts in an overlay
• Onboarding guidance — empty popup state now explains how to get started with Visual Editor, CSS Editor, or Quick CSS
• Storage quota protection — all save operations now catch and surface quota exceeded errors instead of silently failing
• Export buttons on individual style cards in Options page

Improved

• Better empty states across all interfaces
• Version consistency across all files

---

[1.4.0] - 2026-02-13

Added

• Code folding — click -/+ buttons in the gutter to collapse/expand CSS blocks, supports nested folding
• CSS linting — real-time error/warning detection with gutter dots, clickable lint panel, detects unclosed braces, missing semicolons, invalid hex colors, property typos
• Enhanced readability mode — 4 reading themes (Dark/Sepia/Light/OLED), font picker with 6 system + 3 Google Fonts, font size slider (12-28px), line height slider (1.2-2.4), content width slider (400-1000px)
• Readability settings panel in popup with live preview
• Google Fonts loaded on demand via @import

---

[1.3.0] - 2026-02-13

Added

• Sort controls — Custom CSS tab: Domain A-Z/Z-A, Most/Fewest Lines, Recently Modified. Themes tab: Name A-Z/Z-A, Domain A-Z, Most Lines, Recently Installed
• Filter controls — All, Enabled, Disabled (themes also: Has Update)
• Bulk operations — Select All checkbox, per-card checkboxes, bulk Enable/Disable/Delete for both tabs
• Auto-update check — Check Updates button fetches latest CSS from UserStyles.world API, shows update badges, one-click apply
• Clone/duplicate — clone styles or themes to another domain with one click
• installedAt timestamp on all new USw theme installs
• Install date shown in theme card metadata

---

[1.2.0] - 2026-02-13

Added

• Advanced URL pattern matching — 5 pattern types: domain, url, url-prefix, regexp, wildcard
• "Applies To" UI — collapsible panel in CSS editor with per-pattern type dropdown + value input, live save
• Style metadata — name, description, created/modified dates per domain entry
• Sidebar shows meta name when available
• Backward compatible: entries without appliesTo fall back to domain key matching

---

[1.1.0] - 2026-02-13

Added

• Find & Replace — Ctrl+F/Ctrl+H with regex support, case-sensitive toggle, match highlighting, replace one/all
• Color picker — inline color swatches for hex/rgb/hsl values, click to edit with native color input
• Bracket matching — highlights matching {}, (), [] pairs at cursor position
• Quick CSS in popup — collapsible textarea for quick edits, save & apply, expand to full editor

---

[1.0.9] - 2026-02-13

Added

• Delete buttons in sidebar for domains, custom CSS, and themes
• Auto-cleanup of empty domain entries after deletion

---

[1.0.8] - 2026-02-13

Fixed

• MV3 CSP compliance — extracted inline script to editor.js

---

[1.0.7] - 2026-02-13

Added

• Edit buttons in popup and options link to full CSS editor
• Hash-based routing (#domain or #domain/theme/ID)
• Sidebar tree structure with collapsible domains

---

[1.0.6] - 2026-02-13

Added

• Full-page CSS editor (editor.html) with syntax highlighting, line numbers, autocomplete, live preview, undo/redo, auto-indent, format, domain sidebar

---

[1.0.5] - 2026-02-13

Added

• Installed styles section in popup showing custom CSS + themes for current domain
• Popup storage independence from background worker

---

[1.0.4] - 2026-02-12

Fixed

• Stylus settings object detection during import

---

[1.0.3] - 2026-02-12

Changed

• Complete options.js rewrite eliminating background worker dependency
• Direct storage reads/writes throughout
• Stylebot import support
• Runtime.lastError fixes
• Tab URL filtering for message passing
• Generated extension icons

---

[1.0.2] - 2026-02-12

Added

• Direct storage writes bypassing service worker
• Toolbar badge counter showing active styles per tab

---

[1.0.1] - 2026-02-12

Added

• Stylus backup import with multi-domain aggregation
• @-moz-document section parsing and domain extraction

StyleCraft

[1.0.0] - 2026-02-12

Added

• Box model arrow key editing with visual feedback

---

[0.0.1 - 0.9.x] - 2026-02-12

Initial Development

• Chrome extension with uBlock-style element selector
• Visual CSS editor with 4-tab layout (Selector, Visual, Code, Themes)
• UserStyles.world browser with search, preview, and install
• Dual-layer CSS system (custom CSS + installed themes)
• Live preview with real-time injection
• Comprehensive options page with import/export
• Editable box model visualizer
• Unified 3-theme system (Catppuccin, Dark/OLED, Light)
• Stylus and Stylebot backup import
• Context menu: "Style this element" and "Hide this element"
• Keyboard shortcut support via chrome.commands
• Readability mode and grayscale mode