slaguru666/sla_industries_MS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: SLA Industries UI overhaul — icons, pause animation, actor sheet enhancements

Browse Source 
- Custom SLA Industries pause-screen animation (orbital rings, SLA hex logo, radar sweep, STAND BY blink)
- Pause animation now correctly disappears on unpause (fixed display:flex !important conflict)
- 18 custom SLA Industries SVG icons for all sidebar tabs and scene controls (icons/ui/)
- JavaScript DOM injection for Foundry v13 icon replacement (button-based structure)
- SCL fractional controls (+1/-1/+½/-½ step buttons)
- Session ability tracking checkbox + New Session button
- Contacts tab with card-based CRUD
- Drug stacking warning dialog
- Rest button (Short/Long rest with condition clear + flux restore)
- Activity log in Notes tab (rolls, rests, drugs, panic — newest first, 10KB cap)
- Portrait static neon blue border
- Header restructured to 8-column grid (LAD, Credits, SCL, Height, Weight, Rest)
- S.C.L label rename

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
tevans
2026-04-10 23:12:06 +01:00
co-authored by Claude Sonnet 4.6
parent 85fedf1e16
commit 3d21b8e466
70 changed files with 1874 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
icons/ui/actors.svg
+12
View File
@@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Badge shape -->
<path d="M6,2 H26 L30,6 V30 H2 V6 Z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
<!-- Notch at top (lanyard hole) -->
<rect x="13" y="0" width="6" height="4" rx="1" fill="currentColor"/>
<!-- Head -->
<circle cx="16" cy="12" r="4" fill="currentColor"/>
<!-- Shoulders -->
<path d="M8,26 C8,20 24,20 24,26" fill="currentColor"/>
<!-- ID stripe at bottom -->
<rect x="5" y="26" width="22" height="2" fill="currentColor" opacity="0.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 575 B

icons/ui/chat.svg
+8
View File
@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Hexagonal speech bubble -->
<polygon points="4,4 28,4 28,22 20,22 16,28 12,22 4,22" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linejoin="round" fill-rule="evenodd"/>
<!-- Signal bars inside -->
<rect x="8" y="14" width="3" height="5" fill="currentColor"/>
<rect x="13" y="11" width="3" height="8" fill="currentColor"/>
<rect x="18" y="8" width="3" height="11" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 489 B

icons/ui/combat.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Outer ring -->
<circle cx="16" cy="16" r="13" fill="none" stroke="currentColor" stroke-width="2"/>
<!-- Inner ring -->
<circle cx="16" cy="16" r="5" fill="none" stroke="currentColor" stroke-width="1.5"/>
<!-- Crosshairs -->
<line x1="16" y1="3" x2="16" y2="9" stroke="currentColor" stroke-width="2"/>
<line x1="16" y1="23" x2="16" y2="29" stroke="currentColor" stroke-width="2"/>
<line x1="3" y1="16" x2="9" y2="16" stroke="currentColor" stroke-width="2"/>
<line x1="23" y1="16" x2="29" y2="16" stroke="currentColor" stroke-width="2"/>
<!-- Corner tick marks -->
<line x1="11" y1="5" x2="12.5" y2="5" stroke="currentColor" stroke-width="1.5"/>
<line x1="21" y1="5" x2="19.5" y2="5" stroke="currentColor" stroke-width="1.5"/>
<!-- Center dot -->
<circle cx="16" cy="16" r="2" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 897 B

icons/ui/compendium.svg
+14
View File
@@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Cylinder top ellipse -->
<ellipse cx="16" cy="6" rx="12" ry="4" fill="none" stroke="currentColor" stroke-width="2"/>
<!-- Cylinder body -->
<line x1="4" y1="6" x2="4" y2="24" stroke="currentColor" stroke-width="2"/>
<line x1="28" y1="6" x2="28" y2="24" stroke="currentColor" stroke-width="2"/>
<!-- Cylinder bottom ellipse -->
<ellipse cx="16" cy="24" rx="12" ry="4" fill="currentColor" stroke="currentColor" stroke-width="2"/>
<!-- Data bands -->
<ellipse cx="16" cy="12" rx="12" ry="4" fill="none" stroke="currentColor" stroke-width="1" stroke-dasharray="3 2"/>
<ellipse cx="16" cy="18" rx="12" ry="4" fill="none" stroke="currentColor" stroke-width="1" stroke-dasharray="3 2"/>
<!-- Access port -->
<rect x="13" y="4" width="6" height="4" rx="1" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 866 B

