From b97d2eda19ab21c5fa8317ae0a8a0663f2641925 Mon Sep 17 00:00:00 2001 From: Zsolt Tasnadi Date: Sun, 10 May 2026 20:21:56 +0200 Subject: [PATCH] catalog retro css fix --- apps/frontend/src/styles/retro.css | 26 +++++++++++++++++++++++++- 1 file changed, 25 insertions(+), 1 deletion(-) diff --git a/apps/frontend/src/styles/retro.css b/apps/frontend/src/styles/retro.css index e6864f4..3449683 100644 --- a/apps/frontend/src/styles/retro.css +++ b/apps/frontend/src/styles/retro.css @@ -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 {