Globale .icon-btn Klasse für alle Icon-only Buttons, Hover-Filter, Theme-Anpassungen

wwwroot/css/base.css

@@ -61,6 +61,7 @@ button:not(:disabled) {
 
 button:not(:disabled):hover, select:hover, input:hover, textarea:hover {
   border-color: var(--primary);
+  filter: var(--hover-filter);
 }
 
 button:disabled {
@@ -71,6 +72,20 @@ input {
   min-width: 0;
 }
 
+.icon-btn {
+  width: 2em;
+  aspect-ratio: 1;
+  padding: 0;
+  line-height: 1;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+
+button.icon-btn,
+button.icon-btn:hover {
+  border-color: transparent;
+}
+
 textarea, code, pre, .tool-input, .tool-diff, .tool-result, .fe-line-numbers {
   font-family: var(--mono);
   font-size: var(--mono-size);

wwwroot/css/chat.css

@@ -242,13 +242,7 @@
   gap: var(--badge-spacing);
 }
 
-.input-area button {
-  width: 2em;
-  aspect-ratio: 1;
-  padding: 0;
-  line-height: 1;
-  overflow: hidden;
-}
+
 
 .input-area textarea {
   flex: 1;
@@ -441,12 +435,7 @@
   flex-shrink: 0;
 }
 
-.sp-close {
-  width: 2em;
-  aspect-ratio: 1;
-  padding: 0;
-  line-height: 1;
-}
+
 
 .sp-body {
   padding: var(--page-padding);

wwwroot/css/dashboard.css

@@ -35,6 +35,7 @@
 
 .card.clickable:hover {
   border-color: var(--primary);
+  filter: var(--hover-filter);
 }
 
 .card-image {

wwwroot/css/form.css

@@ -48,9 +48,7 @@
   flex: 1;
 }
 
-.input-addon-btn {
-  flex-shrink: 0;
-}
+
 
 .form-actions {
   display: flex;
@@ -87,7 +85,7 @@
 .custom-command-item .remove-cmd-btn {
   margin-left: var(--badge-spacing);
   color: var(--dangerous);
-  border-color: var(--dangerous);
+  align-self: center;
 }
 
 .custom-command-item .remove-cmd-btn:hover {

wwwroot/css/theme.css

@@ -1,7 +1,7 @@
 :root {
   --text: #ddd;
   --text-accent: #fff;
-  --primary: #b41;
+  --primary: #a41;
   --secondary: #4a1;
   --dangerous: #f66;
   --warning: #fa0;
@@ -29,4 +29,5 @@
   --badge-spacing: .5em;
   --menu-item-padding: .5em .75em;
   --page-width: 900px;
+  --hover-filter: contrast(.9);
 }