feat: améliorer les fiches (tests PNJ/créature, message de jet, compétences, créatures)
Release Creation / build (release) Failing after 1m23s
Release Creation / build (release) Failing after 1m23s
This commit is contained in:
+158
-1
@@ -44,6 +44,24 @@ body.system-vermine2047.theme-dark {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
// Core sheets the system doesn't restyle (RollTable, Journal, …) inherit the
|
||||
// gray text overrides above, which are unreadable on their dark backgrounds.
|
||||
// Restore Foundry's default light-on-dark text colors for those apps (dark theme only).
|
||||
body.system-vermine2047.theme-dark {
|
||||
.roll-table-sheet,
|
||||
.journal-sheet,
|
||||
.document-sheet,
|
||||
.settings-sheet {
|
||||
--color-text-primary: var(--color-light-2);
|
||||
--color-text-emphatic: var(--color-light-1);
|
||||
--color-text-secondary: var(--color-light-3);
|
||||
--color-text-subtle: var(--color-light-5);
|
||||
--color-text-light-highlight: #f0f0e0;
|
||||
--color-text-light-heading: #c9c7b8;
|
||||
--color-text-light-primary: #b5b3a4;
|
||||
}
|
||||
}
|
||||
|
||||
body.system-vermine2047.theme-dark .form-group > label {
|
||||
color: #777777;
|
||||
}
|
||||
@@ -97,6 +115,21 @@ ul.unstyled {
|
||||
}
|
||||
}
|
||||
|
||||
// Les fenêtres de choix (totem, acteur) peuvent dépasser la hauteur fixe :
|
||||
// on autorise le défilement pour accéder à la totalité du contenu.
|
||||
.application#TOTEM_PICKER .window-content,
|
||||
.application#ACTOR_PICKER .window-content,
|
||||
.application#TRAIT_SELECTOR .window-content {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
// La fiche de groupe contient beaucoup de zones (membres, objectifs, totem…) :
|
||||
// dès que le contenu dépasse la hauteur de la fenêtre, on autorise le défilement
|
||||
// pour ne pas perdre l'accès aux zones du bas.
|
||||
.application.sheet.vermine2047.group .window-content {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.window-content .row {
|
||||
&.smb { margin-bottom: 0.25rem; }
|
||||
&.mdb { margin-bottom: 0.5rem; }
|
||||
@@ -113,6 +146,29 @@ ul.unstyled {
|
||||
|
||||
.rollable {
|
||||
.transition();
|
||||
|
||||
// Affordance légère au repos : la zone est cliquable.
|
||||
i.fa-dice-d10,
|
||||
i.fa-dice {
|
||||
font-size: 0.8em;
|
||||
color: @color-acid-green;
|
||||
}
|
||||
}
|
||||
|
||||
// Sur la fiche créature, les valeurs lançables (Attaque…) sont fortement
|
||||
// matérialisées : pastille de dé + bordure pointillée.
|
||||
.application.sheet.vermine2047.creature {
|
||||
.rollable {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 1px 5px;
|
||||
border-radius: 3px;
|
||||
color: @theme-color-light;
|
||||
border: 1px dashed fade(@color-acid-green, 45%);
|
||||
background: fade(@color-acid-green, 8%);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
img.profile-img {
|
||||
@@ -420,7 +476,7 @@ body.system-vermine2047 img#logo {
|
||||
}
|
||||
|
||||
.item-name {
|
||||
padding-left: 5px;
|
||||
padding: 0 2px 0 5px;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
@@ -674,6 +730,107 @@ ol.chat-log {
|
||||
color: @color-amber;
|
||||
}
|
||||
}
|
||||
|
||||
// ── Verdict ───────────────────────────────────────────────────────
|
||||
.roll-verdict {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
margin: 6px 0;
|
||||
padding: 6px 12px;
|
||||
border-radius: 3px;
|
||||
font-family: "DistressBlack";
|
||||
text-transform: uppercase;
|
||||
font-size: @font-size-16;
|
||||
letter-spacing: 0.5px;
|
||||
|
||||
&.success {
|
||||
color: @color-acid-green;
|
||||
background: fade(@color-acid-green, 15%);
|
||||
border: 1px solid @color-acid-green;
|
||||
}
|
||||
|
||||
&.failure {
|
||||
color: @color-hemolymph;
|
||||
background: fade(@color-hemolymph, 15%);
|
||||
border: 1px solid @color-hemolymph;
|
||||
}
|
||||
}
|
||||
|
||||
// ── Contexte du jet ───────────────────────────────────────────────
|
||||
div.roll-context {
|
||||
gap: 6px 12px;
|
||||
margin: 4px 0 6px;
|
||||
padding: 6px 8px;
|
||||
background: rgba(0, 0, 0, 0.06);
|
||||
|
||||
.context-item {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
|
||||
.context-label {
|
||||
font-family: "DistressBlack";
|
||||
text-transform: uppercase;
|
||||
font-size: @font-size-11;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.context-value {
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-size: @font-size-12;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
&.totem-human .context-value { color: @totem-human-color; }
|
||||
&.totem-adapted .context-value { color: @totem-adapted-color; }
|
||||
}
|
||||
}
|
||||
|
||||
// ── Composition du jet ────────────────────────────────────────────
|
||||
div.roll-pool {
|
||||
margin: 4px 0;
|
||||
|
||||
h4 {
|
||||
font-family: "DistressBlack";
|
||||
text-transform: uppercase;
|
||||
font-size: @font-size-11;
|
||||
margin: 4px 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.pool-breakdown {
|
||||
gap: 4px 10px;
|
||||
|
||||
.pool-item {
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-size: @font-size-11;
|
||||
|
||||
&.pool-total {
|
||||
font-weight: 700;
|
||||
color: @theme-color-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ── Résumé des dés ────────────────────────────────────────────────
|
||||
div.roll-dice-summary {
|
||||
gap: 6px 12px;
|
||||
justify-content: center;
|
||||
margin: 4px 0 2px;
|
||||
padding: 4px 8px;
|
||||
background: rgba(0, 0, 0, 0.06);
|
||||
|
||||
.die-summary {
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-size: @font-size-11;
|
||||
|
||||
&.human { color: @totem-human-color; }
|
||||
&.adapted { color: @totem-adapted-color; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.item-card header img {
|
||||
|
||||
Reference in New Issue
Block a user