public/foundryvtt-reve-de-dragon
Archived
1
1
Fork 0
Code Issues Pull Requests Actions Projects Releases 191 Wiki Activity

Fix colors of tabs and lists in interface

Browse Source 
These colors where misbehaving in dark/light themes
This commit is contained in:
Vincent Vandemeulebrouck
2025-10-28 14:51:03 +01:00
parent 0b90badb5e
commit 674a83f92a
2 changed files with 72 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
css/foundryvtt-reve-de-dragon.css
View File

@@ -1569,10 +1569,41 @@ select,
.system-foundryvtt-reve-de-dragon .type-compendium { .system-foundryvtt-reve-de-dragon .type-compendium {
font-size: 0.6rem; font-size: 0.6rem;
} }
.system-foundryvtt-reve-de-dragon .sheet.journal-entry .journal-sidebar { .system-foundryvtt-reve-de-dragon .window-app .window-content,
color: var(--color-text-dark-primary); .system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-body,
.system-foundryvtt-reve-de-dragon .application .window-content,
.system-foundryvtt-reve-de-dragon .journal-entry .journal-sidebar {
background: url(../assets/ui/bg_left.webp) no-repeat left top;
color: var(--rdd-color-text-primary);
} }
.system-foundryvtt-reve-de-dragon .sheet.journal-entry .journal-sidebar button { .system-foundryvtt-reve-de-dragon .window-app .window-content label,
.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-body label,
.system-foundryvtt-reve-de-dragon .application .window-content label,
.system-foundryvtt-reve-de-dragon .journal-entry .journal-sidebar label,
.system-foundryvtt-reve-de-dragon .window-app .window-content .hint,
.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-body .hint,
.system-foundryvtt-reve-de-dragon .application .window-content .hint,
.system-foundryvtt-reve-de-dragon .journal-entry .journal-sidebar .hint,
.system-foundryvtt-reve-de-dragon .window-app .window-content .permissions-list,
.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-body .permissions-list,
.system-foundryvtt-reve-de-dragon .application .window-content .permissions-list,
.system-foundryvtt-reve-de-dragon .journal-entry .journal-sidebar .permissions-list,
.system-foundryvtt-reve-de-dragon .window-app .window-content nav.tabs,
.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-body nav.tabs,
.system-foundryvtt-reve-de-dragon .application .window-content nav.tabs,
.system-foundryvtt-reve-de-dragon .journal-entry .journal-sidebar nav.tabs,
.system-foundryvtt-reve-de-dragon .window-app .window-content nav.tabs button,
.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-body nav.tabs button,
.system-foundryvtt-reve-de-dragon .application .window-content nav.tabs button,
.system-foundryvtt-reve-de-dragon .journal-entry .journal-sidebar nav.tabs button,
.system-foundryvtt-reve-de-dragon .window-app .window-content nav.tabs button .count,
.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-body nav.tabs button .count,
.system-foundryvtt-reve-de-dragon .application .window-content nav.tabs button .count,
.system-foundryvtt-reve-de-dragon .journal-entry .journal-sidebar nav.tabs button .count,
.system-foundryvtt-reve-de-dragon .window-app .window-content button,
.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-body button,
.system-foundryvtt-reve-de-dragon .application .window-content button,
.system-foundryvtt-reve-de-dragon .journal-entry .journal-sidebar button {
color: var(--color-text-dark-primary); color: var(--color-text-dark-primary);
} }
.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-header { .system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-header {
@@ -1580,12 +1611,12 @@ select,
color: #ffffff; color: #ffffff;
} }
.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-header :is( .system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-header :is(
input[type="text"], input[type="text"],
input[type="number"], input[type="number"],
input[type="password"], input[type="password"],
input[type="datetime-local"], input[type="datetime-local"],
input[type="date"], input[type="date"],
input[type="time"]) { input[type="time"]) {
color: rgba(255, 255, 255, 0.75); color: rgba(255, 255, 255, 0.75);
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
border: 0 none; border: 0 none;
@@ -1631,7 +1662,7 @@ select,
width: calc(100% - 2px); width: calc(100% - 2px);
height: var(--form-field-height); height: var(--form-field-height);
margin: 0; margin: 0;
color: var(--color-text-dark-primary); color: var(--rdd-color-text-primary);
border-radius: 0.2rem; border-radius: 0.2rem;
} }
.system-foundryvtt-reve-de-dragon form.app-personnage-aleatoire h2 { .system-foundryvtt-reve-de-dragon form.app-personnage-aleatoire h2 {

48
less/foundryvtt-reve-de-dragon.less
View File

@@ -865,8 +865,18 @@
.type-compendium { .type-compendium {
font-size: 0.6rem; font-size: 0.6rem;
} }
.sheet.journal-entry .journal-sidebar { .window-app .window-content,
color: var(--color-text-dark-primary); .window-app.sheet .window-content .sheet-body,
.application .window-content,
.journal-entry .journal-sidebar {
background: url(../assets/ui/bg_left.webp) no-repeat left top;
color: var(--rdd-color-text-primary);
label ,
.hint ,
.permissions-list ,
nav.tabs,
nav.tabs button,
nav.tabs button .count,
button { button {
color: var(--color-text-dark-primary); color: var(--color-text-dark-primary);
} }
@@ -874,23 +884,25 @@
/* ======================================== */ /* ======================================== */
/* Sheet */ /* Sheet */
.window-app.sheet .window-content .sheet-header{ .window-app.sheet .window-content{
background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top; .sheet-header {
color: rgba(255, 255, 255, 1); background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top;
color: rgba(255, 255, 255, 1);
:is(
input[type="text"],
input[type="number"],
input[type="password"],
input[type="datetime-local"],
input[type="date"],
input[type="time"]) {
color: rgba(255, 255, 255, 0.75);
background: rgba(255, 255, 255, 0.1);
border: 0 none;
margin-bottom: 0.2rem;
}
}
} }
.window-app.sheet .window-content .sheet-header :is(
input[type="text"],
input[type="number"],
input[type="password"],
input[type="datetime-local"],
input[type="date"],
input[type="time"]) {
color: rgba(255, 255, 255, 0.75);
background: rgba(255, 255, 255, 0.1);
border: 0 none;
margin-bottom: 0.2rem;
}
input[type="number"] { input[type="number"] {
text-align: right; text-align: right;
@@ -934,7 +946,7 @@
width: calc(100% - 2px); width: calc(100% - 2px);
height: var(--form-field-height); height: var(--form-field-height);
margin: 0; margin: 0;
color: var(--color-text-dark-primary); color: var(--rdd-color-text-primary);
border-radius: 0.2rem; border-radius: 0.2rem;
} }
form.app-personnage-aleatoire { form.app-personnage-aleatoire {