public/foundryvtt-reve-de-dragon
Archived
1
1
Fork 1
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 18d003aa5d
2 changed files with 116 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1378,6 +1378,9 @@ select,
margin: 0.1rem 0;
align-items: center;
}
.system-foundryvtt-reve-de-dragon .prosemirror menu {
background-color: var(--color-background-chat-message);
}
.system-foundryvtt-reve-de-dragon .app.sheet .editor.prosemirror {
height: fit-content;
min-height: 5rem;
@@ -1569,28 +1572,70 @@ select,
.system-foundryvtt-reve-de-dragon .type-compendium {
font-size: 0.6rem;
}
.system-foundryvtt-reve-de-dragon .sheet.journal-entry .journal-sidebar {
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 {
color: var(--color-text-dark-primary);
.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.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.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.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.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.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.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(--rdd-color-text-primary);
}
.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-header {
.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-body a,
.system-foundryvtt-reve-de-dragon .application .window-content a,
.system-foundryvtt-reve-de-dragon .journal-entry .journal-sidebar a {
color: var(--color-dark-3);
}
.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-body a.filter.active,
.system-foundryvtt-reve-de-dragon .application .window-content a.filter.active,
.system-foundryvtt-reve-de-dragon .journal-entry .journal-sidebar a.filter.active {
color: var(--color-dark-1);
}
.system-foundryvtt-reve-de-dragon .window-app .window-content {
background: url(../assets/ui/bg_left.webp) no-repeat left top;
color: var(--rdd-color-text-primary);
}
.system-foundryvtt-reve-de-dragon .window-app .window-content .sheet-header {
background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top;
color: #ffffff;
}
.system-foundryvtt-reve-de-dragon .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);
.system-foundryvtt-reve-de-dragon .window-app .window-content .sheet-header label,
.system-foundryvtt-reve-de-dragon .window-app .window-content .sheet-header .hint,
.system-foundryvtt-reve-de-dragon .window-app .window-content .sheet-header .permissions-list,
.system-foundryvtt-reve-de-dragon .window-app .window-content .sheet-header nav.tabs,
.system-foundryvtt-reve-de-dragon .window-app .window-content .sheet-header nav.tabs button,
.system-foundryvtt-reve-de-dragon .window-app .window-content .sheet-header nav.tabs button .count,
.system-foundryvtt-reve-de-dragon .window-app .window-content .sheet-header div,
.system-foundryvtt-reve-de-dragon .window-app .window-content .sheet-header button {
color: rgba(255, 255, 255, 0.9);
}
.system-foundryvtt-reve-de-dragon .window-app .window-content .sheet-header input {
color: rgba(255, 255, 255, 0.9);
border: 0 none;
margin-bottom: 0.2rem;
}
.system-foundryvtt-reve-de-dragon .window-app .window-content .sheet-header input[type="checkbox"] {
color: rgba(255, 255, 255, 0.75);
}
.system-foundryvtt-reve-de-dragon input[type="number"] {
text-align: right;
padding-right: 0.5rem;
@@ -1631,7 +1676,7 @@ select,
width: calc(100% - 2px);
height: var(--form-field-height);
margin: 0;
color: var(--color-text-dark-primary);
color: var(--rdd-color-text-primary);
border-radius: 0.2rem;
}
.system-foundryvtt-reve-de-dragon form.app-personnage-aleatoire h2 {

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

@@ -656,9 +656,15 @@
margin: 0.1rem 0;
align-items: center;
}
.prosemirror {
menu{
background-color: var(--color-background-chat-message);
}
}
.app.sheet .editor.prosemirror {
height: fit-content;
min-height: 5rem;
}
.app.sheet .editor.prosemirror .editor-container {
min-height: 5rem;
@@ -865,32 +871,60 @@
.type-compendium {
font-size: 0.6rem;
}
.sheet.journal-entry .journal-sidebar {
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 {
color: var(--color-text-dark-primary);
color: var(--rdd-color-text-primary);
}
a {
color: var(--color-dark-3);
}
a.filter.active {
color: var(--color-dark-1);
}
}
/* ======================================== */
/* Sheet */
.window-app.sheet .window-content .sheet-header{
background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top;
color: rgba(255, 255, 255, 1);
.window-app .window-content{
background: url(../assets/ui/bg_left.webp) no-repeat left top;
color: var(--rdd-color-text-primary);
.sheet-header {
background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top;
label ,
.hint ,
.permissions-list ,
nav.tabs,
nav.tabs button,
nav.tabs button .count,
div,
button {
color: rgba(255, 255, 255, 0.9);
}
input {
//color: rgba(255, 255, 255, 0);
color: rgba(255, 255, 255, 0.9);
border: 0 none;
margin-bottom: 0.2rem;
}
input[type="checkbox"] {
// background-color: hsla(268, 41%, 56%, 0.9);
color: rgba(255, 255, 255, 0.75);
}
}
}
.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"] {
text-align: right;
@@ -934,7 +968,7 @@
width: calc(100% - 2px);
height: var(--form-field-height);
margin: 0;
color: var(--color-text-dark-primary);
color: var(--rdd-color-text-primary);
border-radius: 0.2rem;
}
form.app-personnage-aleatoire {