icons/ui/drawings.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Stylus body -->
<polygon points="8,4 24,4 28,8 16,30 4,8" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
<!-- Stylus grip band -->
<line x1="6" y1="10" x2="26" y2="10" stroke="currentColor" stroke-width="1.5"/>
<!-- Tip -->
<polygon points="16,25 13,29 19,29" fill="currentColor"/>
<!-- SLA insignia on stylus face -->
<text x="16" y="19" text-anchor="middle" font-family="sans-serif" font-size="7" font-weight="bold" fill="currentColor">SLA</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 567 B

icons/ui/items.svg
+15
View File
@@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Main crate -->
<rect x="3" y="8" width="26" height="20" fill="none" stroke="currentColor" stroke-width="2" rx="1"/>
<!-- Lid -->
<rect x="3" y="4" width="26" height="6" fill="currentColor" rx="1"/>
<!-- Center clasp -->
<rect x="13" y="6" width="6" height="4" rx="1" fill="currentColor" opacity="0.6"/>
<!-- Horizontal divider on crate -->
<line x1="3" y1="18" x2="29" y2="18" stroke="currentColor" stroke-width="1.5"/>
<!-- Corner brackets -->
<path d="M3,13 L3,10 L6,10" fill="none" stroke="currentColor" stroke-width="1.5"/>
<path d="M29,13 L29,10 L26,10" fill="none" stroke="currentColor" stroke-width="1.5"/>
<path d="M3,23 L3,26 L6,26" fill="none" stroke="currentColor" stroke-width="1.5"/>
<path d="M29,23 L29,26 L26,26" fill="none" stroke="currentColor" stroke-width="1.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 881 B

icons/ui/journal.svg
+13
View File
@@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- File/tablet body -->
<path d="M5,2 H22 L28,8 V30 H5 Z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
<!-- Folded corner -->
<path d="M22,2 L22,8 L28,8" fill="none" stroke="currentColor" stroke-width="1.5"/>
<!-- Text lines -->
<line x1="9" y1="13" x2="24" y2="13" stroke="currentColor" stroke-width="1.5"/>
<line x1="9" y1="17" x2="24" y2="17" stroke="currentColor" stroke-width="1.5"/>
<line x1="9" y1="21" x2="20" y2="21" stroke="currentColor" stroke-width="1.5"/>
<!-- Classified stamp -->
<rect x="7" y="24" width="10" height="4" rx="0.5" fill="none" stroke="currentColor" stroke-width="1.2" transform="rotate(-8 12 26)"/>
<line x1="8" y1="26" x2="16" y2="26" stroke="currentColor" stroke-width="1" transform="rotate(-8 12 26)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 859 B

icons/ui/lighting.svg
+14
View File
@@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Emitter housing -->
<polygon points="12,6 20,6 22,12 10,12" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
<!-- Lens circle -->
<circle cx="16" cy="9" r="3" fill="none" stroke="currentColor" stroke-width="1.5" opacity="0.7"/>
<!-- Beam spread (lower trapezoid) -->
<polygon points="10,12 22,12 28,28 4,28" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
<!-- Beam rays -->
<line x1="16" y1="12" x2="16" y2="28" stroke="currentColor" stroke-width="1" opacity="0.5"/>
<line x1="13" y1="12" x2="8" y2="28" stroke="currentColor" stroke-width="1"/>
<line x1="19" y1="12" x2="24" y2="28" stroke="currentColor" stroke-width="1"/>
<!-- Mounting bracket -->
<rect x="14" y="2" width="4" height="5" rx="1" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 894 B

