implement custom theme styling and animations for Chennora theme

This commit is contained in:
Alaguraj0361 2026-04-07 11:45:00 +05:30
parent bdb92a60ab
commit 81838e6bc1

View File

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