Dateien nach "frontend/src/tools" hochladen

frontend/src/tools/kalkulator3d.jsx

@@ -57,7 +57,7 @@ function Stepper({ label, value, onChange, step, unit, min = 0, hint }) {
         />
         <button onClick={inc} style={{ padding:'10px 12px', background:'transparent', border:'none', color:'rgba(255,255,255,0.6)', fontSize:20, cursor:'pointer', flexShrink:0, lineHeight:1 }}>+</button>
       </div>
-      {hint && <div style={{ color:'rgba(255,255,255,0.2)', fontSize:10, fontFamily:'monospace', marginTop:3 }}>{hint}</div>}
+      {hint && <div style={{ color:'rgba(255,255,255,0.5)', fontSize:10, fontFamily:'monospace', marginTop:3 }}>{hint}</div>}
     </div>
   );
 }
@@ -65,7 +65,7 @@ function Stepper({ label, value, onChange, step, unit, min = 0, hint }) {
 function SmallInput({ label, value, onChange, step = 0.01 }) {
   return (
     <div>
-      <div style={{ color:'rgba(255,255,255,0.35)', fontSize:9, fontFamily:'monospace', marginBottom:3 }}>{label}</div>
+      <div style={{ color:'rgba(255,255,255,0.6)', fontSize:9, fontFamily:'monospace', marginBottom:3 }}>{label}</div>
       <input type="number" value={value} step={step}
         onChange={e => onChange(parseFloat(e.target.value) || 0)}
         style={{ ...S.inp, padding:'7px 8px', fontSize:13 }}
@@ -169,7 +169,7 @@ export default function Kalkulator3D({ toast, editData, onEditDone, mobile }) {
         <button onClick={() => setShowAdv(v => !v)} style={{
           width:'100%', marginTop:4, background:'rgba(255,255,255,0.02)',
           border:'1px solid rgba(255,255,255,0.06)', borderRadius:7,
-          padding:'9px 12px', color:'rgba(255,255,255,0.35)', cursor:'pointer',
+          padding:'9px 12px', color:'rgba(255,255,255,0.6)', cursor:'pointer',
           fontFamily:'monospace', fontSize:11, textAlign:'left',
           display:'flex', alignItems:'center', gap:7,
         }}>
@@ -203,7 +203,7 @@ export default function Kalkulator3D({ toast, editData, onEditDone, mobile }) {
               borderBottom: i < 2 ? '1px solid rgba(255,255,255,0.05)' : 'none',
               borderRight:  i % 2 === 0 ? '1px solid rgba(255,255,255,0.05)' : 'none',
             }}>
-              <div style={{ color:'rgba(255,255,255,0.3)', fontSize:9, fontFamily:'monospace', marginBottom:2 }}>{l.toUpperCase()}</div>
+              <div style={{ color:'rgba(255,255,255,0.6)', fontSize:9, fontFamily:'monospace', marginBottom:2 }}>{l.toUpperCase()}</div>
               <div style={{ color:c, fontSize:i===3?18:14, fontFamily:"'Space Mono',monospace", fontWeight:i===3?700:400 }}>
                 {v.toFixed(2)} €
               </div>
@@ -220,11 +220,11 @@ export default function Kalkulator3D({ toast, editData, onEditDone, mobile }) {
             padding:'12px 10px', textAlign:'center', transform:i===1?'scale(1.04)':'scale(1)',
           }}>
             <div style={{ fontSize:20, marginBottom:3 }}>{s.emoji}</div>
-            <div style={{ color:'rgba(255,255,255,0.35)', fontSize:9, fontFamily:'monospace', marginBottom:4 }}>{s.label}</div>
+            <div style={{ color:'rgba(255,255,255,0.6)', fontSize:9, fontFamily:'monospace', marginBottom:4 }}>{s.label}</div>
             <div style={{ color:s.c, fontSize:mobile?16:20, fontFamily:"'Space Mono',monospace", fontWeight:700 }}>
               {(calc.grund * s.mult).toFixed(2)}€
             </div>
-            <div style={{ color:'rgba(255,255,255,0.2)', fontSize:8, fontFamily:'monospace', marginTop:2 }}>×{s.mult}</div>
+            <div style={{ color:'rgba(255,255,255,0.5)', fontSize:8, fontFamily:'monospace', marginTop:2 }}>×{s.mult}</div>
           </div>
         ))}
       </div>
