From 81838e6bc1c3eb46f1b4033c24cab280abce0e74 Mon Sep 17 00:00:00 2001
From: Alaguraj0361 <alaguraj0361@gmail.com>
Date: Tue, 7 Apr 2026 11:45:00 +0530
Subject: [PATCH]  implement custom theme styling and animations for Chennora
 theme

---
 .../static/src/scss/theme.scss                | 34 +++++++++++--------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/addons/dine360_theme_chennora/static/src/scss/theme.scss b/addons/dine360_theme_chennora/static/src/scss/theme.scss
index e1ab421..629e75e 100644
--- a/addons/dine360_theme_chennora/static/src/scss/theme.scss
+++ b/addons/dine360_theme_chennora/static/src/scss/theme.scss
@@ -1005,7 +1005,7 @@ section h2.display-4 {
         border-radius: 2px;
         font-size: 12px;
         transition: all 0.3s ease;
-        
+
         i {
             color: white !important;
         }
@@ -1015,11 +1015,11 @@ section h2.display-4 {
         background-color: #2BB1A5 !important;
         color: white !important;
         transform: translateY(-3px);
-        
+
         span {
             background-color: white !important;
             color: #2BB1A5 !important;
-            
+
             i {
                 color: #2BB1A5 !important;
             }
@@ -1490,14 +1490,17 @@ footer#bottom {
 
 // Global Link Hover & Active Color Fix
 // Only apply global overrides to frontend/website elements to avoid breaking backend UI
-body:not(.editor_enable):not(.o_edit_mode) {
+/* Link hover color */
+body:not(.editor_enable):not(.o_edit_mode) a:hover,
+body:not(.editor_enable):not(.o_edit_mode) a:hover * {
+    color: #529791 !important;
+}
 
-    a:hover,
-    a:hover *,
-    .btn-link:hover,
-    .btn-link:hover * {
-        color: #2BB1A5 !important;
-    }
+/* Button hover color */
+body:not(.editor_enable):not(.o_edit_mode) .btn:hover,
+body:not(.editor_enable):not(.o_edit_mode) .btn:hover * {
+    color: #fff !important;
+    background-color: #2BB1A5 !important;
 }
 
 .active,
@@ -1780,7 +1783,7 @@ body.o_edit_mode {
 .pagination {
     .page-item {
         margin: 0 4px;
-        
+
         .page-link {
             border-radius: 50% !important;
             width: 40px;
@@ -1793,21 +1796,22 @@ body.o_edit_mode {
             background-color: #fff;
             transition: all 0.3s ease;
             font-weight: 600;
-            
-            &:hover, &:focus {
+
+            &:hover,
+            &:focus {
                 background-color: #FECD4F;
                 border-color: #FECD4F;
                 color: #04121D;
                 box-shadow: none;
             }
         }
-        
+
         &.active .page-link {
             background-color: #04121D !important;
             border-color: #04121D !important;
             color: #FFFFFF !important;
         }
-        
+
         &.disabled .page-link {
             background-color: #f8f9fa;
             border-color: #ddd;