From 9452e0fb604d2e4d03a92cb0f3b1b248a616e987 Mon Sep 17 00:00:00 2001 From: James Fleming Date: Tue, 26 Jul 2022 13:59:38 -0400 Subject: [PATCH] Not bad dark mode! --- The Fantasy Trip/TFT.css | 93 +++++++++++++++++++++++++++++++++++++++- 1 file changed, 92 insertions(+), 1 deletion(-) diff --git a/The Fantasy Trip/TFT.css b/The Fantasy Trip/TFT.css index 7ea0da82ad..7965517046 100644 --- a/The Fantasy Trip/TFT.css +++ b/The Fantasy Trip/TFT.css @@ -214,6 +214,21 @@ body.sheet-darkmode .sheet-computed-value { border-radius: .5rem; } +.sheet-rolltemplate-darkmode.sheet-rolltemplate-stat-check .sheet-container, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-cast-spell .sheet-container, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack .sheet-container, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-shield-rush .sheet-container, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-hth-reaction .sheet-container, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-initiative .sheet-container, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-turnorder .sheet-container, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-description .sheet-container +{ + background-color: black; + border-color: rgb(126, 45, 64); + color: white; /* equals signs and such */ +} + + .sheet-rolltemplate-stat-check .sheet-container h1, .sheet-rolltemplate-cast-spell .sheet-container h1, .sheet-rolltemplate-attack .sheet-container h1, @@ -230,6 +245,19 @@ body.sheet-darkmode .sheet-computed-value { letter-spacing: -.02em; } +.sheet-rolltemplate-darkmode.sheet-rolltemplate-stat-check .sheet-container h1, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-cast-spell .sheet-container h1, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack .sheet-container h1, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-shield-rush .sheet-container h1, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-hth-reaction .sheet-container h1, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-initiative .sheet-container h1, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-turnorder .sheet-container h1, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-description .sheet-container h1 +{ + color: #C04D68; +} + + .sheet-rolltemplate-stat-check .sheet-container h2, .sheet-rolltemplate-cast-spell .sheet-container h2, .sheet-rolltemplate-attack .sheet-container h2, @@ -246,6 +274,18 @@ body.sheet-darkmode .sheet-computed-value { letter-spacing: -.01em; } +.sheet-rolltemplate-darkmode.sheet-rolltemplate-stat-check .sheet-container h2, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-cast-spell .sheet-container h2, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack .sheet-container h2, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-shield-rush .sheet-container h2, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-hth-reaction .sheet-container h2, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-initiative .sheet-container h2, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-turnorder .sheet-container h2, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-description .sheet-container h2 +{ + color: #C04D68 +} + .sheet-rolltemplate-attack .sheet-flavor-success, .sheet-rolltemplate-cast-spell .sheet-flavor-success { @@ -305,6 +345,20 @@ body.sheet-darkmode .sheet-computed-value { text-align: left; } +/* This should just be the text inside the dice roll */ +.sheet-rolltemplate-stat-check span, +.sheet-rolltemplate-cast-spell span, +.sheet-rolltemplate-attack span, +.sheet-rolltemplate-hth-reaction span, +.sheet-rolltemplate-shield-rush span, +.sheet-rolltemplate-initiative span, +.sheet-rolltemplate-turnorder span, +.sheet-rolltemplate-description span +{ + color: lightgrey; +} + + .sheet-rolltemplate-stat-check .sheet-arrow-right, .sheet-rolltemplate-cast-spell .sheet-arrow-right, .sheet-rolltemplate-attack .sheet-arrow-right, @@ -319,6 +373,27 @@ body.sheet-darkmode .sheet-computed-value { border-top: 2px solid transparent; } +.sheet-rolltemplate-darkmode.sheet-rolltemplate-stat-check .sheet-arrow-right, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-cast-spell .sheet-arrow-right, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack .sheet-arrow-right, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-hth-reaction .sheet-arrow-right, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-shield-rush .sheet-arrow-right, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-initiative .sheet-arrow-right, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-turnorder .sheet-arrow-right, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-description .sheet-arrow-right +{ + color: #C04D68 +} + +.sheet-rolltemplate-darkmode.sheet-rolltemplate-stat-check .sheet-capitalize, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack .sheet-capitalize, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-cast-spell .sheet-capitalize, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-turnorder .sheet-capitalize, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-description .sheet-capitalize +{ + color: #C04D68 +} + .sheet-rolltemplate-stat-check .inlinerollresult, .sheet-rolltemplate-stat-check .inlinerollresult.fullcrit, .sheet-rolltemplate-stat-check .inlinerollresult.fullfail, @@ -362,15 +437,27 @@ body.sheet-darkmode .sheet-computed-value { .sheet-rolltemplate-cast-spell .sheet-template-dice .inlinerollresult, .sheet-rolltemplate-initiative .sheet-template-dice .inlinerollresult { + background-color: white; font-family: dicefontd6; font-size: 2.5em; - background-color: white; border-style: none; position: relative; top: .2em; margin-bottom: .4em; } +.sheet-rolltemplate-darkmode.sheet-rolltemplate-stat-check .sheet-template-dice .inlinerollresult, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack .sheet-template-dice .inlinerollresult, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-hth-reaction .sheet-template-dice .inlinerollresult, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-shield-rush .sheet-template-dice .inlinerollresult, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-cast-spell .sheet-template-dice .inlinerollresult, +.sheet-rolltemplate-darkmode.sheet-rolltemplate-initiative .sheet-template-dice .inlinerollresult +{ + color: white; + background-color: black; +} + + .sheet-rolltemplate-attack .sheet-template-weaponadj .inlinerollresult::after, .sheet-rolltemplate-cast-spell .sheet-template-weaponadj .inlinerollresult::after { @@ -640,6 +727,10 @@ body.sheet-darkmode .charsheet .sheet-selected-tab { opacity: .3; } + ::placeholder { + color: white; + opacity: .3; + } body.sheet-darkmode input, textarea { color: #B0B0B0;