Not bad dark mode!

This commit is contained in:
James Fleming
2022-07-26 13:59:38 -04:00
parent 66aa193d57
commit 9452e0fb60
+92 -1
View File
@@ -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;