cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-06-06 04:44:16 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merged with main

Browse source
This commit is contained in:
WBHarry 2026-06-05 16:00:09 +02:00
commit d78927d0c2
275 changed files with 5076 additions and 4132 deletions
Download patch file Download diff file Expand all files Collapse all files

10
styles/less/dialog/beastform/sheet.less
View file

@ -43,7 +43,7 @@
text-align: center;
font-size: var(--font-size-16);
margin: 0 4px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
color: light-dark(@dark, @beige);
background-image: url('../assets/parchments/dh-parchment-dark.png');
@ -58,7 +58,7 @@
position: relative;
display: flex;
justify-content: center;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
cursor: pointer;
width: 120px;
@ -164,7 +164,7 @@
.hybrid-data {
padding: 0 2px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
color: light-dark(@dark, @beige);
background-image: url('../assets/parchments/dh-parchment-dark.png');
@ -191,7 +191,7 @@
flex-direction: column;
gap: 4px;
padding: 0 4px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
color: light-dark(@dark, @beige);
background-image: url('../assets/parchments/dh-parchment-dark.png');
@ -226,7 +226,7 @@
gap: 4px;
.trait-card {
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
padding: 2px;
opacity: 0.4;

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

@ -79,7 +79,7 @@
font-weight: bold;
padding: 0 2px;
background-image: url(../assets/parchments/dh-parchment-light.png);
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
color: light-dark(@beige, @dark);
opacity: 0.4;
@ -114,9 +114,6 @@
.card-preview-container {
flex: 1;
}
.card-preview-container {
border-color: light-dark(@dark-blue, @golden);
}
@ -206,7 +203,7 @@
height: 16px;
width: 110px;
min-height: unset;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
color: light-dark(@beige, @beige);
background-color: light-dark(var(--color-warm-3), var(--color-warm-3));
@ -233,7 +230,7 @@
.suggested-trait-container {
width: 56px;
white-space: nowrap;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
color: light-dark(@beige, @dark);
background-image: url('../assets/parchments/dh-parchment-light.png');
@ -348,7 +345,7 @@
display: flex;
justify-content: center;
position: relative;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
.nav-section-text {
@ -386,7 +383,7 @@
width: 56px;
text-align: center;
line-height: 1;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
color: light-dark(@beige, @dark);
background-image: url(../assets/parchments/dh-parchment-light.png);
@ -450,7 +447,7 @@
height: 100%;
.simple-equipment {
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 8px;
position: relative;
display: flex;
@ -469,7 +466,7 @@
top: -8px;
font-size: var(--font-size-12);
white-space: nowrap;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
color: @dark;
background-image: url('../assets/parchments/dh-parchment-light.png');

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

@ -7,7 +7,7 @@
border-top: 0;
a {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
&[disabled] {
opacity: 0.4;

1
styles/less/dialog/compendiumBrowserPackDialog/sheet.less
View file

@ -67,7 +67,6 @@
i {
font-size: 18px;
// color: light-dark(@dark-blue, @golden);
}
}
}

4
styles/less/dialog/damage-reduction/damage-reduction-container.less
View file

@ -81,7 +81,7 @@
.mark-container {
cursor: pointer;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
height: 26px;
padding: 0 1px;
@ -126,7 +126,7 @@
width: 100%;
.chip-inner-container {
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
height: 26px;
padding: 0 4px;

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

@ -56,7 +56,7 @@
cursor: pointer;
padding: 5px;
background: light-dark(@dark-blue-10, @golden-10);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
.label {
font-style: normal;
@ -129,7 +129,7 @@
cursor: pointer;
padding: 5px;
background: light-dark(@dark-blue-10, @golden-10);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
.label {
font-style: normal;

6
styles/less/dialog/downtime/downtime-container.less
View file

@ -37,7 +37,7 @@
.activity-marker {
font-size: 0.5rem;
flex: none;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
margin-right: 4px;
}
@ -55,7 +55,7 @@
.activity-selected-marker {
font-size: var(--font-size-14);
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
color: light-dark(@dark, @beige);
background-image: url(../assets/parchments/dh-parchment-dark.png);
@ -78,7 +78,7 @@
}
.refreshable-container {
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
color: light-dark(@dark, @beige);
background-image: url('../assets/parchments/dh-parchment-dark.png');

44
styles/less/dialog/group-roll-dialog/_common.less Normal file
View file

@ -0,0 +1,44 @@
h1 {
color: @color-text-emphatic;
font: 700 var(--font-size-24) var(--dh-font-subtitle);
text-align: center;
}
header {
--bar-color: light-dark(@dark-blue, @golden);
color: light-dark(@dark, @beige);
display: flex;
justify-content: center;
align-items: center;
&:not(:first-child) {
margin-top: var(--spacer-8);
}
span {
padding: 0 10px;
}
&:before {
content: ' ';
flex: 1;
height: 1px;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--bar-color) 100%);
}
&:after {
content: ' ';
flex: 1;
height: 1px;
background: linear-gradient(90deg, var(--bar-color) 0%, rgba(0, 0, 0, 0) 100%);
}
}
img.portrait {
border-radius: 50%;
border: none;
object-fit: cover;
object-position: center top;
width: 2.5rem;
height: 2.5rem;
}

8
styles/less/dialog/group-roll-dialog/index.less Normal file
View file

@ -0,0 +1,8 @@
.daggerheart.dialog.dh-style.views.group-roll-dialog {
.window-content {
@import "./_common.less";
}
}
@import "./initialization.less";
@import "./main.less";

95
styles/less/dialog/group-roll-dialog/initialization.less
View file

@ -1,62 +1,59 @@
.theme-light .daggerheart.dialog.dh-style.views.group-roll-dialog {
.initialization-container .members-container .member-container {
.member-name {
background-image: url('../assets/parchments/dh-parchment-light.png');
}
}
}
.daggerheart.dialog.dh-style.views.group-roll-dialog {
.initialization-container {
h2 {
text-align: center;
}
.members-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 8px;
.member-container {
position: relative;
display: flex;
justify-content: center;
&.inactive {
opacity: 0.4;
}
.member-name {
position: absolute;
padding: 0 2px;
border: 1px solid;
border-radius: 6px;
margin-top: 4px;
color: light-dark(@dark, @beige);
background-image: url('../assets/parchments/dh-parchment-dark.png');
text-align: center;
}
img {
border-radius: 6px;
border: 1px solid light-dark(@dark-blue, @golden);
}
}
}
.initialization-container.active {
display: flex;
flex-direction: column;
overflow: hidden;
.main-roll {
margin-top: 8px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
display: flex;
flex-direction: column;
text-align: center;
padding-bottom: 4px;
&.inactive {
opacity: 0.4;
}
}
.hint {
color: var(--color-form-hint);
line-height: 1;
padding: var(--spacer-8) 0;
font-family: var(--dh-font-body);
font-size: var(--font-size-12);
font-weight: 300;
}
.members-container {
display: flex;
flex-direction: column;
gap: 8px;
overflow-y: auto;
.member-container {
display: flex;
position: relative;
justify-content: center;
height: unset;
padding: 4px 8px;
gap: var(--spacer-8);
flex: 0 0 auto;
&:not(.inactive) {
background: @golden-bg;
}
.name {
flex: 1;
color: light-dark(@dark, @beige);
font-weight: 500;
text-align: left;
}
}
}
footer {
margin-top: 8px;
margin-top: 12px;
display: flex;
gap: 8px;

35
styles/less/dialog/group-roll-dialog/leader.less
View file

@ -1,35 +0,0 @@
.daggerheart.dialog.dh-style.views.group-roll-dialog {
.main-character-outer-container {
&.inactive {
opacity: 0.3;
pointer-events: none;
}
.main-character-container {
.character-info {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 64px;
img {
height: 64px;
border-radius: 6px;
border: 1px solid light-dark(@dark-blue, @golden);
}
.character-data {
padding-left: 0.75rem;
flex: 1;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: left;
font-size: var(--font-size-18);
}
}
}
}
}

273
styles/less/dialog/group-roll-dialog/main.less Normal file
View file

@ -0,0 +1,273 @@
.daggerheart.dialog.dh-style.views.group-roll-dialog {
.group-roll.active {
display: flex;
flex-direction: column;
overflow: hidden;
a.roll-button {
&:hover {
text-shadow: none;
filter: drop-shadow(0 0 3px @golden-90);
}
}
.aiding-members {
display: flex;
flex-direction: column;
gap: 6px;
overflow-y: auto;
}
.item-tags {
gap: 6px;
.tag.failure,
.tag.success {
font-weight: 600;
justify-content: center;
min-width: 3ch;
}
.tag.success {
border-color: @green;
background: @green-10;
color: @green;
}
.tag.failure {
border-color: @red;
background: @red-10;
color: @red;
}
.tag {
padding-top: 0;
padding-bottom: 0;
line-height: 1.1875rem;
}
}
.with-result {
border-radius: 5px;
background: var(--duality-bg);
color: var(--color-light-2);
&.hope {
--duality-text-color: @golden;
--duality-bg: url(../assets/parchments/dh-parchment-hope.png);
}
&.fear {
--duality-text-color: @chat-blue;
--duality-bg: url(../assets/parchments/dh-parchment-fear.png);
}
&.critical {
--duality-text-color: @chat-purple;
--duality-bg: url(../assets/parchments/dh-parchment-critical.png);
}
.duality-label {
font-family: var(--dh-font-subtitle);
color: var(--duality-text-color);
font-weight: 700;
}
}
.member-roll-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
min-height: 3.375rem;
&.inactive {
pointer-events: none;
}
.name-area {
display: flex;
flex-direction: column;
flex: 1;
justify-content: center;
.name {
font-weight: 500;
}
.trait {
display: flex;
align-items: center;
gap: 6px;
select {
--input-height: 2em;
width: auto;
}
}
.item-tags {
align-items: stretch;
}
}
.buttons {
display: flex;
flex-direction: row;
button {
--button-text-color: @color-text-primary;
--button-size: 1.5em;
padding: 0 var(--spacer-4);
img {
width: 100%;
height: 100%;
object-fit: contain;
}
}
}
a.roll-button.initial-roll {
width: 1.875rem;
height: 1.875rem;
margin-right: 2px; /** makes hover look a bit nicer */
}
.with-result {
display: flex;
justify-content: end;
align-items: center;
gap: 6px;
.roll-data {
display: flex;
flex-direction: column;
align-items: end;
justify-content: center;
padding: 0 4px;
min-height: 3rem;
.duality-label {
font-size: var(--font-size-15);
.unused-damage {
text-decoration: line-through;
}
.with {
font-size: var(--font-size-10);
}
}
.roll-dice-container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 2px;
.roll-dice {
position: relative;
display: flex;
align-items: center;
justify-content: center;
.dice-label {
position: absolute;
color: white;
font-size: 1rem;
paint-order: stroke fill;
-webkit-text-stroke: 2px black;
}
img {
height: 1.3125rem;
}
}
.roll-operator {
font-size: var(--font-size-18);
padding: 0 1px;
}
.roll-value {
font-size: var(--font-size-16);
padding: 0 1px;
}
}
}
.buttons {
flex-direction: column;
button {
color: var(--medium-red);
&[data-success=true] {
color: var(--green);
}
&.active {
text-shadow: 0 0 1px light-dark(@dark-80, @beige-80);
}
&.inactive {
opacity: 0.35;
}
}
}
}
}
}
.group-roll-results {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 4px;
font-size: var(--font-size-12);
padding: 6px 12px;
margin-top: 8px;
&.empty {
color: light-dark(@dark-blue-90, @beige-80);
border-radius: 3px;
justify-content: center;
border: 1px dashed light-dark(@dark-blue-90, @beige-80);
text-align: center;
height: 3.25rem;
font-family: @font-body;
}
.row {
display: flex;
align-items: center;
justify-content: space-between;
}
.divider {
height: 1px;
background-image: linear-gradient(90deg, transparent 0%, var(--duality-text-color) 50%, transparent 100%);
margin-block: var(--spacer-4);
}
.modifiers .item-tags {
min-height: calc(2px + 1.1875rem);
}
.total {
.label {
font-size: var(--font-size-14);
}
.duality-label {
display: flex;
align-items: center;
gap: var(--spacer-4);
.value {
font-size: 20px;
}
}
}
}
.finish-container {
margin-top: 16px;
gap: 16px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
.finish-button {
grid-column: span 2;
}
}
}

265
styles/less/dialog/group-roll-dialog/sheet.less
View file

@ -1,265 +0,0 @@
.daggerheart.dialog.dh-style.views.group-roll-dialog {
.team-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 16px;
.team-member-container {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 8px;
flex: 1;
&.inactive {
opacity: 0.3;
pointer-events: none;
}
.data-container {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
}
.member-info {
display: flex;
align-items: start;
width: 100%;
img {
height: 64px;
border-radius: 6px;
border: 1px solid light-dark(@dark-blue, @golden);
}
.member-data {
padding-left: 0.75rem;
flex: 1;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: left;
font-size: var(--font-size-18);
}
}
}
}
.roll-container {
display: flex;
flex-direction: column;
}
.roll-title {
font-size: var(--font-size-20);
font-weight: bold;
color: light-dark(@dark-blue, @golden);
text-align: center;
display: flex;
align-items: center;
gap: 8px;
&.hope,
&.fear,
&.critical {
color: var(--text-color);
}
&.hope {
--text-color: @golden;
}
&.fear {
--text-color: @chat-blue;
}
&.critical {
--text-color: @chat-purple;
}
&::before,
&::after {
color: var(--text-color);
content: '';
flex: 1;
height: 2px;
}
&::before {
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, light-dark(@dark-blue, @golden) 100%);
}
&::after {
background: linear-gradient(90deg, light-dark(@dark-blue, @golden) 0%, rgba(0, 0, 0, 0) 100%);
}
}
.roll-tools {
display: flex;
gap: 4px;
align-items: center;
img {
height: 16px;
}
a {
display: flex;
font-size: 16px;
&:hover {
text-shadow: none;
filter: drop-shadow(0 0 8px var(--golden));
}
}
}
.roll-data {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
&.hope {
--text-color: @golden;
--bg-color: @golden-40;
}
&.fear {
--text-color: @chat-blue;
--bg-color: @chat-blue-40;
}
&.critical {
--text-color: @chat-purple;
--bg-color: @chat-purple-40;
}
.duality-label {
color: var(--text-color);
font-size: var(--font-size-20);
font-weight: bold;
text-align: center;
.unused-damage {
text-decoration: line-through;
}
}
.roll-dice-container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
.roll-dice {
position: relative;
display: flex;
align-items: center;
justify-content: center;
.dice-label {
position: absolute;
color: white;
font-size: 1rem;
paint-order: stroke fill;
-webkit-text-stroke: 2px black;
}
img {
height: 32px;
}
}
.roll-operator {
font-size: var(--font-size-24);
}
.roll-value {
font-size: 18px;
}
}
.roll-total {
background: var(--bg-color);
color: var(--text-color);
border-radius: 4px;
padding: 3px;
}
}
.roll-success-container {
display: flex;
align-items: center;
justify-content: space-around;
.roll-success-tools {
display: flex;
align-items: center;
gap: 4px;
color: light-dark(@dark-blue, @golden);
i {
font-size: 24px;
}
}
.roll-success-modifier {
display: flex;
align-items: center;
justify-content: right;
gap: 2px;
font-size: var(--font-size-20);
padding: 0px 4px;
&.success {
background: @green-10;
color: @green;
}
&.failure {
background: @red-10;
color: @red;
}
}
}
.section-title {
font-size: var(--font-size-18);
font-weight: bold;
}
.group-roll-results {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
font-size: var(--font-size-20);
.group-roll-container {
display: flex;
align-items: center;
gap: 2px;
}
}
.finish-container {
margin-top: 16px;
gap: 16px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
.finish-button {
grid-column: span 2;
}
}
.hint {
text-align: center;
}
}

50
styles/less/dialog/group-roll/group-roll.less
View file

@ -1,50 +0,0 @@
@import '../../utils/colors.less';
.application.daggerheart.group-roll {
fieldset.one-column {
min-width: 500px;
margin-bottom: 10px;
}
.actor-item {
display: flex;
align-items: center;
gap: 15px;
width: 100%;
img {
height: 40px;
width: 40px;
border-radius: 50%;
object-fit: cover;
}
.actor-info {
display: flex;
flex-direction: column;
gap: 10px;
.actor-check-info {
display: flex;
gap: 10px;
.form-fields {
display: flex;
gap: 5px;
align-items: center;
input {
max-width: 40px;
text-align: center;
}
}
}
}
.controls {
margin-left: auto;
}
}
.tooltip-container {
width: 100%;
}
}

2
styles/less/dialog/image-select/sheet.less
View file

@ -12,7 +12,7 @@
img {
width: 136px;
height: 136px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
opacity: 0.4;

15
styles/less/dialog/index.less
View file

@ -1,10 +1,5 @@
@import './attribution/sheet.less';
@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 './level-up/footer.less';
@import './level-up/index.less';
@import './resource-dice/sheet.less';
@ -29,16 +24,10 @@
@import './multiclass-choice/sheet.less';
@import './reroll-dialog/sheet.less';
@import './group-roll/group-roll.less';
@import './tag-team-dialog/initialization.less';
@import './tag-team-dialog/sheet.less';
@import './group-roll-dialog/initialization.less';
@import './group-roll-dialog/leader.less';
@import './group-roll-dialog/sheet.less';
@import './group-roll-dialog/index.less';
@import './image-select/sheet.less';

6
styles/less/dialog/level-up/index.less Normal file
View file

@ -0,0 +1,6 @@
@import './navigation-container.less';
@import './selections-container.less';
@import './summary-container.less';
@import './tiers-container.less';
@import './footer.less';
@import './sheet.less';

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

@ -19,7 +19,7 @@
a,
span {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
}
}

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

@ -3,12 +3,7 @@
.daggerheart.levelup {
.levelup-selections-container {
overflow: auto;
padding: 10px 0;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
max-height: 500px;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
.achievement-experience-cards {
display: flex;
@ -45,20 +40,22 @@
.levelup-card-selection {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
height: 190px;
align-items: stretch;
.card-preview-container {
height: 100%;
height: 190px;
max-width: 200px;
}
.levelup-domains-selection-container {
display: flex;
flex-direction: column;
gap: 8px;
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(2, minmax(0, 1fr));
height: 100%;
gap: 4px;
.levelup-domain-selection-container {
display: flex;
@ -66,6 +63,8 @@
align-items: center;
position: relative;
cursor: pointer;
overflow: hidden;
width: 93px;
&.disabled {
pointer-events: none;
@ -74,16 +73,20 @@
.levelup-domain-label {
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
top: 4px;
background: grey;
padding: 0 12px;
border-radius: 6px;
padding: 2px 12px;
z-index: 2;
line-height: 1;
}
img {
height: 124px;
object-fit: cover;
width: auto;
height: auto;
&.svg {
filter: @beige-filter;
@ -92,17 +95,18 @@
.levelup-domain-selected {
position: absolute;
height: 54px;
width: 54px;
height: 40px;
width: 40px;
border-radius: 50%;
border: 2px solid;
font-size: var(--font-size-48);
border: 2px solid @golden;
font-size: var(--font-size-24);
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);
background: @dark-golden;
color: @golden;
top: 10px;
z-index: 2;
i {
position: relative;

21
styles/less/dialog/level-up/sheet.less
View file

@ -11,9 +11,10 @@
});
.daggerheart.levelup {
.window-content {
max-height: 960px;
.tab.active {
flex: 1;
overflow: auto;
.with-scroll-shadows();
}
div[data-application-part='form'] {
@ -22,15 +23,13 @@
gap: 8px;
}
section {
.section-container {
display: flex;
flex-direction: row;
justify-content: center;
gap: 20px 8px;
margin-top: 8px;
flex-wrap: wrap;
}
.section-container {
display: flex;
flex-direction: row;
justify-content: center;
gap: 20px 8px;
margin-top: 8px;
flex-wrap: wrap;
}
.levelup-footer {

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

@ -17,10 +17,8 @@
.levelup-summary-container {
overflow: auto;
padding: 10px 0;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
max-height: 700px;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
.with-scroll-shadows();
.level-achievements-container,
.level-advancements-container {

4
styles/less/dialog/multiclass-choice/sheet.less
View file

@ -35,7 +35,7 @@
width: 120px;
height: 120px;
background: light-dark(@dark-blue-10, @golden-10);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
&.selected {
background: light-dark(@dark-blue-40, @golden-40);
@ -57,7 +57,7 @@
display: flex;
flex-wrap: wrap;
font-style: italic;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
padding: 4px 4px;
}

125
styles/less/dialog/reroll-dialog/sheet.less
View file

@ -1,125 +0,0 @@
.daggerheart.dialog.dh-style.views.reroll-dialog {
.window-content {
max-width: 648px;
}
.reroll-outer-container {
h2 {
margin: 0;
}
.dices-container {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.dice-outer-container {
width: 300px;
legend {
display: flex;
align-items: center;
gap: 4px;
i {
margin-right: 4px;
}
}
.dice-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
.result-container {
position: relative;
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.375rem;
opacity: 0.8;
&.selected {
opacity: 1;
border: 1px solid;
border-radius: 6px;
border-color: light-dark(@dark-blue, @golden);
filter: drop-shadow(0 0 3px @golden);
}
&:before {
content: ' ';
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
mask: var(--svg-die) no-repeat center;
mask-size: contain;
background: linear-gradient(139.01deg, #efe6d8 3.51%, #372e1f 96.49%);
}
&.d4:before {
--svg-die: url(../assets/icons/dice/default/d4.svg);
}
&.d6:before {
--svg-die: url(../assets/icons/dice/default/d6.svg);
}
&.d8:before {
--svg-die: url(../assets/icons/dice/default/d8.svg);
}
&.d10:before {
--svg-die: url(../assets/icons/dice/default/d10.svg);
}
&.d12:before {
--svg-die: url('../assets/icons/dice/default/d12.svg');
}
&.d20:before {
--svg-die: url(../assets/icons/dice/default/d20.svg);
}
.to-reroll-result {
position: absolute;
bottom: -7px;
gap: 2px;
border: 1px solid;
border-radius: 6px;
background-image: url(../assets/parchments/dh-parchment-dark.png);
display: flex;
align-items: center;
padding: 2px 6px;
input {
margin: 0;
height: 12px;
line-height: 0px;
position: relative;
top: 1px;
&:before,
&:after {
line-height: 12px;
font-size: var(--font-size-12);
}
}
i {
font-size: var(--font-size-10);
}
}
}
}
}
}
footer {
margin-top: 8px;
display: flex;
justify-content: space-between;
.controls {
display: flex;
gap: 8px;
}
}
}

62
styles/less/dialog/tag-team-dialog/initialization.less
View file

@ -1,3 +1,5 @@
@import '../../utils/mixin.less';
.theme-light .daggerheart.dialog.dh-style.views.tag-team-dialog {
.initialization-container .members-container .member-container {
.member-name {
@ -7,39 +9,75 @@
}
.daggerheart.dialog.dh-style.views.tag-team-dialog {
.initialization-container {
.initialization-container.active {
display: flex;
flex-direction: column;
gap: var(--spacer-4);
h2 {
text-align: center;
}
.members-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
// Force 3 columns for 5 -> 6 players
&:has(> :nth-child(5)):not(:has(> :nth-child(7))) {
padding-left: 10%;
padding-right: 10%;
}
.member-container {
position: relative;
display: flex;
align-items: stretch;
justify-content: center;
border-radius: 6px;
border: 1px solid @color-border;
overflow: hidden;
height: 11.5rem;
width: 122px;
&.inactive {
opacity: 0.4;
border-color: light-dark(@dark-blue-40, @golden-40);
img {
opacity: 0.4;
}
}
.member-name {
--shadow-color: light-dark(white, black);
position: absolute;
padding: 0 2px;
border: 1px solid;
border-radius: 6px;
margin-top: 4px;
color: light-dark(@dark, @beige);
background-image: url('../assets/parchments/dh-parchment-dark.png');
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 4rem;
padding: 5rem 4px var(--spacer-8) 4px;
text-align: center;
color: @color-text-primary;
text-shadow: 1px 1px 2px var(--shadow-color), 0 0 10px var(--shadow-color);
.smooth-gradient-ease-in-out(background-image, to bottom, var(--shadow-color), 100%);
}
img {
border-radius: 6px;
border: 1px solid light-dark(@dark-blue, @golden);
object-fit: cover;
object-position: top center;
flex: 1;
}
.leader-mark {
position: absolute;
top: 4px;
right: 4px;
text-shadow: var(--shadow-text-stroke), 0 0 20px black;
}
}
}

17
styles/less/dialog/tag-team-dialog/sheet.less
View file

@ -1,4 +1,10 @@
.daggerheart.dialog.dh-style.views.tag-team-dialog {
.daggerheart.dialog.dh-style.views.tag-team-dialog .window-content {
h1 {
color: @color-text-emphatic;
font: 700 var(--font-size-24) var(--dh-font-subtitle);
text-align: center;
}
.team-container {
display: flex;
gap: 16px;
@ -36,7 +42,7 @@
img {
height: 64px;
border-radius: 6px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
}
.member-name {
@ -58,7 +64,7 @@
.roll-title {
font-size: var(--font-size-20);
font-weight: bold;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
text-align: center;
display: flex;
align-items: center;
@ -66,7 +72,7 @@
&::before,
&::after {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
content: '';
flex: 1;
height: 2px;
@ -188,6 +194,7 @@
.roll-selection-container {
display: flex;
gap: 16px;
.select-roll-button {
margin-top: 8px;
@ -196,7 +203,7 @@
justify-content: center;
i {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
font-size: 48px;
&.inactive {