From 21da5d0a301eb3c33f6276f8d697c3e8d597102e Mon Sep 17 00:00:00 2001 From: olafvantol Date: Mon, 14 Mar 2022 21:29:40 +0100 Subject: [PATCH] Finetune dark mode styling Change roll buttons, add more contrast between text and background in armour section. --- HarnMaster3/harnstyle.css | 26 ++++++++++++++++++++++++-- 1 file changed, 24 insertions(+), 2 deletions(-) diff --git a/HarnMaster3/harnstyle.css b/HarnMaster3/harnstyle.css index d0acb13de1..7220124d21 100644 --- a/HarnMaster3/harnstyle.css +++ b/HarnMaster3/harnstyle.css @@ -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 {