fix: lisibilité des textes - blancs/gris illisibles passés en sombre
Release Creation / build (release) Failing after 1m23s

- 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)
This commit is contained in:
2026-08-06 22:26:36 +02:00
parent b0a3aff648
commit ca74ff4a88
8 changed files with 79 additions and 84 deletions
+38 -42
View File
@@ -13,28 +13,42 @@ body.system-vermine2047 {
}
// Override Foundry Core default CSS custom properties
// for better readability on the dark Vermine2047 theme.
// for better readability on the light Vermine2047 theme.
// AppV2 windows (sheets) use .themed.theme-dark on their content
.system-vermine2047 .themed.theme-dark {
--color-text-primary: #888888;
--color-text-emphatic: #999999;
--color-text-secondary: #777777;
--color-text-subtle: #666666;
--color-text-light-highlight: #888888;
--color-text-light-heading: #777777;
--color-text-light-primary: #666666;
// Core windows (FilePicker, dialogs, compendium, RollTable, Journal, …) and chat
// messages sit on the light box_background texture: force dark readable text.
// The dark sidebar keeps Foundry's default light-on-dark text colors.
body.system-vermine2047.theme-dark {
.window-content,
.roll-table-sheet,
.journal-sheet,
.document-sheet,
.settings-sheet {
color: @color-text-dark-primary;
--color-text-primary: @color-text-dark-primary;
--color-text-emphatic: @color-text-dark-header;
--color-text-secondary: @color-text-dark-secondary;
--color-text-subtle: #666666;
--color-text-light-highlight: @color-acid-green;
--color-text-light-heading: @color-text-dark-header;
--color-text-light-primary: @color-text-dark-secondary;
--color-text-dark-primary: @color-text-dark-primary;
--color-text-dark-secondary: @color-text-dark-secondary;
--color-text-dark-header: @color-text-dark-header;
--text-color: @color-text-dark-primary;
}
}
// Old-style Application windows (settings-config, dialogs) inherit from body.theme-dark
body.system-vermine2047.theme-dark {
--color-text-primary: #888888;
--color-text-emphatic: #999999;
--color-text-secondary: #777777;
--color-text-subtle: #666666;
--color-text-light-highlight: #888888;
--color-text-light-heading: #777777;
--color-text-light-primary: #666666;
#chat-log .message,
.chat-log .message {
.message-content {
color: @color-text-dark-primary;
}
header.message-header {
color: #fff;
text-shadow: 0 0 5px #000;
}
}
#settings-config button,
@@ -44,31 +58,13 @@ 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;
color: @color-text-dark-secondary;
}
#settings-config p,
#settings-config .hint {
color: #777777;
color: @color-text-dark-secondary;
}
img {
@@ -907,7 +903,7 @@ ol.chat-log {
font-size: @font-size-11;
padding: 3px 12px;
cursor: pointer;
color: @color-text-light-0;
color: @theme-color-dark;
background: fade(@color-hemolymph, 25%);
border: 1px solid @color-hemolymph;
border-radius: 3px;
@@ -962,7 +958,7 @@ ol.chat-log {
font-size: @font-size-11;
padding: 3px 12px;
cursor: pointer;
color: @color-text-light-0;
color: @theme-color-dark;
background: fade(@color-hemolymph, 25%);
border: 1px solid @color-hemolymph;
border-radius: 3px;
@@ -1084,7 +1080,7 @@ ol.chat-log {
font-size: @font-size-12;
padding: 5px 14px;
cursor: pointer;
color: @color-text-light-0;
color: @theme-color-dark;
background: fade(@color-hemolymph, 20%);
border: 1px solid @color-hemolymph;
border-radius: 3px;