catalog retro css fix

This commit is contained in:
2026-05-10 20:21:56 +02:00
parent d8cd012ad1
commit b97d2eda19
+25 -1
View File
@@ -41,6 +41,24 @@
animation: none !important;
}
/* ---- GLOBAL TAILWIND TEXT COLOR OVERRIDES ---- */
/* Element-type + class combined for guaranteed specificity over Tailwind utilities */
.retro-mode :is(p, h1, h2, h3, h4, h5, h6, span, div, dt, dd, li, td, th, a, label, small).text-gray-900,
.retro-mode :is(p, h1, h2, h3, h4, h5, h6, span, div, dt, dd, li, td, th, a, label, small).text-gray-800,
.retro-mode :is(p, h1, h2, h3, h4, h5, h6, span, div, dt, dd, li, td, th, a, label, small).text-gray-700 {
color: #fff !important;
}
.retro-mode :is(p, h1, h2, h3, h4, h5, h6, span, div, dt, dd, li, td, th, a, label, small).text-gray-600,
.retro-mode :is(p, h1, h2, h3, h4, h5, h6, span, div, dt, dd, li, td, th, a, label, small).text-gray-500 {
color: #c8c8c8 !important;
}
.retro-mode :is(p, h1, h2, h3, h4, h5, h6, span, div, dt, dd, li, td, th, a, label, small).text-gray-400,
.retro-mode :is(p, h1, h2, h3, h4, h5, h6, span, div, dt, dd, li, td, th, a, label, small).text-gray-300 {
color: #a8a8a8 !important;
}
/* ---- PAGE BACKGROUNDS ---- */
.retro-mode .bg-gray-50,
.retro-mode .home-container,
@@ -634,7 +652,13 @@
border: none !important;
box-shadow: 4px 4px 0 #000 !important;
text-decoration: none !important;
padding: 1px 10px !important;
padding: 4px 8px !important;
white-space: normal !important;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 2em !important;
}
.retro-mode .bg-gradient-to-br.from-purple-700 {