EHV/librodrome
18
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Palette dynamique dans BookPlayer et admin
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source 
- BookPlayer : toutes les couleurs HSL en dur remplacées par variables CSS palette
- Admin (sidebar, formulaires, pages, book, songs, messages, media, login) : idem
- L'ambiance graphique suit maintenant la palette active partout

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Yvv
2026-03-14 16:41:23 +01:00
parent 9caf11c8ab
commit 8f548afb17
19 changed files with 170 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/pages/admin/login.vue
View File

@@ -72,16 +72,16 @@ async function login() {
display: flex;
align-items: center;
justify-content: center;
background: hsl(20 8% 3.5%);
background: hsl(var(--color-bg));
}
.login-form {
width: 100%;
max-width: 24rem;
padding: 2.5rem;
border: 1px solid hsl(20 8% 14%);
border: 1px solid hsl(var(--color-surface-light));
border-radius: 1rem;
background: hsl(20 8% 6%);
background: hsl(var(--color-bg));
}
.login-error {
@@ -97,7 +97,7 @@ async function login() {
display: block;
font-size: 0.8rem;
font-weight: 500;
color: hsl(20 8% 60%);
color: hsl(var(--color-text-muted));
margin-bottom: 0.375rem;
}
@@ -105,8 +105,8 @@ async function login() {
width: 100%;
padding: 0.625rem 0.75rem;
border-radius: 0.5rem;
border: 1px solid hsl(20 8% 18%);
background: hsl(20 8% 4%);
border: 1px solid hsl(var(--color-surface-light));
background: hsl(var(--color-bg));
color: white;
font-size: 0.9rem;
margin-bottom: 1.25rem;
@@ -114,7 +114,7 @@ async function login() {
.login-input:focus {
outline: none;
border-color: hsl(12 76% 48% / 0.5);
border-color: hsl(var(--color-primary) / 0.5);
}
.login-btn {
@@ -126,7 +126,7 @@ async function login() {
padding: 0.625rem;
border-radius: 0.5rem;
border: none;
background: hsl(12 76% 48%);
background: hsl(var(--color-primary));
color: white;
font-weight: 600;
font-size: 0.9rem;
@@ -135,7 +135,7 @@ async function login() {
}
.login-btn:hover:not(:disabled) {
background: hsl(12 76% 42%);
background: hsl(var(--color-primary));
}
.login-btn:disabled {
@@ -147,12 +147,12 @@ async function login() {
margin-top: 1rem;
text-align: center;
font-size: 0.75rem;
color: hsl(20 8% 40%);
color: hsl(var(--color-text-muted));
}
.dev-hint code {
color: hsl(12 76% 60%);
background: hsl(20 8% 10%);
color: hsl(var(--color-primary));
background: hsl(var(--color-surface));
padding: 0.125rem 0.375rem;
border-radius: 0.25rem;
}