diff --git a/settings.html b/settings.html
index 06dfc3f..ae74947 100644
--- a/settings.html
+++ b/settings.html
@@ -102,34 +102,45 @@
       margin-left: 0.8rem;
     }
     /* Buttons */
-    .buttons {
-      display: flex; justify-content: flex-end; gap: 1rem;
-    }
-    /*
-    button.action {
-      padding: 0.5em 1.3em;
+    .action-btn {
+      display: flex;
+      align-items: center;
+      gap: 0.5em;
+      padding: 0.5em 1.2em;
       font-size: 1rem;
       font-weight: 600;
-      border: none; border-radius: 6px;
+      border: none;
+      border-radius: 8px;
       cursor: pointer;
-      transition: background 0.2s;
+      transition: background 0.18s, color 0.18s;
+      background: var(--bg-sidebar);
+      color: var(--accent);
+      box-shadow: 0 1px 4px rgba(0,0,0,0.03);
     }
-    #cancelBtn {
+    .action-btn .icon-left { margin-right: 0.2em; }
+    .ok-btn {
+      background: var(--accent);
+      color: #fff;
+    }
+    .ok-btn:hover {
+      background: #be2c4e; /* dunkleres rosa/blau für hover, anpassen falls du magst */
+    }
+    .cancel-btn {
       background: #e2e8f0;
       color: #475569;
     }
-    #cancelBtn:hover {
+    .cancel-btn:hover {
       background: #cbd5e1;
       color: #1e293b;
     }
-    #okBtn {
-      background: #38bdf8;
+    body.sky-mode .ok-btn {
+      background: var(--accent);
       color: #fff;
     }
-    #okBtn:hover {
-      background: #0ea5e9;
+    body.sky-mode .cancel-btn {
+      background: #dbeafe;
+      color: var(--accent);
     }
-    */
 
     /* Infotext */
     .ollama-info {