Skip to content

Commit

Permalink
darkmode help
Browse files Browse the repository at this point in the history
  • Loading branch information
@vince-roll20
vince-roll20 committed Dec 8, 2024
1 parent 4747cd4 commit 3964b8c
Showing 1 changed file with 66 additions and 50 deletions.
116 changes: 66 additions & 50 deletions Forbidden_Lands/Forbidden_Lands.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -336,14 +336,6 @@
color: #fff;
}

.sheet-darkmode .tab-content .charsheet .wrapper .dice-base {
background-color: #888;
}

.sheet-darkmode .tab-content .charsheet .wrapper .dice-skill {
background-color: #4b0c0c;
}

.charsheet span.announcements-show::before {
content: "v";
}
Expand Down Expand Up @@ -1164,20 +1156,22 @@

.charsheet .wrapper button.roll-button-textonly,
.charsheet .wrapper button.dice-pool {
align-items: center;
background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
border: 1px solid #ccc;
border-bottom-color: #bbb;
border-image: initial;
border-style: outset;
border-width: 2px;
color: initial;
cursor: pointer;
display: inline-flex;
font-size: 1.3em;
font-weight: normal;
justify-content: center;
min-height: 1.35em;
align-items: center;
background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
border: 1px solid #ccc;
border-bottom-color: #bbb;
border-image: initial;
border-style: outset;
border-width: 2px;
color: initial;
cursor: pointer;
display: inline-flex;
font-size: 1.3em;
font-weight: normal;
justify-content: center;
max-width: 4.75em;
min-height: 1.35em;
overflow: hidden;
}

.charsheet .wrapper button.roll-button-textonly span,
Expand Down Expand Up @@ -1327,6 +1321,7 @@
display: none;
}

.charsheet span.weapons-box28.readonly::before,
.charsheet span.weapons-box31.readonly::before,
.charsheet span.weapons-box36.readonly::before,
.charsheet span.weapons-box45.readonly::before,
Expand Down Expand Up @@ -2310,16 +2305,8 @@ button.torches:hover::after {
margin: 0;
padding: 2px;
width: 75%;
width: -moz-available;
justify-self: center;
}

.sheet-darkmode .charsheet .gear-grid button.roll-button-textonly.header-h1 {
margin: 0;
padding: 2px;
width: 75%;
width: -moz-available;
justify-self: center;
max-width: 8em;
}

.charsheet .character-coins,
Expand Down Expand Up @@ -2620,15 +2607,15 @@ button.torches:hover::after {
}

.charsheet .monster-stat1 input[type="text"].header-h1 {
background-color: white;
color: #333;
font-size: 1.65em;
height: 1.35em;
width: fit-content;
align-self: center;
margin: 0 0 .5em 0;
grid-column: 1/-1;
justify-self: center;
align-self: center;
background-color: white;
color: #333;
font-size: 1.65em;
grid-column: 1/-1;
height: 1.35em;
justify-self: center;
margin: 0 0 .5em 0;
max-width: 12em;
}

.charsheet .monster-stats-box1 {
Expand Down Expand Up @@ -2759,7 +2746,7 @@ button.torches:hover::after {
display: grid;
grid-column-gap: 1px;
grid-row-gap: 2px;
grid-template-columns: 1em 2em auto 2.5em 2.5em 7em 6em;
grid-template-columns: 1em 2em 2fr 3em 3em minmax(7em, 1fr) minmax(6em, 8em);
}

.charsheet .monster-attacks-box {
Expand Down Expand Up @@ -2935,7 +2922,7 @@ button.torches:hover::after {

.charsheet .conditions-grid {
display: grid;
grid-template-columns: 6.5em 2em auto auto;
grid-template-columns: 6.5em minmax(2em, 3em) 4.75em 2fr;
grid-row-gap: 4px;
padding-bottom: .5em;
}
Expand Down Expand Up @@ -3123,6 +3110,31 @@ button.torches:hover::after {
padding: 0 0 2px 0;
}

.charsheet .wrapper .weapons-grid .weapons-box28 {
background-color: #fff;
color: #222;
outline: 1px solid #000;
}

.charsheet .wrapper .weapons-grid .weapons-box28::before {
background-color: #fff;
color: #222;
}

.charsheet .wrapper .weapons-grid .weapons-box31,
.charsheet .wrapper .weapons-grid .weapons-box31::before {
background-color: #ac2727;
color: #fff;
text-shadow: 1px 1px black;
}

.charsheet .wrapper .weapons-grid .weapons-box36,
.charsheet .wrapper .weapons-grid .weapons-box36::before {
background-color: #404040;
color: #fff;
text-shadow: 1px 1px black;
}

.charsheet div.weapons-box {
grid-column: 1/-1;
grid-row-start: 1;
Expand Down Expand Up @@ -3276,7 +3288,7 @@ button.torches:hover::after {
grid-template-columns: 1fr 1fr 1fr;
}

.charsheet .dice-base {
.ui-dialog .charsheet .wrapper .dice_pool-grid .dice-base {
background-color: white;
border: 1px solid #000;
display: grid;
Expand Down Expand Up @@ -3306,8 +3318,8 @@ button.torches:hover::after {
grid-area: dice-base-col1;
}

.charsheet .dice-skill {
background-color: #db5f5f;
.ui-dialog .charsheet .wrapper .dice-skill {
background-color: #ac2727;
border: 1px solid #000;
color: #fff;
display: grid;
Expand Down Expand Up @@ -3337,7 +3349,7 @@ button.torches:hover::after {
grid-area: dice-skill-col1;
}

.charsheet .dice-gear {
.ui-dialog .charsheet .wrapper .dice-gear {
background-color: #404040;
border: 1px solid #000;
color: #fff;
Expand All @@ -3356,7 +3368,13 @@ button.torches:hover::after {
grid-area: dice-gear-header;
}

.charsheet .dice-gear-header span {

.charsheet .wrapper .dice_pool-grid .dice-base-header span {
color: #333;
}

.charsheet .wrapper .dice_pool-grid .dice-skill-header span,
.charsheet .wrapper .dice_pool-grid .dice-gear-header span {
color: #fff;
font-weight: normal;
}
Expand Down Expand Up @@ -3804,7 +3822,6 @@ button.torches:hover::after {

.charsheet .armor-grid {
display: grid;
grid-column-gap: 2px;
grid-row-gap: 2px;
grid-template-columns: 3fr repeat(4, minmax(3em, 1fr)) minmax(4em, 1fr);
}
Expand Down Expand Up @@ -3979,7 +3996,6 @@ button.torches:hover::after {
/* ---------------------------------- Shield */
.charsheet .shield-grid {
display: grid;
grid-column-gap: 2px;
grid-row-gap: 2px;
grid-row-start: 2;
grid-template-columns: 2em 2em 3fr repeat(6, minmax(3em, 1fr)) minmax(4em, 1fr);
Expand Down Expand Up @@ -4611,7 +4627,7 @@ span.willpower-box3 {
grid-row-gap: 4px;
grid-template-columns: 7em repeat(3, 1fr);
grid-template-rows: auto;
margin: 0 0 0 3px;
justify-items: center;
}

.charsheet .coins-grid div[class$="-header"] {
Expand Down

0 comments on commit 3964b8c

Please sign in to comment.