From 66e53e171ef5afd4e7124a50ff93959ea2c31513 Mon Sep 17 00:00:00 2001
From: = <=>
Date: Thu, 11 Sep 2025 21:13:26 +0200
Subject: [PATCH] refactor: Remove unnecessary card header from overview tab in
 risk item template

---
 static/css/design.css          | 136 ++++++++++++++++++++++++++++++++-
 templates/risks/item_risk.html |   3 -
 2 files changed, 134 insertions(+), 5 deletions(-)

diff --git a/static/css/design.css b/static/css/design.css
index 5883f0f..4a7de21 100644
--- a/static/css/design.css
+++ b/static/css/design.css
@@ -275,8 +275,6 @@ body.dark-mode a { color: #bb86fc; }
   min-width: 1.15rem; height: 1.15rem;
   font-size: 0.70rem; line-height: 1.15rem;
 }
-/* Dark navbar badge shadow */
-.navbar.is-dark .avatar-wrap .badge { box-shadow: 0 0 0 2px hsl(229, 53%, 18%); }
 
 /* =========================
    Bulma Design Changes
@@ -304,3 +302,137 @@ body.dark-mode a { color: #bb86fc; }
 .erp-tabs a:hover {
   background: rgba(0,0,0,.03);
 }
+
+/* =========================
+   Dark Mode
+   ========================= */
+/* =========================
+   Dark Mode Palette
+   ========================= */
+body.dark-mode {
+  --bg-main: #121212;
+  --bg-surface: #1e1e1e;
+  --bg-hover: #2a2a2a;
+  --border-color: #333;
+  --text-main: #f5f5f5;
+  --text-muted: #bbb;
+  --link-color: #bb86fc;
+  --link-hover: #d0aaff;
+
+  background-color: var(--bg-main);
+  color: var(--text-main);
+}
+
+/* =========================
+   Global Elements
+   ========================= */
+body.dark-mode a {
+  color: var(--link-color);
+}
+body.dark-mode a:hover {
+  color: var(--link-hover);
+}
+
+body.dark-mode .content {
+  background: var(--bg-surface);
+  color: var(--text-main);
+}
+
+/* =========================
+   Navbar / Topbar
+   ========================= */
+body.dark-mode .navbar.topbar-nav {
+  background-color: var(--bg-surface) !important;
+  box-shadow: none;
+}
+body.dark-mode .navbar.topbar-nav .navbar-item,
+body.dark-mode .navbar.topbar-nav .navbar-link {
+  color: var(--text-main);
+}
+body.dark-mode .navbar.topbar-nav .navbar-item:hover,
+body.dark-mode .navbar.topbar-nav .navbar-link:hover {
+  background-color: var(--bg-hover);
+  color: #fff;
+}
+body.dark-mode .navbar.topbar-nav .navbar-link::after {
+  border-color: var(--link-color);
+}
+
+/* =========================
+   Cards, Boxen, Dropdowns
+   ========================= */
+body.dark-mode .box,
+body.dark-mode .card,
+body.dark-mode .navbar-dropdown {
+  background: var(--bg-surface);
+  color: var(--text-main);
+  border: 1px solid var(--border-color);
+}
+
+/* =========================
+   Breadcrumbs
+   ========================= */
+body.dark-mode .breadcrumb {
+  background-color: var(--bg-surface);
+  border-bottom: 1px solid var(--border-color);
+}
+body.dark-mode .breadcrumb a {
+  color: var(--link-color) !important;
+}
+
+/* =========================
+   Messages / Notifications
+   ========================= */
+body.dark-mode .notification {
+  background: var(--bg-surface);
+  color: var(--text-main);
+  border-left: 4px solid var(--prosoft-normal);
+}
+body.dark-mode .message .message-body {
+  background: var(--bg-surface);
+  color: var(--text-main);
+  border-color: var(--border-color);
+}
+
+/* =========================
+   Tables
+   ========================= */
+body.dark-mode table,
+body.dark-mode th,
+body.dark-mode td {
+  background: var(--bg-surface);
+  color: var(--text-main);
+  border-color: var(--border-color);
+}
+
+/* =========================
+   Inputs / Forms
+   ========================= */
+body.dark-mode input,
+body.dark-mode select,
+body.dark-mode textarea {
+  background: var(--bg-surface);
+  color: var(--text-main);
+  border: 1px solid var(--border-color);
+}
+body.dark-mode input::placeholder {
+  color: var(--text-muted);
+}
+
+/* =========================
+   Navbar Dropdown (Dark Mode)
+   ========================= */
+body.dark-mode .navbar-dropdown {
+  background: var(--bg-surface);
+  border: 1px solid var(--border-color);
+}
+
+body.dark-mode .navbar-dropdown .navbar-item {
+  background: var(--bg-surface);
+  color: var(--text-main) !important;
+}
+
+body.dark-mode .navbar-dropdown .navbar-item:hover {
+  background: var(--bg-hover);
+  color: #fff !important;
+}
\ No newline at end of file
diff --git a/templates/risks/item_risk.html b/templates/risks/item_risk.html
index edd5a78..3e1be97 100644
--- a/templates/risks/item_risk.html
+++ b/templates/risks/item_risk.html
@@ -18,9 +18,6 @@
   <!-- Tab: Overview -->
   <div class="tab-panel" data-tab="overview">
     <div class="card">
-      <header class="card-header">
-        <p class="card-header-title">{% trans "Overview" %}</p>
-      </header>
       <div class="card-content">
 
         <!-- General info -->