icons/ui/measure.svg
+17
View File
@@ -0,0 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Ruler body -->
<rect x="2" y="12" width="28" height="8" rx="1" fill="none" stroke="currentColor" stroke-width="2"/>
<!-- Major tick marks -->
<line x1="9" y1="12" x2="9" y2="17" stroke="currentColor" stroke-width="1.5"/>
<line x1="16" y1="12" x2="16" y2="20" stroke="currentColor" stroke-width="2"/>
<line x1="23" y1="12" x2="23" y2="17" stroke="currentColor" stroke-width="1.5"/>
<!-- Minor ticks -->
<line x1="5" y1="12" x2="5" y2="15" stroke="currentColor" stroke-width="1"/>
<line x1="12" y1="12" x2="12" y2="15" stroke="currentColor" stroke-width="1"/>
<line x1="19" y1="12" x2="19" y2="15" stroke="currentColor" stroke-width="1"/>
<line x1="26" y1="12" x2="26" y2="15" stroke="currentColor" stroke-width="1"/>
<!-- Arrow / range indicator above -->
<line x1="4" y1="8" x2="28" y2="8" stroke="currentColor" stroke-width="1.5"/>
<polygon points="4,8 8,6 8,10" fill="currentColor"/>
<polygon points="28,8 24,6 24,10" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

icons/ui/notes.svg
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Map pin shape -->
<path d="M16,2 C10,2 6,7 6,12 C6,19 16,30 16,30 C16,30 26,19 26,12 C26,7 22,2 16,2 Z" fill="currentColor" stroke="currentColor" stroke-width="2"/>
<!-- Inner ring -->
<circle cx="16" cy="12" r="5" fill="none" stroke="currentColor" stroke-width="2"/>
<!-- Center dot -->
<circle cx="16" cy="12" r="2.5" fill="currentColor"/>
<!-- Angular bracket decorations -->
<path d="M10,5 L8,7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
<path d="M22,5 L24,7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 644 B

icons/ui/playlists.svg
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Waveform bars -->
<rect x="2" y="12" width="3" height="8" rx="1" fill="currentColor"/>
<rect x="7" y="7" width="3" height="18" rx="1" fill="currentColor"/>
<rect x="12" y="4" width="3" height="24" rx="1" fill="currentColor"/>
<rect x="17" y="9" width="3" height="14" rx="1" fill="currentColor"/>
<rect x="22" y="6" width="3" height="20" rx="1" fill="currentColor"/>
<rect x="27" y="13" width="3" height="6" rx="1" fill="currentColor"/>
<!-- Base line -->
<line x1="2" y1="29" x2="30" y2="29" stroke="currentColor" stroke-width="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 631 B

icons/ui/scenes.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Outer border -->
<rect x="2" y="2" width="28" height="28" fill="none" stroke="currentColor" stroke-width="2" rx="1"/>
<!-- Grid lines -->
<line x1="11" y1="2" x2="11" y2="30" stroke="currentColor" stroke-width="1"/>
<line x1="21" y1="2" x2="21" y2="30" stroke="currentColor" stroke-width="1"/>
<line x1="2" y1="11" x2="30" y2="11" stroke="currentColor" stroke-width="1"/>
<line x1="2" y1="21" x2="30" y2="21" stroke="currentColor" stroke-width="1"/>
<!-- Sector fills — industrial blocks -->
<rect x="3" y="3" width="7" height="7" fill="currentColor"/>
<rect x="13" y="13" width="7" height="7" fill="currentColor" opacity="0.6"/>
<rect x="22" y="22" width="7" height="7" fill="currentColor"/>
<rect x="22" y="3" width="7" height="7" fill="currentColor"/>
<!-- Location marker -->
<polygon points="16,17 14,21 18,21" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 940 B

icons/ui/settings.svg
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Hex gear outer -->
<polygon points="16,2 27,8 27,20 16,26 5,20 5,8" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linejoin="round"/>
<!-- Gear teeth on hex edges -->
<polygon points="16,1 18,4 14,4" fill="currentColor"/>
<polygon points="27.5,7.5 27,11 24.5,9.5" fill="currentColor"/>
<polygon points="27.5,20.5 24.5,22.5 27,19" fill="currentColor"/>
<polygon points="16,27 14,24 18,24" fill="currentColor"/>
<polygon points="4.5,20.5 5,19 7.5,22.5" fill="currentColor"/>
<polygon points="4.5,7.5 7.5,9.5 5,11" fill="currentColor"/>
<!-- Inner hex cutout -->
<polygon points="16,9 21,12 21,18 16,21 11,18 11,12" fill="currentColor"/>
<!-- Center circle -->
<circle cx="16" cy="15" r="3.5" fill="none" stroke="currentColor" stroke-width="2"/>
<circle cx="16" cy="15" r="1.5" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 910 B

