diff --git a/addons/education_exam/views/portal_exam_templates.xml b/addons/education_exam/views/portal_exam_templates.xml
index b904ad6..5afa66f 100644
--- a/addons/education_exam/views/portal_exam_templates.xml
+++ b/addons/education_exam/views/portal_exam_templates.xml
@@ -28,7 +28,7 @@
                 /* Top Header Navbar */
                 .portal-header {
                     height: 70px;
-                    background: #eef9f9 !important;
+                    background: linear-gradient(135deg, #1f8f8f 0%, #144d4d 55%, #0d3d3d 100%) !important;
                     border-bottom: 1px solid rgba(31, 143, 143, 0.1);
                     display: flex;
                     align-items: center;
diff --git a/addons/education_lms/views/portal_lms_templates.xml b/addons/education_lms/views/portal_lms_templates.xml
index 074d825..c88ed96 100644
--- a/addons/education_lms/views/portal_lms_templates.xml
+++ b/addons/education_lms/views/portal_lms_templates.xml
@@ -59,7 +59,7 @@
                 /* Layout */
                 .portal-header {
                     height: 70px;
-                    background: #eef9f9 !important;
+                    background: linear-gradient(135deg, #1f8f8f 0%, #144d4d 55%, #0d3d3d 100%) !important;
                     border-bottom: 1px solid rgba(31, 143, 143, 0.1);
                     display: flex;
                     align-items: center;
diff --git a/addons/education_portal/views/portal_templates.xml b/addons/education_portal/views/portal_templates.xml
index c0caa5b..e7afee8 100644
--- a/addons/education_portal/views/portal_templates.xml
+++ b/addons/education_portal/views/portal_templates.xml
@@ -233,7 +233,7 @@
                 /* Top Header Navbar */
                 .portal-header {
                     height: 70px;
-                    background: #eef9f9 !important;
+                    background: linear-gradient(135deg, #1f8f8f 0%, #144d4d 55%, #0d3d3d 100%) !important;
                     border-bottom: 1px solid rgba(31, 143, 143, 0.1);
                     display: flex;
                     align-items: center;
@@ -1255,7 +1255,7 @@
                 /* Top Header Navbar */
                 .portal-header {
                     height: 70px;
-                    background: #eef9f9 !important;
+                    background: linear-gradient(135deg, #1f8f8f 0%, #144d4d 55%, #0d3d3d 100%) !important;
                     border-bottom: 1px solid rgba(31, 143, 143, 0.1);
                     display: flex;
                     align-items: center;
@@ -2072,7 +2072,7 @@
                 /* Top Header Navbar */
                 .portal-header {
                     height: 70px;
-                    background: #eef9f9 !important;
+                    background: linear-gradient(135deg, #1f8f8f 0%, #144d4d 55%, #0d3d3d 100%) !important;
                     border-bottom: 1px solid rgba(31, 143, 143, 0.1);
                     display: flex;
                     align-items: center;
@@ -2985,7 +2985,7 @@
                 /* Top Header Navbar */
                 .portal-header {
                     height: 70px;
-                    background: #eef9f9 !important;
+                    background: linear-gradient(135deg, #1f8f8f 0%, #144d4d 55%, #0d3d3d 100%) !important;
                     border-bottom: 1px solid rgba(31, 143, 143, 0.1);
                     display: flex;
                     align-items: center;
@@ -4050,7 +4050,7 @@
 
                 .portal-header {
                     height: 70px;
-                    background: #eef9f9 !important;
+                    background: linear-gradient(135deg, #1f8f8f 0%, #144d4d 55%, #0d3d3d 100%) !important;
                     border-bottom: 1px solid rgba(31, 143, 143, 0.1);
                     display: flex;
                     align-items: center;
@@ -4606,7 +4606,7 @@
                 /* Top Header Navbar */
                 .portal-header {
                     height: 70px;
-                    background: #eef9f9 !important;
+                    background: linear-gradient(135deg, #1f8f8f 0%, #144d4d 55%, #0d3d3d 100%) !important;
                     border-bottom: 1px solid rgba(31, 143, 143, 0.1);
                     display: flex;
                     align-items: center;
diff --git a/addons/education_timetable/views/portal_timetable_templates.xml b/addons/education_timetable/views/portal_timetable_templates.xml
index 33352a8..5e7c176 100644
--- a/addons/education_timetable/views/portal_timetable_templates.xml
+++ b/addons/education_timetable/views/portal_timetable_templates.xml
@@ -42,7 +42,7 @@
                 /* Layout */
                 .portal-header {
                     height: 70px;
-                    background: #eef9f9 !important;
+                    background: linear-gradient(135deg, #1f8f8f 0%, #144d4d 55%, #0d3d3d 100%) !important;
                     border-bottom: 1px solid rgba(31, 143, 143, 0.1);
                     display: flex;
                     align-items: center;
diff --git a/wrapper.xml b/wrapper.xml
index 78777c2..314887e 100644
--- a/wrapper.xml
+++ b/wrapper.xml
@@ -28,7 +28,7 @@
                 /* Top Header Navbar */
                 .portal-header {
                     height: 70px;
-                    background: #eef9f9 !important;
+                    background: linear-gradient(135deg, #1f8f8f 0%, #144d4d 55%, #0d3d3d 100%) !important;
                     border-bottom: 1px solid rgba(31, 143, 143, 0.1);
                     display: flex;
                     align-items: center;