From 615ac948c8d1e5cfecfc75bfa5edeed486174c38 Mon Sep 17 00:00:00 2001
From: Alexander Zaytsev <nqst@users.noreply.github.com>
Date: Thu, 5 Mar 2026 17:31:48 +0100
Subject: [PATCH] Add styles for danger zone section

---
 app/assets/stylesheets/settings.css               | 10 ++++++++++
 app/views/account/settings/_cancellation.html.erb |  4 ++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/settings.css b/app/assets/stylesheets/settings.css
index bd12916fc..07644922e 100644
--- a/app/assets/stylesheets/settings.css
+++ b/app/assets/stylesheets/settings.css
@@ -62,6 +62,16 @@
     }
   }
 
+  .settings__section--negative {
+    h2 {
+      color: var(--color-negative);
+    }
+
+    .divider {
+      --divider-color: oklch(var(--lch-red-light));
+    }
+  }
+
   .settings__section:has(.settings__scrollable-list) {
     @media (min-width: 640px) {
       display: flex;
diff --git a/app/views/account/settings/_cancellation.html.erb b/app/views/account/settings/_cancellation.html.erb
index 2b8172966..9b80ed064 100644
--- a/app/views/account/settings/_cancellation.html.erb
+++ b/app/views/account/settings/_cancellation.html.erb
@@ -1,7 +1,7 @@
 <% if Current.account.cancellable? && Current.user.owner? %>
-  <section class="settings__section">
+  <section class="settings__section settings__section--negative">
     <header>
-      <h2 class="divider txt-negative">Danger zone</h2>
+      <h2 class="divider">Danger zone</h2>
       <div>Permanently delete your account and all its data, including users, boards, and cards.</div>
     </header>