fix: lisibilité des textes - blancs/gris illisibles passés en sombre
Release Creation / build (release) Failing after 1m23s
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:
+38
-42
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user