Finetune dark mode styling
Change roll buttons, add more contrast between text and background in armour section.
This commit is contained in:
@@ -90,6 +90,11 @@ body.sheet-darkmode button.btn {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
body.sheet-darkmode .sectionwrapper label,
|
||||
body.sheet-darkmode .sectionwrapper input {
|
||||
color: var(--tcd-light);
|
||||
}
|
||||
|
||||
/* coloring some elements outside the basis character sheet */
|
||||
|
||||
.characterviewer {
|
||||
@@ -1086,18 +1091,35 @@ button.buttonaslink {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* replace default roll buttons with d10 to be in line with Harn */
|
||||
|
||||
.ui-dialog .charsheet button[type=roll]::before {
|
||||
font-family: dicefontd10;
|
||||
content: 'A';
|
||||
}
|
||||
|
||||
|
||||
/* Development roll button */
|
||||
.charactersheet button[type=roll].skilldev-button::before {
|
||||
.ui-dialog .charsheet button[type=roll].skilldev-button::before,
|
||||
body.sheet-darkmode .ui-dialog .charsheet button[type=roll].skilldev-button::before {
|
||||
font-family: 'Pictos';
|
||||
content: '{ ';
|
||||
}
|
||||
|
||||
/* Add to turn tracker button */
|
||||
.charactersheet button[type=roll].turnorder-button::before {
|
||||
.ui-dialog .charsheet button[type=roll].turnorder-button::before,
|
||||
body.sheet-darkmode .ui-dialog .charsheet button[type=roll].turnorder-button::before {
|
||||
font-family: 'Pictos';
|
||||
content: 't ';
|
||||
}
|
||||
|
||||
/* improve legibility default roll button dark mode */
|
||||
|
||||
body.sheet-darkmode .ui-dialog .charsheet button[type=roll]::before {
|
||||
font-family: dicefontd10;
|
||||
content: 'A';
|
||||
}
|
||||
|
||||
/* center text in number inputs AND value backed spans */
|
||||
.charactersheet input[type=number],
|
||||
.charactersheet .skill-value {
|
||||
|
||||
Reference in New Issue
Block a user