1
1
/* Enhanced Footer Styles - COMPLETELY ISOLATED FROM THEME CHANGES */
2
2
3
3
/* Theme-aware footer styles */
4
- .enhanced-footer .light-theme {
5
- background : linear-gradient (135deg , # f8fafc 0% , # e2e8f0 25% , # cbd5e1 50% , # 94a3b8 75% , # 64748b 100% ) !important ;
6
- color : # 1e293b !important ;
7
- }
8
-
4
+ .enhanced-footer .light-theme ,
9
5
.enhanced-footer .dark-theme {
10
6
background : linear-gradient (135deg , # 0f0f23 0% , # 1a1a2e 25% , # 16213e 50% , # 0f3460 75% , # 533483 100% ) !important ;
11
7
color : # e2e8f0 !important ;
@@ -122,16 +118,12 @@ html[data-theme='light'] .enhanced-footer * {
122
118
}
123
119
124
120
/* Force the main footer background and colors to never change */
125
- .enhanced-footer .dark-theme {
121
+ .enhanced-footer .dark-theme ,
122
+ .enhanced-footer .light-theme {
126
123
background : linear-gradient (135deg , # 0f0f23 0% , # 1a1a2e 25% , # 16213e 50% , # 0f3460 75% , # 533483 100% ) !important ;
127
124
color : # e2e8f0 !important ;
128
125
}
129
126
130
- .enhanced-footer .light-theme {
131
- background : linear-gradient (135deg , # f8fafc 0% , # e2e8f0 25% , # cbd5e1 50% , # 94a3b8 75% , # 64748b 100% ) !important ;
132
- color : # 1e293b !important ;
133
- }
134
-
135
127
/* Absolute protection against any theme changes */
136
128
[data-theme = 'dark' ] .enhanced-footer .dark-theme ,
137
129
html [data-theme = 'dark' ] .enhanced-footer .dark-theme {
@@ -141,8 +133,8 @@ html[data-theme='dark'] .enhanced-footer.dark-theme {
141
133
142
134
[data-theme = 'light' ] .enhanced-footer .light-theme ,
143
135
html [data-theme = 'light' ] .enhanced-footer .light-theme {
144
- background : linear-gradient (135deg , # f8fafc 0% , # e2e8f0 25% , # cbd5e1 50% , # 94a3b8 75% , # 64748b 100% ) !important ;
145
- color : # 1e293b !important ;
136
+ background : linear-gradient (135deg , # 0f0f23 0% , # 1a1a2e 25% , # 16213e 50% , # 0f3460 75% , # 533483 100% ) !important ;
137
+ color : # e2e8f0 !important ;
146
138
}
147
139
148
140
/* Force all text elements to maintain their colors based on theme */
@@ -151,72 +143,52 @@ html[data-theme='light'] .enhanced-footer.light-theme {
151
143
.enhanced-footer .dark-theme h3 ,
152
144
.enhanced-footer .dark-theme h4 ,
153
145
.enhanced-footer .dark-theme h5 ,
154
- .enhanced-footer .dark-theme h6 {
155
- color : # ffffff !important ;
156
- }
157
-
146
+ .enhanced-footer .dark-theme h6 ,
158
147
.enhanced-footer .light-theme h1 ,
159
148
.enhanced-footer .light-theme h2 ,
160
149
.enhanced-footer .light-theme h3 ,
161
150
.enhanced-footer .light-theme h4 ,
162
151
.enhanced-footer .light-theme h5 ,
163
152
.enhanced-footer .light-theme h6 {
164
- color : # 1e293b !important ;
153
+ color : # ffffff !important ;
165
154
}
166
155
167
156
.enhanced-footer .dark-theme p ,
168
157
.enhanced-footer .dark-theme span ,
169
158
.enhanced-footer .dark-theme div ,
170
- .enhanced-footer .dark-theme li {
171
- color : # e2e8f0 !important ;
172
- }
159
+ .enhanced-footer .dark-theme li ,
173
160
174
161
.enhanced-footer .light-theme p ,
175
162
.enhanced-footer .light-theme span ,
176
163
.enhanced-footer .light-theme div ,
177
- .enhanced-footer .light-theme li {
178
- color : # 475569 !important ;
179
- }
180
-
181
- .enhanced-footer .dark-theme a {
182
- color : # cbd5e1 !important ;
164
+ .enhanced-footer .light-theme li {
165
+ color : # e2e8f0 !important ;
183
166
}
184
167
168
+ .enhanced-footer .dark-theme a ,
185
169
.enhanced-footer .light-theme a {
186
- color : # 334155 !important ;
187
- }
188
-
189
- .enhanced-footer .dark-theme a : hover {
190
- color : # ffffff !important ;
170
+ color : # cbd5e1 !important ;
191
171
}
192
172
173
+ .enhanced-footer .dark-theme a : hover ,
193
174
.enhanced-footer .light-theme a : hover {
194
- color : # 1e293b !important ;
195
- }
196
-
197
- /* Specific protection for footer elements */
198
- .enhanced-footer .dark-theme .footer-brand-title {
199
175
color : # ffffff !important ;
200
176
}
201
177
178
+ /* Specific protection for footer elements */
179
+ .enhanced-footer .dark-theme .footer-brand-title ,
202
180
.enhanced-footer .light-theme .footer-brand-title {
203
- color : # 1e293b !important ;
204
- }
205
-
206
- .enhanced-footer .dark-theme .footer-column-title {
207
181
color : # ffffff !important ;
208
182
}
209
183
184
+ .enhanced-footer .dark-theme .footer-column-title ,
210
185
.enhanced-footer .light-theme .footer-column-title {
211
- color : # 1e293b !important ;
212
- }
213
-
214
- .enhanced-footer .dark-theme .footer-link {
215
- color : # cbd5e1 !important ;
186
+ color : # ffffff !important ;
216
187
}
217
188
189
+ .enhanced-footer .dark-theme .footer-link ,
218
190
.enhanced-footer .light-theme .footer-link {
219
- color : # 334155 !important ;
191
+ color : # cbd5e1 !important ;
220
192
}
221
193
222
194
[data-theme = 'dark' ] .enhanced-footer .footer-link : hover,
0 commit comments