Padroniza textos e ícones com cores sólidas nos botões da interface
This commit is contained in:
+19
-11
@@ -2249,41 +2249,49 @@ code {
|
||||
|
||||
/* Modo Música: Estilos e Cores (Roxo/Violeta) */
|
||||
.btn-prompt-mode.mode-music {
|
||||
border-color: rgba(168, 85, 247, 0.3);
|
||||
border-color: rgba(168, 85, 247, 0.4);
|
||||
color: #c084fc;
|
||||
background-color: rgba(168, 85, 247, 0.05);
|
||||
}
|
||||
.btn-prompt-mode.mode-music:hover {
|
||||
border-color: rgb(168, 85, 247);
|
||||
background-color: rgba(168, 85, 247, 0.06);
|
||||
color: rgb(216, 180, 254);
|
||||
background-color: rgba(168, 85, 247, 0.1);
|
||||
color: #d8b4fe;
|
||||
}
|
||||
|
||||
/* Modo Vídeo: Estilos e Cores (Azul/Ciano) */
|
||||
.btn-prompt-mode.mode-video {
|
||||
border-color: rgba(6, 182, 212, 0.3);
|
||||
border-color: rgba(6, 182, 212, 0.4);
|
||||
color: #22d3ee;
|
||||
background-color: rgba(6, 182, 212, 0.05);
|
||||
}
|
||||
.btn-prompt-mode.mode-video:hover {
|
||||
border-color: rgb(6, 182, 212);
|
||||
background-color: rgba(6, 182, 212, 0.06);
|
||||
color: rgb(165, 243, 252);
|
||||
background-color: rgba(6, 182, 212, 0.1);
|
||||
color: #67e8f9;
|
||||
}
|
||||
|
||||
/* Modo Imagem: Estilos e Cores (Laranja/Rosa) */
|
||||
.btn-prompt-mode.mode-image {
|
||||
border-color: rgba(249, 115, 22, 0.3);
|
||||
border-color: rgba(249, 115, 22, 0.4);
|
||||
color: #fb923c;
|
||||
background-color: rgba(249, 115, 22, 0.05);
|
||||
}
|
||||
.btn-prompt-mode.mode-image:hover {
|
||||
border-color: rgb(249, 115, 22);
|
||||
background-color: rgba(249, 115, 22, 0.06);
|
||||
color: rgb(253, 186, 116);
|
||||
background-color: rgba(249, 115, 22, 0.1);
|
||||
color: #fdba74;
|
||||
}
|
||||
|
||||
/* Modo Texto/História: Estilos e Cores (Verde Kemily) */
|
||||
.btn-prompt-mode.mode-text {
|
||||
border-color: rgba(16, 163, 127, 0.3);
|
||||
border-color: rgba(16, 163, 127, 0.4);
|
||||
color: #34d399;
|
||||
background-color: rgba(16, 163, 127, 0.05);
|
||||
}
|
||||
.btn-prompt-mode.mode-text:hover {
|
||||
border-color: var(--brand-green);
|
||||
background-color: rgba(16, 163, 127, 0.06);
|
||||
background-color: rgba(16, 163, 127, 0.1);
|
||||
color: rgb(167, 243, 208);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user