From f67e6bd8c776831690b0be03fbea1e3e14275b3d Mon Sep 17 00:00:00 2001
From: Shawn <shawn@ourpad.casa>
Date: Fri, 12 Jun 2026 19:35:46 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20black=20SVG=20icons=20now=20render=20whi?=
 =?UTF-8?q?te=20=E2=80=94=20invert(1)=20filter;=20proper=20fullscreen=20ic?=
 =?UTF-8?q?on?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Pipedal SVGs have no fill (default black) — added invert(0.95) brightness(2)
  to render them white on dark backgrounds
- Status bar icons: brightness(0.7) was making them invisible on dark bg
- Fullscreen icon: replaced ic_drawer_2 (cabinet) with proper inline
  Material-style expand SVG in amber
---
 src/App.jsx        | 10 ++++++----
 src/BlockChain.jsx |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 8465be6..298c900 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -639,10 +639,10 @@ export default function App(){
               </div>
               <div style={{width:1,height:12,background:T.border}}/>
               <button className="btn-icon" style={{width:24,height:24,position:'relative'}}onClick={()=>setView("captures")}title="Downloads">
-                <img src={`${import.meta.env.BASE_URL}img/ic_bank.svg`} alt="captures" style={{width:14,height:14,filter:'brightness(0.7)'}}/>
+                <img src={`${import.meta.env.BASE_URL}img/ic_bank.svg`} alt="captures" style={{width:14,height:14,filter:'invert(1) brightness(2)'}}/>
               </button>
               <button className="btn-icon" style={{width:24,height:24,position:'relative'}}onClick={()=>setView("presets")}title="Presets">
-                <img src={`${import.meta.env.BASE_URL}img/ic_presets.svg`} alt="presets" style={{width:14,height:14,filter:'brightness(0.7)'}}/>
+                <img src={`${import.meta.env.BASE_URL}img/ic_presets.svg`} alt="presets" style={{width:14,height:14,filter:'invert(1) brightness(2)'}}/>
               </button>
               <div style={{display:"flex",gap:2,alignItems:"center",background:T.surface,borderRadius:4,border:`1px solid ${T.border}`,padding:2,height:24}}>
                 {["stomp","preset"].map(m=>(<button key={m} onClick={()=>setFootswitchMode(m)} style={{
@@ -657,10 +657,12 @@ export default function App(){
                 background:state.tuner_enabled?'rgba(128,208,160,.15)':T.surface,
                 borderColor:state.tuner_enabled?T.green:T.border}}
                 onClick={handleTunerToggle} title={state.tuner_enabled?"Exit Tuner":"Tuner"}>
-                <img src={`${import.meta.env.BASE_URL}img/fx_analyzer.svg`} alt="tuner" style={{width:14,height:14,filter:state.tuner_enabled?'brightness(1.5) sepia(0.3) hue-rotate(80deg)':'brightness(0.7)'}}/>
+                <img src={`${import.meta.env.BASE_URL}img/fx_analyzer.svg`} alt="tuner" style={{width:14,height:14,filter:state.tuner_enabled?'invert(0.9) brightness(2) sepia(0.4) hue-rotate(80deg)':'invert(1) brightness(2)'}}/>
               </button>
               <button className="btn-icon" style={{width:24,height:24,position:'relative',background:'rgba(232,160,48,.12)',borderColor:T.amber}}onClick={()=>{if(!document.fullscreenElement){document.documentElement.requestFullscreen()}else{document.exitFullscreen()}}}title="Fullscreen">
-                <img src={`${import.meta.env.BASE_URL}img/ic_drawer_2.svg`} alt="fullscreen" style={{width:12,height:12,filter:'brightness(1.2)'}}/>
+                <svg viewBox="0 0 24 24" width="14" height="14" fill="#E8A030">
+                  <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
+                </svg>
               </button>
             </div>
           </div>
diff --git a/src/BlockChain.jsx b/src/BlockChain.jsx
index 6071b2e..887e241 100644
--- a/src/BlockChain.jsx
+++ b/src/BlockChain.jsx
@@ -95,7 +95,7 @@ function BlockIcon({ type, size = 14, style = {} }) {
       alt={type || 'fx'}
       style={{
         width: size, height: size, flexShrink: 0,
-        filter: 'brightness(1.2) contrast(1.1)',
+        filter: 'invert(0.95) brightness(2)',
         objectFit: 'contain',
         ...style,
       }}