Files
vermine2047/less/actor/totem.less
T
uberwald ca74ff4a88
Release Creation / build (release) Failing after 1m23s
fix: lisibilité des textes - blancs/gris illisibles passés en sombre
- Textes blancs sur fond clair (fiches, dialogues, cartes de chat) → couleurs sombres
  - dialogs.less : conteneur roll-dialog-content + labels, options, boutons, valeurs
  - actor.less : inputs/select/textarea des fiches + badges Adaptation/Mutation
  - community.less : info taille, hint, valeur de jauge, niveau de moral
  - vehicle.less : unités ; npc.less : bouton de jet ; items.less : select
- Textes gris des dialogues core Foundry (FilePicker, compendiums, tables, journaux)
  → noirs : suppression des overrides gris theme-dark, texte sombre sur .window-content,
  sidebar sombre conservée en texte clair, messages de tchat en sombre
- CSS : moins/actor/totem.less (ligne influence + bouton en sombre)
2026-08-06 22:26:36 +02:00

161 lines
3.2 KiB
Plaintext

@import "../variables";
@import "../utilities";
.system-vermine2047 .vermine2047.actor {
.totem-details {
position: relative;
img.img-totem {
transform-origin: 50% 50%;
filter: grayscale(1);
opacity: 0.15;
position: absolute;
width: 30%;
height: auto;
pointer-events: none;
aspect-ratio: 1/1;
left: 35%;
}
}
// Toggle « Chaman » de l'onglet Totem : ne pas étirer sur toute la largeur.
.chaman-toggle {
width: fit-content;
margin: 0.5rem auto;
gap: 0.5rem;
label {
font-family: "DistressBlack", sans-serif;
text-transform: uppercase;
font-size: @font-size-12;
color: @theme-color-dark;
cursor: pointer;
margin: 0;
}
input[type="checkbox"] {
width: 1rem;
height: 1rem;
margin: 0;
cursor: pointer;
}
}
div.minor-totems {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
gap: 0.25rem;
min-height: 8.5rem;
padding: 0.5rem;
background-color: rgba(146, 156, 111, 0.5215686275);
h3 {
text-align: center;
margin: 0;
font-size: 1.2rem;
line-height: 1.1;
}
.totem-row {
display: flex;
justify-content: space-between;
align-items: center;
}
h5 {
margin: 0;
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 0.25rem;
font-size: 0.8rem;
img {
max-width: 1.5rem;
height: auto;
}
&.human, &.adapted {
.transition(0.3s);
}
&.human img.img-totem,
&.adapted img.img-totem {
filter: drop-shadow(0px 0px 20px rgb(0, 0, 0));
}
&.human.major,
&.adapted.major {
transform: scale(1.1);
}
&.human.major img,
&.adapted.major img {
filter: drop-shadow(0px 0px 10px red);
}
}
.totem-dice {
display: flex;
justify-content: space-between;
align-items: center;
.human-dice,
.adapted-dice {
display: flex;
flex-direction: row;
align-items: center;
}
.human-dice i,
.adapted-dice i {
color: @totem-human-color;
pointer-events: none;
}
.adapted-dice {
transform: rotate(180deg);
i {
transform: rotate(180deg);
color: @totem-adapted-color;
}
}
}
.totem-influence-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 6px;
margin-top: 2px;
font-size: 0.75rem;
.totem-influence-label {
color: @color-text-dark-header;
strong.totem-human { color: @totem-human-color; }
strong.totem-adapted { color: @totem-adapted-color; }
}
.totem-manage-btn {
flex: none;
padding: 2px 8px;
cursor: pointer;
color: @color-text-dark-header;
background: fade(@color-text-light-0, 30%);
border: 1px solid @color-text-dark-secondary;
border-radius: 3px;
.transition();
&:hover {
color: @theme-color-dark;
background: @color-hemolymph;
}
}
}
}
}