cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-01-18 16:09:03 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merged with main

Browse source
This commit is contained in:
WBHarry 2025-07-22 14:36:35 +02:00
commit 480d04fee5
784 changed files with 13985 additions and 27621 deletions
Download patch file Download diff file Expand all files Collapse all files

19
styles/less/dialog/actions/action-list.less Normal file
View file

@ -0,0 +1,19 @@
@import '../../utils/fonts.less';
.application.daggerheart.dh-style {
.actions-list {
display: flex;
flex-direction: column;
gap: 10px;
.action-item {
display: flex;
align-items: center;
gap: 5px;
.label {
font-family: @font-body;
}
}
}
}

218
styles/less/dialog/beastform/sheet.less Normal file
View file

@ -0,0 +1,218 @@
@import '../../utils/colors.less';
@import '../../utils/mixin.less';
@import '../../utils/fonts.less';
.theme-light .application.daggerheart.dh-style.views.beastform-selection .beastforms-outer-container {
.beastform-title {
background-image: url('../assets/parchments/dh-parchment-light.png');
}
.advanced-container {
.advanced-forms-container {
.advanced-form-container {
background-image: url('../assets/parchments/dh-parchment-light.png');
}
.hybrid-data-wrapper .hybrid-data-container .hybrid-data-inner-container .hybrid-data {
background-image: url('../assets/parchments/dh-parchment-light.png');
}
}
.form-features .form-feature {
background-image: url('../assets/parchments/dh-parchment-light.png');
}
}
}
.application.daggerheart.dh-style.views.beastform-selection {
.beastform-nav {
nav {
flex: 1;
a {
white-space: nowrap;
}
}
}
.beastform-title {
position: absolute;
top: 4px;
padding: 0 2px;
display: flex;
flex-wrap: wrap;
text-align: center;
font-size: 16px;
margin: 0 4px;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
color: light-dark(@dark, @beige);
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
.beastforms-tier {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 4px;
.beastform-container {
position: relative;
display: flex;
justify-content: center;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
cursor: pointer;
width: 120px;
height: 120px;
&.inactive {
opacity: 0.4;
cursor: default;
}
&.draggable {
cursor: pointer;
filter: drop-shadow(0 0 15px light-dark(@dark-blue, @golden));
}
img {
width: 100%;
border-radius: 6px;
}
}
}
.advanced-container {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 12px;
transition: width 0.3s ease;
h2 {
margin: 0;
}
.advanced-forms-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
}
.advanced-form-container {
position: relative;
display: flex;
justify-content: center;
border: 1px solid light-dark(#18162e, #f3c267);
border-radius: 6px;
cursor: pointer;
width: 120px;
height: 120px;
align-items: center;
text-align: center;
color: light-dark(@dark, @beige);
background-image: url('../assets/parchments/dh-parchment-dark.png');
&.hybridized {
flex-direction: column;
justify-content: start;
padding-top: 4px;
height: 200px;
width: 100%;
overflow: hidden;
&.empty {
justify-content: center;
}
.beastform-title {
position: initial;
}
}
.empty-form {
display: flex;
flex-direction: column;
align-items: center;
i {
font-size: 24px;
}
}
.beastform-title-wrapper {
height: 44px;
}
.hybrid-data-wrapper {
overflow: auto;
.hybrid-data-container {
display: flex;
flex-direction: column;
gap: 2px;
padding: 0 4px;
label {
font-weight: bold;
}
.hybrid-data-inner-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 4px;
.hybrid-data {
padding: 0 2px;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
color: light-dark(@dark, @beige);
background-image: url('../assets/parchments/dh-parchment-dark.png');
opacity: 0.4;
&.active {
opacity: 1;
}
}
}
}
}
}
.form-features {
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 16px;
margin: 8px 0;
.form-feature {
display: flex;
flex-direction: column;
gap: 4px;
padding: 0 4px;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
color: light-dark(@dark, @beige);
background-image: url('../assets/parchments/dh-parchment-dark.png');
h4 {
text-align: center;
margin: 0;
}
}
}
}
footer {
margin-top: 8px;
display: flex;
button {
flex: 1;
font-family: @font-body;
font-weight: bold;
height: 40px;
}
}
}

13
styles/less/dialog/character-creation/creation-action-footer.less Normal file
View file

