diff --git a/module/apps/PlayerSheet.mjs b/module/apps/PlayerSheet.mjs index f27fa0c..81b54ae 100644 --- a/module/apps/PlayerSheet.mjs +++ b/module/apps/PlayerSheet.mjs @@ -243,11 +243,6 @@ export class PlayerSheet extends totalWeight = toPrecision(totalWeight, 2); ctx.totalWeight = totalWeight + weightUnit; - console.log({ - totalWeight, - carryCapacity: this.actor.system.carryCapacity, - percent: Math.round(totalWeight / this.actor.system.carryCapacity * 100), - }); ctx.carryCapacityPercent = Math.round(totalWeight / this.actor.system.carryCapacity * 100); }; diff --git a/styles/Apps/PlayerSheet.css b/styles/Apps/PlayerSheet.css index 95a3a5e..3981a99 100644 --- a/styles/Apps/PlayerSheet.css +++ b/styles/Apps/PlayerSheet.css @@ -37,12 +37,37 @@ } } + .items-tab { + display: flex; + flex-direction: column; + gap: 8px; + } + + .inventory-summary { + display: flex; + flex-direction: row; + gap: 4px; + align-items: center; + background: var(--inventory-summary-background); + color: var(--inventory-summary-color); + padding: 6px; + border-radius: 4px; + + input { + width: 75px; + text-align: center; + background: var(--inventory-input-background); + color: var(--inventory-input-color); + text-align: center; + } + } + .item-list-header { display: flex; flex-direction: row; gap: 8px; border-radius: 6px 6px 0 0; - padding: 4px; + padding: 6px 6px 4px; margin-bottom: 2px; background: var(--item-list-header-background); color: var(--item-list-header-color); diff --git a/styles/elements/headers.css b/styles/elements/headers.css index 2f59e8c..37ebdd1 100644 --- a/styles/elements/headers.css +++ b/styles/elements/headers.css @@ -1,5 +1,14 @@ .taf > .window-content { h1, h2, h3, h4, h5, h6 { + font-family: var(--font-body); + color: currentColor; margin: 0; } + + h1 { font-size: 1.25rem; } + h2 { font-size: 1.20rem; } + h3 { font-size: 1.15rem; } + h4 { font-size: 1.1rem; } + h5 { font-size: 1.1rem; } + h6 { font-size: 1.1rem; } } diff --git a/styles/elements/input.css b/styles/elements/input.css index 4c6c747..677ab94 100644 --- a/styles/elements/input.css +++ b/styles/elements/input.css @@ -1,4 +1,6 @@ .taf > .window-content input { + border: none; + &.large { --input-height: 2.5rem; font-size: 1.75rem; diff --git a/styles/themes/dark.css b/styles/themes/dark.css index 8eb098a..b08e321 100644 --- a/styles/themes/dark.css +++ b/styles/themes/dark.css @@ -7,6 +7,11 @@ --tab-button-active-border: rebeccapurple; --tab-button-hover-bg: var(--color-cool-3); + --inventory-summary-background: #171e26; + --inventory-summary-color: white; + --inventory-input-background: #2b3642; + --inventory-input-color: white; + --item-list-header-background: #171e26; --item-list-header-color: white; --item-card-background: #1d262f; diff --git a/templates/PlayerSheet/item-lists.hbs b/templates/PlayerSheet/item-lists.hbs index f736ad3..028bbe8 100644 --- a/templates/PlayerSheet/item-lists.hbs +++ b/templates/PlayerSheet/item-lists.hbs @@ -1,25 +1,35 @@