From 402def7539746fec5c36be31d71f394122ceb673 Mon Sep 17 00:00:00 2001 From: Leonardo Date: Thu, 21 May 2026 21:09:49 -0300 Subject: [PATCH] melissa/templates: botoes primary viram outlined (fix dark mode) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Bug: no modo escuro o bg primary do botao --primary tornava o texto branco ilegivel — cor primary clara contra fundo claro. Fix: estilo outlined em vez de filled: - background transparente - border-color: var(--p-primary-color) - color: var(--p-primary-color) - hover: bg sutil 10% mix com primary Mantem hierarquia visual (a borda destacada sinaliza acao primaria) mas sem o conflito de contraste. Funciona em ambos os temas. Co-Authored-By: Claude Opus 4.7 (1M context) --- src/layout/melissa/MelissaDocumentosTemplates.vue | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/src/layout/melissa/MelissaDocumentosTemplates.vue b/src/layout/melissa/MelissaDocumentosTemplates.vue index 15a1586..3213146 100644 --- a/src/layout/melissa/MelissaDocumentosTemplates.vue +++ b/src/layout/melissa/MelissaDocumentosTemplates.vue @@ -650,15 +650,19 @@ onBeforeUnmount(() => { color: var(--m-text); } .mdt-act-btn:hover { background: var(--m-bg-soft-hover); } +/* Estilo outlined: borda primary + texto primary + bg transparente. + Resolve problema do modo escuro onde bg primary deixava o texto + ilegível (cor primary clara contra texto branco). */ .mdt-act-btn--primary { - background: var(--m-accent); - border-color: var(--m-accent); - color: white; + background: transparent; + border-color: var(--p-primary-color); + color: var(--p-primary-color); } .mdt-act-btn--primary:hover { - background: color-mix(in srgb, var(--m-accent) 88%, white); + background: color-mix(in srgb, var(--p-primary-color) 10%, transparent); transform: translateY(-1px); } +.mdt-act-btn--primary > i { color: var(--p-primary-color); } .mdt-act-btn > i { font-size: 0.78rem; } /* Subheader */