Neo-Tokyo Neon Noir design pour fiches items

- Nouvelle palette : #080c14 fond, accents néon par type (#00d4d4 item, #ff3d5a kungfu, #4a9eff spell, #cc44ff supernatural)
- Nouveaux composants LESS : .cde-neon-header (clip-path angulaire + accent line), .cde-avatar (clip-path), .cde-stat-grid/.cde-stat-cell (style terminal), .cde-badge (parallélogramme), .cde-neon-tabs (underline néon animé), .cde-check-cell
- Fix layout : .cde-sheet width: 100% + height: 100% + overflow: hidden, .cde-tab-body flex: 1 + min-height: 0, .cde-notes-editor flex stretch
- Fix positions : DEFAULT_OPTIONS height explicite pour tous les types (item 620x580, spell 660x680, kungfu 720x680, supernatural 560x520)
- 4 templates items reécrits avec nouvelles classes et structure épurée

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
2026-03-26 00:18:04 +01:00
commit 068fca00e5
739 changed files with 7923 additions and 0 deletions

View File

@@ -0,0 +1,37 @@
<form class="flexcol cde-sheet {{cssClass}}" autocomplete="off">
<header class="cde-neon-header supernatural">
<img class="cde-avatar" src="{{item.img}}" data-edit="img" title="{{item.name}}" />
<div class="cde-header-content">
<h1 class="cde-item-name">
<input name="name" type="text" value="{{item.name}}" placeholder="{{ localize 'CDE.Name' }}" />
</h1>
<div class="cde-stat-grid">
<div class="cde-stat-cell">
<span class="cde-stat-label">{{ localize "CDE.Reference" }}</span>
<input type="text" name="system.reference" value="{{systemData.reference}}" placeholder="—" />
</div>
</div>
<div style="margin-top:6px;">
<span class="cde-badge supernatural">{{ localize "CDE.Supernatural" }}</span>
</div>
</div>
</header>
<nav class="sheet-tabs tabs cde-neon-tabs" data-group="primary">
<a class="item" data-action="tab" data-group="primary" data-tab="description">{{ localize "CDE.Description" }}</a>
<a class="item" data-action="tab" data-group="primary" data-tab="notes">{{ localize "CDE.Notes" }}</a>
</nav>
<section class="sheet-body cde-tab-body">
<div class="tab" data-group="primary" data-tab="description">
<div class="cde-card cde-notes-editor">
{{editor descriptionHTML target="system.description" button=true editable=editable engine="prosemirror"}}
</div>
</div>
<div class="tab" data-group="primary" data-tab="notes">
<div class="cde-card cde-notes-editor">
{{editor notesHTML target="system.notes" button=true editable=editable engine="prosemirror"}}
</div>
</div>
</section>
</form>