@@ -272,7 +272,7 @@ export default function Kalkulator3D({ toast, editData, onEditDone, mobile }) {
             <button onClick={() => fileRef.current?.click()} style={{
               width:'100%', padding:'20px', background:'rgba(255,255,255,0.03)',
               border:'1px dashed rgba(255,255,255,0.15)', borderRadius:8,
-              color:'rgba(255,255,255,0.3)', cursor:'pointer', fontFamily:'monospace', fontSize:12,
+              color:'rgba(255,255,255,0.6)', cursor:'pointer', fontFamily:'monospace', fontSize:12,
             }}>📷 Bild hinzufügen</button>
           )}
         </div>
@@ -330,35 +330,35 @@ export function SavedList({ toast, mobile }) {
       {/* Suche */}
       <div style={{ position:'relative', marginBottom:12 }}>
         <span style={{ position:'absolute', left:12, top:'50%', transform:'translateY(-50%)',
-          color:'rgba(255,255,255,0.3)', fontSize:14, pointerEvents:'none' }}>⌕</span>
+          color:'rgba(255,255,255,0.6)', fontSize:14, pointerEvents:'none' }}>⌕</span>
         <input value={search} onChange={e => setSearch(e.target.value)}
           placeholder="Name oder Bemerkung suchen…"
           style={{ ...S.inp, paddingLeft:34, fontSize:15 }} />
         {search && (
           <button onClick={() => setSearch('')} style={{
             position:'absolute', right:10, top:'50%', transform:'translateY(-50%)',
-            background:'transparent', border:'none', color:'rgba(255,255,255,0.3)',
+            background:'transparent', border:'none', color:'rgba(255,255,255,0.6)',
             cursor:'pointer', fontSize:16,
           }}>✕</button>
         )}
       </div>
 
-      <p style={{ color:'rgba(255,255,255,0.25)', fontFamily:'monospace', fontSize:10, marginBottom:14 }}>
+      <p style={{ color:'rgba(255,255,255,0.55)', fontFamily:'monospace', fontSize:10, marginBottom:14 }}>
         {filtered.length} von {items.length} Einträgen{search ? ` für „${search}"` : ''}
       </p>
 
-      {loading && <div style={{ color:'rgba(255,255,255,0.3)', fontFamily:'monospace' }}>Lädt…</div>}
+      {loading && <div style={{ color:'rgba(255,255,255,0.6)', fontFamily:'monospace' }}>Lädt…</div>}
 
       {!loading && items.length === 0 && (
         <div style={{ ...S.card, textAlign:'center', padding:40 }}>
           <div style={{ fontSize:28, marginBottom:10 }}>◉</div>
-          <div style={{ color:'rgba(255,255,255,0.25)', fontFamily:'monospace', fontSize:12 }}>Noch keine Berechnungen.</div>
+          <div style={{ color:'rgba(255,255,255,0.55)', fontFamily:'monospace', fontSize:12 }}>Noch keine Berechnungen.</div>
         </div>
       )}
 
       {!loading && search && filtered.length === 0 && (
         <div style={{ ...S.card, textAlign:'center', padding:24 }}>
-          <div style={{ color:'rgba(255,255,255,0.25)', fontFamily:'monospace', fontSize:12 }}>Keine Treffer.</div>
+          <div style={{ color:'rgba(255,255,255,0.55)', fontFamily:'monospace', fontSize:12 }}>Keine Treffer.</div>
         </div>
       )}
 
@@ -378,13 +378,13 @@ export function SavedList({ toast, mobile }) {
               {/* Name + Datum */}
               <div style={{ display:'flex', justifyContent:'space-between', alignItems:'flex-start', marginBottom:4 }}>
                 <div style={{ color:'#fff', fontFamily:'monospace', fontSize:13, fontWeight:700 }}>{item.name}</div>
-                <div style={{ color:'rgba(255,255,255,0.2)', fontFamily:'monospace', fontSize:10, flexShrink:0, marginLeft:8 }}>
+                <div style={{ color:'rgba(255,255,255,0.5)', fontFamily:'monospace', fontSize:10, flexShrink:0, marginLeft:8 }}>
                   {new Date(item.created_at).toLocaleDateString('de-DE')}
                 </div>
               </div>
 
               {/* Infos */}
-              <div style={{ color:'rgba(255,255,255,0.3)', fontFamily:'monospace', fontSize:10, marginBottom:6 }}>
+              <div style={{ color:'rgba(255,255,255,0.6)', fontFamily:'monospace', fontSize:10, marginBottom:6 }}>
                 {item.gramm}g · {item.stunden}h · {item.farben} Farbe{item.farben > 1 ? 'n' : ''}
               </div>