Gato/Pena
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

feat: ajout des badges thèmes rapides dans le modal CSS

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Gato
2026-06-19 14:39:24 +02:00
parent b8ba15d832
commit 8b39c09484
3 changed files with 96 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/style.css
+34
View File
@@ -646,6 +646,40 @@ body {
.css-modal__btn--ghost { background: transparent; color: #777; border: 1px solid #ddd; }
.css-modal__btn--ghost:hover { background: #f0f0f4; color: #444; }
/* ── Quick themes ── */
.css-modal__quick-themes { flex-shrink: 0; }
.css-modal__quick-themes-label {
font-size: 11px;
font-weight: 600;
color: #aaa;
text-transform: uppercase;
letter-spacing: 0.08em;
margin: 0 0 8px;
}
.css-modal__quick-themes-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.css-modal__theme-badge {
padding: 6px 14px;
border: 1px solid #ddd;
border-radius: 999px;
background: #fff;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-weight: 400;
color: #555;
cursor: pointer;
transition: border-color 0.15s, color 0.15s, background 0.15s;
}
.css-modal__theme-badge:hover { border-color: #bbb; color: #222; background: #f8f8f8; }
.css-modal__theme-badge.active {
border-color: #ff5577;
color: #ff5577;
background: rgba(255, 85, 119, 0.06);
}
/* ── Back button ── */
.btn-back {
width: 100%;