chore: CSS-Cleanup opacity → var(--semi-transparent), TODO-Updates

TODO.md

@@ -14,6 +14,7 @@
 - [ ] Cronjobs: Planung, ob cron von Debian/Linux verwendet werden soll, oder ein eigener Worker/Service in der App selbst, der das übernimmt
 - [x] Weiteres Modell hinzufügen: "Haiku 4.5"
 - [ ] Weitere Tools: Glob? Search? Todo List?
+- [ ] Settings in Datenbank speichern (users table) anstelle von localStorage
 
 ## Bugs
 - [x] Wenn gerade gestreamt wird und man refreshed die Seite, dann verliert das Frontend den Status "Streaming..." und ich kann eine Nachricht schreiben, obwohl das nicht möglich sein sollte
@@ -43,4 +44,5 @@
 - [ ] 🎨 Chat-Hintergründe - Benutzerdefinierte Hintergründe pro Session
 - [ ] 👤 User-Management - Admin-only: Benutzer CRUD, Login-as-User, Default-Pfade
 - [ ] 🖥️ Windows Desktop App - WPF + WebView2 Wrapper mit konfigurierbarer URL
-- [ ] 🎨 Canvas - HTML/CSS/JS inline rendern in sandboxed iframes mit Resize und Source-View (Message-Tag: `[canvas:<title>:<height (optional)>]...[/canvas]`)
+- [ ] 🎨 Canvas - HTML/CSS/JS inline rendern in sandboxed iframes mit Resize und Source-View
+                  (Message-Tag: `[canvas:<title>:<height (optional)>]...[/canvas]`)

wwwroot/css/chat.css

@@ -337,9 +337,9 @@
 /* Gelöschte Nachrichten */
 
 .msg.msg-deleted {
-  opacity: 0.45;
+  opacity: var(--semi-transparent);
   text-decoration: line-through;
-  text-decoration-color: var(--dangerous);
+  text-decoration-color: var(--text);
   border-left: 3px solid var(--dangerous);
 }
 

wwwroot/css/form.css

@@ -119,7 +119,7 @@ label.checkbox-label {
 }
 
 .checkbox-hint {
-  opacity: 0.5;
+  opacity: var(--semi-transparent);
   font-size: var(--font-size);
 }
 
@@ -155,22 +155,21 @@ label.skill-item {
 }
 
 .skill-name {
-  font-weight: 600;
+  font-weight: bold;
 }
 
 .skill-version {
-  opacity: 0.5;
-  font-weight: 400;
+  opacity: var(--semi-transparent);
 }
 
 .skill-desc {
-  opacity: 0.6;
+  opacity: var(--semi-transparent);
   font-size: var(--font-size);
   margin-left: auto;
 }
 
 .skill-empty {
-  opacity: 0.5;
+  opacity: var(--semi-transparent);
   padding: var(--box-spacing);
 }
 
@@ -181,7 +180,7 @@ label.skill-item {
 }
 
 .skill-unavailable {
-  opacity: 0.45;
+  opacity: var(--semi-transparent);
   cursor: not-allowed;
 }