@ -0,0 +1,13 @@
.daggerheart.dh-style.dialog.character-creation {
.creation-action-footer {
display: flex;
align-items: center;
gap: 32px;
button {
flex: 1;
height: 100%;
white-space: nowrap;
}
}
}

484
styles/less/dialog/character-creation/selections-container.less Normal file
View file

@ -0,0 +1,484 @@
@import '../../utils/colors.less';
.appTheme({}, {
&.daggerheart.dh-style.dialog.character-creation {
.setup-tabs button {
background-image: url(../assets/parchments/dh-parchment-dark.png);
}
nav a .descriptor {
background-image: url(../assets/parchments/dh-parchment-dark.png);
}
.main-selections-container {
.ancestry-mixed-controller label {
background-image: url(../assets/parchments/dh-parchment-dark.png);
}
.selections-container
.ancestry-preview-info-container
.ancestry-preview-features
.ancestry-preview-feature {
background-image: url(../assets/parchments/dh-parchment-light.png);
}
.traits-container {
.suggested-traits-container .suggested-trait-container {
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
.traits-inner-container .trait-container {
background: url('../assets/svg/trait-shield-light.svg') no-repeat;
div {
filter: none;
text-shadow: none;
}
}
}
}
}
});
.daggerheart.dh-style.dialog.character-creation {
.setup-tabs {
display: flex;
justify-content: center;
button {
background-image: url(../assets/parchments/dh-parchment-light.png);
border-radius: 6px;
border-color: light-dark(@dark-blue, @golden);
color: light-dark(@beige, @dark);
}
}
.main-selections-container {
display: flex;
flex-direction: column;
gap: 4px;
.ancestry-mixed-controller {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
gap: 4px;
margin-bottom: 8px;
&.active {
label {
opacity: 1;
}
}
label {
position: absolute;
font-size: 18px;
font-weight: bold;
padding: 0 2px;
background-image: url(../assets/parchments/dh-parchment-light.png);
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
color: light-dark(@beige, @dark);
opacity: 0.4;
cursor: pointer;
display: flex;
align-items: center;
gap: 4px;
}
input {
width: 50%;
}
}
.ancestry-name {
display: flex;
justify-content: center;
width: 100%;
margin-bottom: 8px;
input {
width: 50%;
text-align: center;
}
}
.selections-container {
width: 140px;
display: flex;
flex-direction: column;
text-align: center;
.card-preview-container {
border-color: light-dark(@dark-blue, @golden);
}
.ancestry-preview-info-container {
display: flex;
flex-direction: column;
gap: 4px;
width: 100%;
.ancestry-preview-label {
text-align: center;
font-weight: bold;
}
.ancestry-preview-features {
display: flex;
flex-direction: column;
justify-content: end;
gap: 2px;
width: 100%;
padding: 0 2px 2px 2px;
.ancestry-preview-feature {
flex: 1;
font-size: 14px;
white-space: wrap;
padding: 0 2px;
border: 1px solid light-dark(@golden, @dark-blue);
border-radius: 6px;
background-image: url(../assets/parchments/dh-parchment-dark.png);
color: light-dark(@dark, @beige);
height: min-content;
&.inactive {
opacity: 0.2;
}
}
}
}
}
.selections-outer-container {
display: flex;
justify-content: space-evenly;
height: 210px;
}
.section-container {
border-radius: 8px;
border-color: light-dark(@dark-blue, @golden);
&.inactive {
opacity: 0.2;
}
legend {
margin-left: auto;
margin-right: auto;
font-size: 28px;
font-weight: bold;
padding: 0 8px;
}
.section-inner-container {
position: relative;
border-radius: 8px;
border-color: light-dark(@dark-blue, @golden);
display: flex;
justify-content: center;
legend {
font-size: 20px;
white-space: nowrap;
}
.action-button {
position: absolute;
bottom: -8px;
height: 16px;
width: 110px;
min-height: unset;
border: 1px solid light-dark(@dark-blue, @golden);
color: light-dark(@beige, @beige);
background-color: light-dark(var(--color-warm-3), var(--color-warm-3));
&:hover {
background-color: light-dark(var(--color-warm-2), var(--color-warm-2));
filter: drop-shadow(0 0 3px light-dark(var(--color-warm-2), var(--color-warm-2)));
}
}
}
}
.traits-container {
text-align: center;
display: flex;
gap: 16px;
.suggested-traits-container {
display: flex;
flex-wrap: wrap;
width: 176px;
gap: 4px;
margin-bottom: 8px;
.suggested-trait-container {
width: 56px;
white-space: nowrap;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
color: light-dark(@beige, @dark);
background-image: url('../assets/parchments/dh-parchment-light.png');
}
}
.traits-inner-container {
width: 100%;
display: flex;
align-items: center;
justify-content: space-evenly;
gap: 8px;
.trait-container {
width: 60px;
height: 60px;
background: url(../assets/svg/trait-shield.svg) no-repeat;
div {
filter: drop-shadow(0 0 3px black);
text-shadow: 0 0 3px black;
}
select {
text-align: center;
width: 32px;
height: 24px;
position: relative;
top: 2px;
padding: 0;
}
}
}
}
.experiences-inner-container {
display: flex;
flex-direction: column;
gap: 8px;
.experience-container {
position: relative;
display: flex;
align-items: center;
.experience-description {
border-color: light-dark(@dark-blue, @golden);
padding-right: 24px;
}
.experience-value {
position: absolute;
right: 0;
width: 22px;
border-left: 1px solid light-dark(@dark-blue, @golden);
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
}
}
.creation-action-footer {
display: flex;
align-items: center;
gap: 32px;
.footer-section {
display: flex;
align-items: center;
gap: 32px;
nav {
flex: 1;
gap: 8px;
border: 0;
a {
flex: 1;
text-align: center;
display: flex;
justify-content: center;
position: relative;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
.nav-section-text {
position: relative;
display: flex;
align-items: center;
}
.finish-marker {
position: absolute;
align-self: center;
top: -10px;
padding: 4px;
border: 1px solid;
border-radius: 50%;
height: 20px;
width: 20px;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-cool-4);
content: '';
&.finished {
background-color: var(--color-warm-2);
}
}
.descriptor {
position: absolute;
bottom: -8px;
font-size: 12px;
border-radius: 8px;
width: 56px;
text-align: center;
line-height: 1;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
color: light-dark(@beige, @dark);
background-image: url(../assets/parchments/dh-parchment-light.png);
}
}
}
button {
flex: 1;
height: 100%;
white-space: nowrap;
}
}
}
.main-equipment-selection {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 16px;
&.triple {
grid-template-columns: 1fr 1fr 1fr;
}
}
.equipment-selection {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
border: 2px solid light-dark(@dark-blue, @golden);
border-radius: 8px;
legend {
margin-left: auto;
margin-right: auto;
font-size: 28px;
font-weight: bold;
padding: 0 8px;
white-space: nowrap;
}
.equipment-subsection {
display: flex;
align-items: start;
gap: 32px;
}
.equipment-wrapper {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.simple-equipment-container {
display: flex;
flex-direction: column;
justify-content: space-evenly;
gap: 8px;
height: 100%;
.simple-equipment {
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 8px;
position: relative;
display: flex;
justify-content: center;
&.selectable {
cursor: pointer;
}
&.inactive {
opacity: 0.4;
}
label {
position: absolute;
top: -8px;
font-size: 12px;
white-space: nowrap;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
color: light-dark(@beige, @dark);
background-image: url('../assets/parchments/dh-parchment-light.png');
padding: 0 2px;
}
img {
width: 60px;
height: 60px;
border-radius: 8px;
}
}
}
.suggestion-container {
position: relative;
display: flex;
justify-content: center;
height: min-content;
border: 2px solid light-dark(@dark-blue, @golden);
border-radius: 8px;
legend {
margin-left: auto;
margin-right: auto;
font-size: 12px;
}
.suggestion-inner-container {
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 6px;
cursor: grab;
&.taken {
opacity: 0.4;
}
label {
position: absolute;
top: -2px;
font-size: 12px;
}
img {
width: 120px;
}
}
}
}
}
}

27
styles/less/dialog/character-creation/sheet.less Normal file
View file

@ -0,0 +1,27 @@
@import '../../utils/colors.less';
@import '../../utils/mixin.less';
.appTheme({
.character-creation {
.tab-navigation nav a .descriptor {
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
.main-selections-container {
.traits-container .suggested-traits-container .suggested-trait-container,
.creation-action-footer .footer-section nav a .descriptor,
.equipment-selection .simple-equipment-container .simple-equipment label {
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
}
}
}, {});
.daggerheart.dh-style.dialog.character-creation {
.window-content {
gap: 16px;
.tab {
overflow-y: auto;
}
}
}

62
styles/less/dialog/character-creation/tab-navigation.less Normal file
View file

@ -0,0 +1,62 @@
@import '../../utils/colors.less';
.daggerheart.dh-style.dialog.character-creation {
.tab-navigation {
nav {
flex: 1;
a {
flex: 1;
text-align: center;
display: flex;
justify-content: center;
position: relative;
&.disabled {
opacity: 0.4;
}
.nav-section-text {
position: relative;
display: flex;
align-items: center;
}
.finish-marker {
position: absolute;
align-self: center;
top: -8px;
padding: 4px;
border: 1px solid;
border-radius: 50%;
height: 16px;
width: 16px;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-cool-4);
content: '';
&.active {
background-color: var(--color-warm-2);
}
}
.descriptor {
position: absolute;
bottom: -8px;
font-size: 12px;
border-radius: 8px;
width: 56px;
text-align: center;
line-height: 1;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
color: light-dark(@beige, @dark);
background-image: url(../assets/parchments/dh-parchment-light.png);
}
}
}
}
}

143
styles/less/dialog/damage-reduction/damage-reduction-container.less Normal file
View file

@ -0,0 +1,143 @@
@import '../../utils/colors.less';
.daggerheart.views.damage-reduction {
.damage-reduction-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
.section-container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.padded {
padding: 0 8px;
}
.armor-title {
margin: 0;
white-space: nowrap;
}
.resources-container {
display: flex;
gap: 8px;
width: 100%;
.resource-container {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
}
.mark-selection {
display: flex;
align-items: center;
width: 100%;
margin: 0;
.mark-selection-inner {
display: flex;
gap: 2px;
&:not(:last-child) {
margin-right: 8px;
}
.mark-container {
cursor: pointer;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
height: 26px;
padding: 0 1px;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.4;
&.selected {
opacity: 1;
}
&.inactive {
cursor: initial;
opacity: 0.2;
}
.fa-shield {
position: relative;
right: 0.5px;
}
}
}
}
.stress-reduction-container {
margin: 0;
width: 100%;
.stress-reduction {
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
height: 26px;
padding: 0 4px;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
opacity: 0.4;
&.active {
opacity: 1;
cursor: pointer;
}
&.selected {
opacity: 1;
background: var(--color-warm-2);
color: white;
}
.stress-reduction-cost {
display: flex;
align-items: center;
}
}
}
.markers-subtitle {
margin: -4px 0 0 0;
&.bold {
font-variant: all-small-caps;
font-weight: bold;
}
}
footer {
display: flex;
width: 100%;
button {
flex: 1;
.damage-value {
font-weight: bold;
&.reduced-value {
opacity: 0.4;
text-decoration: line-through;
}
}
}
}
}
}

7
styles/less/dialog/damage-reduction/sheets.less Normal file
View file

@ -0,0 +1,7 @@
@import '../../utils/colors.less';
.daggerheart.views.damage-reduction {
.window-content {
padding: 8px 0;
}
}

34
styles/less/dialog/damage-selection/sheet.less Normal file
View file

@ -0,0 +1,34 @@
@import '../../utils/colors.less';
.daggerheart.dialog.dh-style.views.damage-selection {
.damage-section-container {
display: flex;
flex-direction: column;
gap: 12px;
input[type='text'],
input[type='number'] {
color: light-dark(@dark, @beige);
outline: 2px solid transparent;
transition: all 0.3s ease;
&:hover {
outline: 2px solid light-dark(@dark, @beige);
}
}
.damage-section-controls {
display: flex;
align-items: center;
gap: 16px;
.roll-mode-select {
width: min-content;
}
button {
flex: 1;
}
}
}
}

36
styles/less/dialog/dice-roll/roll-selection.less
View file

@ -1,11 +1,19 @@
@import '../../utils/colors.less';
@import '../../utils/fonts.less';
.theme-light .application.daggerheart.dialog.dh-style.views.roll-selection {
.roll-dialog-container .dices-section .dice-option .dice-icon.normal {
filter: brightness(0) saturate(100%) invert(13%) sepia(1%) saturate(0%) hue-rotate(10deg) brightness(98%)
contrast(100%);
}
}
.application.daggerheart.dialog.dh-style.views.roll-selection {
.roll-dialog-container {
display: flex;
flex-direction: column;
gap: 12px;
max-width: 550px;
.dices-section {
display: flex;
@ -24,6 +32,7 @@
height: 70px;
object-fit: contain;
}
.dice-select {
display: flex;
align-items: center;
@ -92,6 +101,10 @@
font-size: 14px;
line-height: 17px;
}
.advantage-chip-tooltip {
pointer-events: all;
}
}
.advantage-chip {
@ -115,14 +128,23 @@
}
}
.formula-label {
font-family: @font-body;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
.roll-dialog-controls {
display: flex;
align-items: center;
gap: 16px;
height: 32px;
color: light-dark(@dark, @beige);
.roll-mode-select {
width: min-content;
height: 100%;
}
button {
flex: 1;
height: 100%;
font-weight: bold;
font-family: @font-body;
}
}
}
}

75
styles/less/dialog/downtime/downtime-container.less Normal file
View file

@ -0,0 +1,75 @@
@import '../../utils/spacing.less';
@import '../../utils/colors.less';
.theme-light .daggerheart.dh-style.views.downtime {
.downtime-container .activity-container .activity-selected-marker {
background-image: url(../assets/parchments/dh-parchment-light.png);
}
}
.daggerheart.dh-style.views.downtime {
font-family: @font-body;
.downtime-container {
.activities-grouping {
width: 280px;
}
.activities-container {
width: 100%;
.activity-container {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px;
.activity-inner-container {
display: flex;
align-items: center;
gap: 4px;
.activity-marker {
font-size: 8px;
flex: none;
color: light-dark(#18162e, #f3c267);
margin-right: 4px;
}
.activity-select-section {
display: flex;
align-items: center;
gap: 4px;
.activity-icon {
min-width: 24px;
text-align: center;
}
}
}
.activity-selected-marker {
font-size: 14px;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
color: light-dark(@dark, @beige);
background-image: url(../assets/parchments/dh-parchment-dark.png);
padding: 0 8px;
line-height: 1;
font-weight: bold;
}
}
}
}
footer {
margin-top: 8px;
display: flex;
gap: 8px;
button {
flex: 1;
font-family: 'Montserrat', sans-serif;
}
}
}

24
styles/less/dialog/index.less Normal file
View file

@ -0,0 +1,24 @@
@import './level-up/navigation-container.less';
@import './level-up/selections-container.less';
@import './level-up/sheet.less';
@import './level-up/summary-container.less';
@import './level-up/tiers-container.less';
@import './resource-dice/sheet.less';
@import './actions/action-list.less';
@import './damage-selection/sheet.less';
@import './downtime/downtime-container.less';
@import './beastform/sheet.less';
@import './character-creation/creation-action-footer.less';
@import './character-creation/selections-container.less';
@import './character-creation/sheet.less';
@import './character-creation/tab-navigation.less';
@import './dice-roll/roll-selection.less';
@import './damage-reduction/damage-reduction-container.less';
@import './damage-reduction/sheets.less';

30
styles/less/dialog/level-up/navigation-container.less Normal file
View file

@ -0,0 +1,30 @@
.daggerheart.levelup {
.levelup-navigation-container {
display: flex;
align-items: center;
gap: 22px;
height: 36px;
nav {
flex: 1;
.levelup-tab-container {
display: flex;
align-items: center;
gap: 4px;
}
}
.levelup-navigation-actions {
width: 306px;
display: flex;
justify-content: end;
gap: 16px;
margin-right: 4px;
* {
width: calc(50% - 8px);
}
}
}
}

108
styles/less/dialog/level-up/selections-container.less Normal file
View file

@ -0,0 +1,108 @@
.daggerheart.levelup {
.levelup-selections-container {
.achievement-experience-cards {
display: flex;
gap: 8px;
.achievement-experience-card {
border: 1px solid;
border-radius: 4px;
padding-right: 4px;
font-size: 18px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 4px;
.achievement-experience-marker {
border: 1px solid;
border-radius: 50%;
height: 18px;
width: 18px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
}
}
.levelup-card-selection {
display: flex;
flex-wrap: wrap;
gap: 40px;
.card-preview-container {
width: calc(100% * (1 / 5));
}
.levelup-domains-selection-container {
display: flex;
flex-direction: column;
gap: 8px;
.levelup-domain-selection-container {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
position: relative;
cursor: pointer;
&.disabled {
pointer-events: none;
opacity: 0.4;
}
.levelup-domain-label {
position: absolute;
text-align: center;
top: 4px;
background: grey;
padding: 0 12px;
border-radius: 6px;
}
img {
height: 124px;
}
.levelup-domain-selected {
position: absolute;
height: 54px;
width: 54px;
border-radius: 50%;
border: 2px solid;
font-size: 48px;
display: flex;
align-items: center;
justify-content: center;
background-image: url(../assets/parchments/dh-parchment-light.png);
color: var(--color-dark-5);
top: calc(50% - 29px);
i {
position: relative;
right: 2px;
}
}
}
}
}
.levelup-selections-title {
display: flex;
align-items: center;
gap: 4px;
}
.levelup-radio-choices {
display: flex;
gap: 8px;
label {
flex: 0;
}
}
}
}

37
styles/less/dialog/level-up/sheet.less Normal file
View file

@ -0,0 +1,37 @@
@import '../../utils/mixin.less';
.appTheme({}, {
&.levelup {
.tiers-container {
.tier-container {
background-image: url('../assets/parchments/dh-parchment-light.png');
}
}
}
});
.daggerheart.levelup {
.window-content {
max-height: 960px;
overflow: auto;
}
div[data-application-part='form'] {
display: flex;
flex-direction: column;
gap: 8px;
}
section {
.section-container {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 8px;
}
}
.levelup-footer {
display: flex;
}
}

37
styles/less/dialog/level-up/summary-container.less Normal file
View file

@ -0,0 +1,37 @@
.daggerheart.levelup {
.levelup-summary-container {
.level-achievements-container,
.level-advancements-container {
display: flex;
flex-direction: column;
gap: 8px;
h2,
h3,
h4,
h5 {
margin: 0;
color: var(--color-text-secondary);
}
}
.increase-container {
display: flex;
align-items: center;
gap: 4px;
font-size: 20px;
}
.summary-selection-container {
display: flex;
gap: 8px;
.summary-selection {
border: 2px solid;
border-radius: 6px;
padding: 0 4px;
font-size: 18px;
}
}
}
}

65
styles/less/dialog/level-up/tiers-container.less Normal file
View file

@ -0,0 +1,65 @@
.daggerheart.levelup {
.tiers-container {
display: flex;
gap: 16px;
.tier-container {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
background-image: url('../assets/parchments/dh-parchment-dark.png');
&.inactive {
opacity: 0.4;
pointer-events: none;
}
legend {
margin-left: auto;
margin-right: auto;
font-size: 22px;
font-weight: bold;
padding: 0 12px;
}
.checkbox-group-container {
display: grid;
grid-template-columns: 1fr 3fr;
gap: 4px;
.checkboxes-container {
display: flex;
justify-content: end;
gap: 4px;
.checkbox-grouping-coontainer {
display: flex;
height: min-content;
&.multi {
border: 2px solid grey;
padding: 2.4px 2.5px 0;
border-radius: 4px;
gap: 2px;
.selection-checkbox {
margin-left: 0;
margin-right: 0;
}
}
.selection-checkbox {
margin: 0;
}
}
}
.checkbox-group-label {
font-size: 14px;
font-style: italic;
}
}
}
}
}

58
styles/less/dialog/resource-dice/sheet.less Normal file
View file

@ -0,0 +1,58 @@
.theme-light .daggerheart.dialog.dh-style.views.resource-dice {
.resource-items .resource-item {
input {
background-image: url('../assets/parchments/dh-parchment-light.png');
}
img {
filter: brightness(0) saturate(100%);
}
}
}
.daggerheart.dialog.dh-style.views.resource-dice {
.reroll-confirmation {
margin-bottom: 8px;
}
.resource-items {
display: flex;
justify-content: center;
gap: 8px;
.resource-item {
position: relative;
display: flex;
align-items: center;
justify-content: center;
input {
position: absolute;
border-color: light-dark(@dark-blue, @golden);
color: light-dark(black, white);
background-image: url('../assets/parchments/dh-parchment-dark.png');
z-index: 2;
line-height: 22px;
height: unset;
text-align: center;
}
img {
width: 48px;
height: 48px;
filter: brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(580%) hue-rotate(332deg)
brightness(96%) contrast(95%);
}
}
}
footer {
display: flex;
gap: 8px;
button {
flex: 1;
white-space: nowrap;
}
}
}