icons/ui/sounds.svg
+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Speaker cone -->
<polygon points="4,11 12,11 20,5 20,27 12,21 4,21" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
<!-- Sound wave arcs -->
<path d="M23,10 C26,12 26,20 23,22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
<path d="M25,7 C30,11 30,21 25,25" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity="0.6"/>
<!-- Base line -->
<rect x="4" y="21" width="8" height="5" rx="0.5" fill="currentColor" opacity="0.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 609 B

icons/ui/tables.svg
+15
View File
@@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Outer frame -->
<rect x="2" y="3" width="28" height="26" fill="none" stroke="currentColor" stroke-width="2" rx="1"/>
<!-- Header row -->
<rect x="2" y="3" width="28" height="6" fill="currentColor" rx="1"/>
<!-- Row dividers -->
<line x1="2" y1="15" x2="30" y2="15" stroke="currentColor" stroke-width="1"/>
<line x1="2" y1="21" x2="30" y2="21" stroke="currentColor" stroke-width="1"/>
<!-- Column dividers -->
<line x1="10" y1="9" x2="10" y2="29" stroke="currentColor" stroke-width="1"/>
<line x1="21" y1="9" x2="21" y2="29" stroke="currentColor" stroke-width="1"/>
<!-- Die symbol in first col -->
<rect x="4" y="11" width="4" height="4" rx="0.5" fill="none" stroke="currentColor" stroke-width="1"/>
<circle cx="6" cy="13" r="0.8" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 851 B

icons/ui/tiles.svg
+14
View File
@@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- 2x2 tile grid with isometric feel -->
<!-- Top-left tile -->
<rect x="2" y="2" width="13" height="13" rx="1" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
<!-- Top-right tile -->
<rect x="17" y="2" width="13" height="13" rx="1" fill="currentColor" opacity="0.5" stroke="currentColor" stroke-width="1.5"/>
<!-- Bottom-left tile -->
<rect x="2" y="17" width="13" height="13" rx="1" fill="currentColor" opacity="0.5" stroke="currentColor" stroke-width="1.5"/>
<!-- Bottom-right tile -->
<rect x="17" y="17" width="13" height="13" rx="1" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
<!-- Corner brackets on tiles -->
<path d="M4,7 L4,4 L7,4" fill="none" stroke="currentColor" stroke-width="1.2"/>
<path d="M19,7 L19,4 L22,4" fill="none" stroke="currentColor" stroke-width="1.2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 907 B

icons/ui/token.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Hex base -->
<polygon points="16,3 28,10 28,22 16,29 4,22 4,10" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
<!-- Inner ring -->
<polygon points="16,8 23,12 23,20 16,24 9,20 9,12" fill="none" stroke="currentColor" stroke-width="1"/>
<!-- Head silhouette -->
<circle cx="16" cy="14" r="3.5" fill="currentColor"/>
<!-- Shoulders -->
<path d="M10,23 C10,19 22,19 22,23" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 509 B

icons/ui/walls.svg
+14
View File
@@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Main wall line heavy -->
<line x1="4" y1="16" x2="28" y2="16" stroke="currentColor" stroke-width="4"/>
<!-- Wall battlements (top) -->
<rect x="5" y="10" width="4" height="6" fill="currentColor"/>
<rect x="13" y="10" width="4" height="6" fill="currentColor"/>
<rect x="21" y="10" width="4" height="6" fill="currentColor"/>
<!-- Wall base foundation -->
<rect x="3" y="20" width="26" height="4" rx="1" fill="currentColor" opacity="0.5"/>
<!-- Door gap indicator -->
<rect x="14" y="16" width="4" height="4" fill="currentColor" opacity="0"/>
<line x1="14" y1="16" x2="14" y2="24" stroke="currentColor" stroke-width="1" stroke-dasharray="2 2" opacity="0.7"/>
<line x1="18" y1="16" x2="18" y2="24" stroke="currentColor" stroke-width="1" stroke-dasharray="2 2" opacity="0.7"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 869 B