diff --git a/public/style.css b/public/style.css index 83363eb..7547a02 100644 --- a/public/style.css +++ b/public/style.css @@ -61,7 +61,24 @@ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +} + +/* Ajustes de contraste para o cabeçalho no modo claro */ +[data-theme="light"] .chat-header { + background-color: rgba(245, 245, 245, 0.8) !important; + border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; +} + +[data-theme="light"] .chat-header .btn-menu, +[data-theme="light"] .chat-header .btn-theme-toggle, +[data-theme="light"] .chat-header .btn-new-chat-mobile { + color: var(--text-primary) !important; /* #1a1a1a - Máximo contraste no fundo claro */ +} + +[data-theme="light"] .chat-header .btn-menu:hover, +[data-theme="light"] .chat-header .btn-theme-toggle:hover, +[data-theme="light"] .chat-header .btn-new-chat-mobile:hover { + background-color: rgba(0, 0, 0, 0.06) !important; } * {