Commit Graph

14 Commits

Author SHA1 Message Date
Kaloyan Danchev
55ad7c66bc Fix 23 theme bugs across all pages: toggles, text visibility, icons, bars, shadows, layout
Phase 1: Fix toggle switch knob positioning (absolute + translateY centering)
Phase 2: Fix text visibility on Main/Shares thead td, Plugins descriptions, Settings/Tools PanelText labels
Phase 3: Fix icon coloring - JS replacement for Tailscale/ZFS Master with selfh.st light SVGs, CSS invert for remaining plugin imgs
Phase 4: Softer box-shadow on inner tables, stacked Panel rounding for Array Op
Phase 5: Browse table styling, form glass containers, Apps detail panel transparency
Phase 6: Main page usage bars (8px thin + gradient), plugin/VM button visibility
Phase 7: Header overflow fix, Docker folder-preview softening, Apps ribbon clipping, ZFS Master toggle spacing

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-24 22:07:24 +02:00
Kaloyan Danchev
a898c8fea2 Dashboard polish: pie charts, CPU bars, lock icon, header shift, toggle switches
- Add pie chart recoloring (vibrant theme colors for System donuts)
- Add system legend color matching for donut chart legends
- Add lock button state toggling (locked/unlocked icon via MutationObserver)
- Add Tailscale light SVG icon replacement in sidebar
- Fix horizontal scrollbar with overflow-x: hidden
- Fix header not shifting with sidebar (add #header to margin-left transition)
- Fix dashboard double-blur (disable stacking backdrop-filter on tables)
- Simplify toggle button style (transparent bg, hover-only highlight)
- Style CPU bars with color-coded gradients (green/orange/red)
- Style donut charts with thinner ring and opaque center
- Style toggle switches with glass appearance
- Style card header control icons (transparent, white)
- Force white text in Docker dashboard view

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-24 20:19:08 +02:00
Kaloyan Danchev
dbabcdaf37 Self-host all icons and wallpaper, remove CDN dependency
Download 69 selfh.st icon files (34 PNG, 34 light SVG, unraid.svg) into
assets/icons/ and add wallpaper to assets/. Update sidebar.js to serve
icons from /custom/assets/icons/ instead of cdn.jsdelivr.net. Update
style.css wallpaper path to /custom/assets/wallpaper.jpg.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-09 06:57:03 +02:00
Kaloyan Danchev
fbacc229ea Revert "Dashboard visual fixes round 3: CPU bars, donut, vertical bars, Docker text"
This reverts commit c9932f275a.
2026-02-08 20:46:50 +02:00
Kaloyan Danchev
c9932f275a Dashboard visual fixes round 3: CPU bars, donut, vertical bars, Docker text
- Fix CPU bars: specificity override (#displaybox table.dashboard) for thin
  10px color-coded bars (green/orange/red) filling full card width
- Fix CPU chart: force full-width display on #cpu_chart td and canvas
- Fix Docker text: force white color on all #docker_view spans and links
- Fix System donut: remove saturate/brightness filter, thinner ring (78%),
  fully opaque center background
- Add vertical pill bars for Array/Cache/Unassigned disk utilization with
  JS module to convert horizontal bars to 28x50px vertical pills with %
  text inside, MutationObserver for dynamic updates
- Add legend color JS module to fix invisible System card legend circles
  with inline !important colors matching recolored pie segments

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-08 20:38:24 +02:00
Kaloyan Danchev
596e828223 Add client-side icon replacement, Dashboard fixes, and Apps page styling
- Add JS icon replacement module to sidebar.js that swaps container icons
  with selfh.st CDN versions on Docker page and Dashboard via MutationObserver
- Fix Dashboard container name extraction (Strategy 2: span.inner > span)
  for containers whose original icon was missing (question.png fallback)
- Add CSS filter for Dashboard folder icons (folder-img-docker class)
- Add icon mappings for containers without CDN matches (netdisco→networking-toolbox,
  urbackup→networking-toolbox, seekandwatch→databasement, unmarr→homarr, dockhand→docker)
- Fix shadowed netdisco-web/netdisco-backend entries in update-icons.sh
- Add Community Applications (Apps page) glass theme overrides

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-08 15:11:07 +02:00
Kaloyan Danchev
673366db5f Add selfh.st icon replacement script for Docker and VM icons
Server-side bash script reads `glass.icon` Docker labels and replaces
Unraid's cached icon PNGs with selfh.st CDN versions. Auto-detects
icon names from container names when no label is set. Supports VMs
via vm-icons.conf mapping file.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-08 11:29:56 +02:00
Kaloyan Danchev
969c240553 Fix horizontal scroll caused by sidebar margin offset
Constrain #displaybox max-width to viewport minus sidebar width
and add overflow-x: hidden to prevent horizontal scrollbar.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-08 11:02:23 +02:00
Kaloyan Danchev
b17efa805f Transparent header, sidebar spacing, title cleanup, and tab inner glow
- Header: force transparent background (no glass)
- Content area: preserve sidebar margin when collapsed/expanded
- Page titles: remove background and bottom border
- Tabs: replace blue accent with white glass + inset glow on active

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-08 10:46:59 +02:00
Kaloyan Danchev
01fcb31052 Override FolderView plugin styles on Docker/VM pages
- Fix opaque dark rows (rgb(18,21,16)) on folder and container rows
- Replace white/light borders on folder-preview containers with subtle glass
- Style folder dropdown buttons, inner text, and state indicators
- Add alternating row transparency for table readability

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-08 09:46:04 +02:00
Kaloyan Danchev
fb07089ee5 Add comprehensive inner page glass styling
- Glass wrapper for inner page tables (Shares, Docker, VMs, Main)
- Tab navigation styling with active/inactive glass pills (nav.tabs, div.tab)
- Header bar subtle glass treatment
- Settings icon grid tile glass cards
- Form section bands (div.shade) from opaque dark to subtle transparent
- Dropdown checklist containers glass styling
- Help text, blockquote, disabled button, checkbox/radio styling
- Content padding on #displaybox for consistent spacing

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-08 09:40:52 +02:00
Kaloyan Danchev
494f689008 Style popups, modals, and Spotlight search; fix card toggle and nav overlap
- Fix card show/hide toggle by removing !important from display: block
- Fix sidebar nav-tile.right overlap by removing position: sticky
- Remove card header separator line for smooth transition
- Add glass styling for Docker/VM context menu dropdowns
- Add glass styling for sweet-alert modals with light text
- Restyle search as centered Spotlight popup (600px, glass bg)
- Fix search icon click by removing inline onclick handler
- Update awesomplete dropdown with glass effect and proper spacing
- Increase glass brightness, blur, and card padding/typography

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-08 09:31:16 +02:00
Kaloyan Danchev
c4b11fce6b Add project documentation with CSS/DOM lessons learned
CLAUDE.md covers: Unraid sidebar DOM structure, critical CSS pitfalls
(position:fixed override, inline-flex display, backdrop-filter containing
block), icon font mapping, deployment paths, search overlay architecture.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-07 23:30:04 +02:00
Kaloyan Danchev
a2ca0730c5 Initial commit: visionOS glassmorphism theme for Unraid 7.2.3
- style.css: Full CSS theme with frosted glass cards, sidebar styling,
  dashboard individual glass cards, search overlay, FA icon replacements
- sidebar.js: Collapsible sidebar toggle with Unraid logo, search popup
  (moved to body to escape backdrop-filter containing block), Cmd+K shortcut

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-07 23:20:30 +02:00