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,73 @@
<form class="flexcol cde-sheet cde-actor {{cssClass}}" autocomplete="off">
{{log 'loksyu-sheet' this}}
<header class="cde-header cde-actor-header">
<img class="profile-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" />
<div class="header-fields">
<h1 class="charname">
<input name="name" type="text" value="{{actor.name}}" placeholder="{{ localize 'CDE.LoksyuName' }}" />
</h1>
<div class="cde-tag">
<span class="cde-pill spell">{{ localize "CDE.Loksyu" }}</span>
<span>{{ localize "CDE.ModernJapan" }}</span>
</div>
</div>
</header>
<nav class="sheet-tabs tabs cde-tabs" data-group="primary">
<a class="item" data-action="tab" data-group="primary" data-tab="loksyu">{{ localize "CDE.Loksyu" }}</a>
<a class="item" data-action="tab" data-group="primary" data-tab="description">{{ localize "CDE.Description" }}</a>
</nav>
<section class="sheet-body cde-tab-body">
<div class="tab" data-group="primary" data-tab="loksyu">
<div class="cde-card loksyu_wrap">
<div class="schema">
<div class="logo">
<img
src="systems/fvtt-chroniques-de-l-etrange/images/logo_jeu.png"
title="奇闻异事 ● Hong Kong Les Chroniques de l'&Eacute;trange ● R.dHuissier & C.Lameire ● Antre Monde &Eacute;ditions"
alt="Logo"
/>
</div>
<div class="wood-yang">
<input type="number" name="system.wood.yang.value" value="{{systemData.wood.yang.value}}" title="{{ localize 'CDE.WoodYang' }}" />
</div>
<div class="wood-yin">
<input type="number" name="system.wood.yin.value" value="{{systemData.wood.yin.value}}" title="{{ localize 'CDE.WoodYin' }}" />
</div>
<div class="metal-yang">
<input type="number" name="system.metal.yang.value" value="{{systemData.metal.yang.value}}" title="{{ localize 'CDE.MetalYang' }}" />
</div>
<div class="fire-yang">
<input type="number" name="system.fire.yang.value" value="{{systemData.fire.yang.value}}" title="{{ localize 'CDE.FireYang' }}" />
</div>
<div class="earth-yang">
<input type="number" name="system.earth.yang.value" value="{{systemData.earth.yang.value}}" title="{{ localize 'CDE.EarthYang' }}" />
</div>
<div class="earth-yin">
<input type="number" name="system.earth.yin.value" value="{{systemData.earth.yin.value}}" title="{{ localize 'CDE.EarthYin' }}" />
</div>
<div class="metal-yin">
<input type="number" name="system.metal.yin.value" value="{{systemData.metal.yin.value}}" title="{{ localize 'CDE.MetalYin' }}" />
</div>
<div class="fire-yin">
<input type="number" name="system.fire.yin.value" value="{{systemData.fire.yin.value}}" title="{{ localize 'CDE.FireYin' }}" />
</div>
<div class="water-yang">
<input type="number" name="system.water.yang.value" value="{{systemData.water.yang.value}}" title="{{ localize 'CDE.WaterYang' }}" />
</div>
<div class="water-yin">
<input type="number" name="system.water.yin.value" value="{{systemData.water.yin.value}}" title="{{ localize 'CDE.WaterYin' }}" />
</div>
</div>
<img class="loksyu-visual" src="systems/fvtt-chroniques-de-l-etrange/images/loksyu_long.png" title="Loksyu" alt="Loksyu" />
</div>
</div>
<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>
</section>
</form>