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

Merge branch 'epic/granular-action-outcomes' into feature/granular-action-outcomes

Browse source
This commit is contained in:
WBHarry 2026-06-02 12:31:06 +02:00
commit 56b2688fc4
187 changed files with 2881 additions and 2059 deletions
Download patch file Download diff file Expand all files Collapse all files

45
styles/less/sheets/actors/actor-sheet-shared.less
View file

@ -34,15 +34,27 @@
.attribution-header-label {
font-style: italic;
font-family: @font-body;
color: light-dark(@chat-blue-bg, @beige-50);
color: @color-text-subtle;
}
.tab.inventory {
.search-section {
display: flex;
.gold-section {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 10px;
align-items: center;
padding: 10px 10px 0;
.input {
color: light-dark(@dark, @beige);
}
}
}
.search-section {
display: flex;
gap: 10px;
align-items: center;
justify-content: space-between;
.search-bar {
position: relative;
color: light-dark(@dark-blue-50, @beige-50);
@ -72,22 +84,11 @@
height: 32px;
position: absolute;
right: 20px;
font-size: 16px;
font-size: var(--font-size-16);
z-index: 1;
color: light-dark(@dark-blue-50, @beige-50);
}
}
.gold-section {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 10px;
padding: 10px 10px 0;
.input {
color: light-dark(@dark, @beige);
}
}
}
&.limited {
@ -127,7 +128,7 @@
.title-name {
text-align: start;
font-size: var(--font-size-28);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
text-align: center;
}
}
@ -180,9 +181,9 @@
display: flex;
gap: 10px;
background-color: light-dark(transparent, @dark-blue);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
padding: 5px 10px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
align-items: center;
width: fit-content;
@ -194,7 +195,7 @@
font-size: var(--font-size-14);
font-weight: bold;
text-transform: uppercase;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
.domain {
@ -206,7 +207,7 @@
font-size: var(--font-size-14);
font-weight: bold;
text-transform: uppercase;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
img {
@ -230,7 +231,7 @@
padding: 10px;
border-radius: 5px;
min-width: 90px;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
background-color: light-dark(@dark-blue-10, @golden-40);
}
}

3
styles/less/sheets/actors/adversary/effects.less
View file

@ -1,4 +1,5 @@
@import '../../../utils/colors.less';
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.adversary {
.tab.effects {
@ -7,8 +8,8 @@
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%);
padding-bottom: 20px;
.with-scroll-shadows();
}
}
}

3
styles/less/sheets/actors/adversary/actions.less → styles/less/sheets/actors/adversary/features.less
View file

@ -1,5 +1,6 @@
@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.adversary {
.tab.features {
@ -8,8 +9,8 @@
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%);
padding-bottom: 20px;
.with-scroll-shadows();
}
}
}

8
styles/less/sheets/actors/adversary/header.less
View file

@ -35,7 +35,7 @@
.tags {
display: flex;
gap: 10px;
padding-bottom: 16px;
padding-bottom: 8px;
.tag {
display: flex;
@ -67,11 +67,5 @@
gap: 12px;
padding: 16px 0;
}
.adversary-navigation {
display: flex;
gap: 8px;
align-items: center;
}
}
}

7
styles/less/sheets/actors/adversary/index.less Normal file
View file

@ -0,0 +1,7 @@
@import './features.less';
@import './header.less';
@import './sheet.less';
@import './sidebar.less';
@import './effects.less';
@import './notes.less';

3
styles/less/sheets/actors/adversary/notes.less Normal file
View file

@ -0,0 +1,3 @@
.application.sheet.daggerheart.actor.dh-style.adversary .tab.notes.active {
padding-bottom: 20px;
}

13
styles/less/sheets/actors/adversary/sidebar.less
View file

@ -65,9 +65,9 @@
display: flex;
gap: 10px;
background-color: light-dark(transparent, @dark-blue);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
padding: 5px 10px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
align-items: center;
width: fit-content;
@ -77,7 +77,7 @@
font-size: var(--font-size-14);
font-weight: bold;
text-transform: uppercase;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
&.threshold-value {
color: light-dark(@dark, @beige);
@ -191,7 +191,7 @@
appearance: none;
width: 100px;
height: 40px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
z-index: 1;
background: @dark-blue;
@ -237,7 +237,7 @@
display: flex;
width: 50px;
height: 30px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-bottom: none;
border-radius: 6px 6px 0 0;
padding: 0 6px;
@ -286,9 +286,8 @@
overflow-y: hidden;
padding-top: 10px;
padding-bottom: 20px;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
scrollbar-gutter: stable;
.with-scroll-shadows();
&:hover {
overflow-y: auto;

3
styles/less/sheets/actors/character/biography.less
View file

@ -1,5 +1,6 @@
@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.character {
.tab.biography {
@ -9,10 +10,10 @@
gap: 10px;
height: 100%;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 98%, transparent 100%);
padding-top: 8px;
padding-bottom: 20px;
height: 100%;
.with-scroll-shadows();
}
.characteristics-section {

3
styles/less/sheets/actors/character/effects.less
View file

@ -1,5 +1,6 @@
@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.character {
.tab.effects {
@ -8,8 +9,8 @@
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%);
padding-bottom: 20px;
.with-scroll-shadows();
}
}
}

3
styles/less/sheets/actors/character/features.less
View file

@ -1,5 +1,6 @@
@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.character {
.tab.features {
@ -8,8 +9,8 @@
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%);
padding-bottom: 20px;
.with-scroll-shadows();
}
}
}

24
styles/less/sheets/actors/character/header.less
View file

@ -103,7 +103,7 @@
padding: 5px 0;
margin-bottom: 8px;
font-size: var(--font-size-12);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
.missing-header-feature {
opacity: 0.5;
@ -170,9 +170,9 @@
display: flex;
gap: 4px;
background-color: light-dark(transparent, @dark-blue);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
padding: 5px 10px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
align-items: center;
width: fit-content;
@ -182,7 +182,7 @@
font-size: var(--font-size-14);
font-weight: bold;
text-transform: uppercase;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
margin-right: 4px;
}
@ -195,7 +195,7 @@
font-size: var(--font-size-14);
font-weight: bold;
text-transform: uppercase;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
img {
@ -226,7 +226,6 @@
padding-left: 0.5rem;
.trait {
--color-border: light-dark(@semi-transparent-dark-blue, @golden-60);
cursor: pointer;
position: relative;
@ -238,10 +237,10 @@
.trait-name {
position: relative;
background-color: light-dark(@semi-transparent-dark-blue, @golden-40);
border: 1px solid var(--color-border);
background-color: @trait-color-bg;
border: 1px solid @trait-color-border;
border-radius: 3px;
color: light-dark(var(--color-light-1), @golden);
color: @color-text-emphatic;
font-size: var(--font-size-12);
font-weight: 600;
height: 1rem;
@ -250,7 +249,7 @@
width: 100%;
padding: 0 0.1876px 0 0.375rem;
margin-right: 0.125rem; /* makes it center SLIGHTLY */
text-shadow: 1px 1px 2px @light-black;
text-shadow: 1px 1px 3px @color-text-shadow-contrast;
display: flex;
align-items: center;
@ -259,7 +258,7 @@
.tier-mark {
position: absolute;
background-color: @dark-blue;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 50%;
width: 1rem;
height: 1rem;
@ -279,6 +278,7 @@
}
.trait-value-area {
--color-border: @trait-color-border;
--background: light-dark(#e8e6e3, @dark-blue);
display: flex;
position: relative;
@ -298,7 +298,7 @@
.spellcasting-mark {
position: absolute;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
color: @golden;
left: 0;
right: 0;

8
styles/less/sheets/actors/character/index.less Normal file
View file

@ -0,0 +1,8 @@
@import './biography.less';
@import './effects.less';
@import './features.less';
@import './header.less';
@import './inventory.less';
@import './loadout.less';
@import './sheet.less';
@import './sidebar.less';

6
styles/less/sheets/actors/character/inventory.less
View file

@ -1,5 +1,6 @@
@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.character {
.tab.inventory {
@ -8,8 +9,9 @@
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
padding: 20px 0;
margin-top: 20px;
padding-bottom: 20px;
.with-scroll-shadows();
}
}
}

49
styles/less/sheets/actors/character/loadout.less
View file

@ -1,51 +1,13 @@
@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.character {
.tab.loadout {
.search-section {
display: flex;
align-items: center;
justify-content: space-between;
.search-bar {
position: relative;
color: light-dark(@dark-blue-50, @beige-50);
width: 80%;
padding-top: 5px;
input {
border-radius: 50px;
background: light-dark(@dark-blue-10, @golden-10);
border: none;
outline: 2px solid transparent;
transition: all 0.3s ease;
padding: 0 20px;
&:hover {
outline: 2px solid light-dark(@dark, @golden);
}
&::-webkit-search-cancel-button {
-webkit-appearance: none;
display: none;
}
}
.icon {
align-content: center;
height: 32px;
position: absolute;
right: 20px;
font-size: var(--font-size-16);
z-index: 1;
color: light-dark(@dark-blue-50, @beige-50);
}
}
.btn-toggle-view {
background: light-dark(@dark-blue-10, @dark-blue);
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 15px;
padding: 0;
gap: 0;
@ -54,7 +16,7 @@
span {
margin: 1px;
width: 26px;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
&.list-icon {
i {
@ -90,8 +52,9 @@
gap: 10px;
height: 100%;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 98%, transparent 100%);
padding: 20px 0;
margin-top: 20px;
padding-bottom: 20px;
.with-scroll-shadows();
}
}
}

30
styles/less/sheets/actors/character/sidebar.less
View file

@ -40,7 +40,7 @@
.application.sheet.dh-style .character-sidebar-sheet {
width: 275px;
min-width: 275px;
border-right: 1px solid light-dark(@dark-blue, @golden);
border-right: 1px solid @color-border;
.portrait {
position: relative;
@ -168,7 +168,7 @@
appearance: none;
width: 100px;
height: 40px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
z-index: 1;
background: @dark-blue;
@ -282,11 +282,11 @@
&:hover {
background: light-dark(@light-black, @dark-blue);
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
h4,
i {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
}
}
@ -309,12 +309,12 @@
flex-wrap: wrap;
gap: 4px;
padding: 5px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
z-index: 1;
background: @dark-blue;
justify-content: center;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
.armor-slot {
cursor: pointer;
@ -343,12 +343,12 @@
&:hover {
background: light-dark(@light-black, @dark-blue);
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
.label,
.value,
i {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
}
@ -375,7 +375,7 @@
text-align: center;
z-index: 2;
color: light-dark(@dark-blue, @beige);
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-bottom: none;
border-radius: 6px 6px 0 0;
@ -411,7 +411,7 @@
appearance: none;
width: 80px;
height: 30px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
z-index: 1;
background: light-dark(transparent, @dark-blue);
@ -450,7 +450,7 @@
display: flex;
width: 50px;
height: 30px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-bottom: none;
border-radius: 6px 6px 0 0;
padding: 0 6px;
@ -513,9 +513,9 @@
align-self: center;
gap: 10px;
background-color: light-dark(transparent, @dark-blue);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
padding: 5px 10px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
align-items: center;
width: fit-content;
@ -525,7 +525,7 @@
font-size: var(--font-size-14);
font-weight: bold;
text-transform: uppercase;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
&.threshold-value {
color: light-dark(@dark, @beige);
@ -549,8 +549,8 @@
overflow-y: hidden;
padding-top: 10px;
padding-bottom: 20px;
mask-image: linear-gradient(0deg, transparent 0%, black 5%);
scrollbar-gutter: stable;
.with-scroll-shadows();
&:hover {
overflow-y: auto;

2
styles/less/sheets/actors/companion/effects.less
View file

@ -7,8 +7,8 @@
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%);
padding-bottom: 20px;
.with-scroll-shadows();
}
}
}

119
styles/less/sheets/actors/companion/header.less
View file

@ -11,7 +11,7 @@
.profile {
height: 235px;
cursor: pointer;
mask-image: linear-gradient(0deg, transparent 0%, black 10%);
.smooth-gradient-ease-in-out(mask-image, to top, black, 2.25rem);
}
.actor-name {
@ -24,15 +24,20 @@
margin-bottom: -30px;
input[type='text'] {
backdrop-filter: none;
border: none;
font-family: @font-title;
font-size: var(--font-size-24);
height: 32px;
text-align: center;
border: 1px solid transparent;
outline: 2px solid transparent;
box-shadow: unset;
text-shadow: 0 0 4px @color-text-shadow-contrast, 0 0 8px @color-text-shadow-contrast, 0 0 14px @color-text-shadow-contrast;
height: 2rem;
text-align: center;
transition: all 0.3s ease;
&:hover {
outline: 2px solid light-dark(@dark, @golden);
outline: 2px solid @color-border;
}
}
}
@ -63,7 +68,7 @@
display: flex;
width: 50px;
height: 40px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-bottom: none;
border-radius: 6px 6px 0 0;
padding: 0 6px;
@ -95,104 +100,6 @@
}
}
// .status-bar {
// display: flex;
// justify-content: center;
// position: relative;
// width: 100px;
// height: 40px;
// .status-label {
// position: relative;
// top: 40px;
// height: 22px;
// width: 79px;
// clip-path: path('M0 0H79L74 16.5L39 22L4 16.5L0 0Z');
// background: light-dark(@dark-blue, @golden);
// h4 {
// font-weight: bold;
// text-align: center;
// line-height: 18px;
// color: light-dark(@beige, @dark-blue);
// }
// }
// .status-value {
// position: absolute;
// display: flex;
// padding: 0 6px;
// font-size: 1.5rem;
// align-items: center;
// width: 100px;
// height: 40px;
// justify-content: center;
// text-align: center;
// z-index: 2;
// color: @beige;
// input[type='number'] {
// background: transparent;
// font-size: 1.5rem;
// width: 40px;
// height: 30px;
// text-align: center;
// border: none;
// outline: 2px solid transparent;
// color: @beige;
// &.bar-input {
// padding: 0;
// color: @beige;
// backdrop-filter: none;
// background: transparent;
// transition: all 0.3s ease;
// &:hover,
// &:focus {
// background: @semi-transparent-dark-blue;
// backdrop-filter: blur(9.5px);
// }
// }
// }
// .bar-label {
// width: 40px;
// }
// }
// .progress-bar {
// position: absolute;
// appearance: none;
// width: 100px;
// height: 40px;
// border: 1px solid light-dark(@dark-blue, @golden);
// border-radius: 6px;
// z-index: 1;
// background: @dark-blue;
// &::-webkit-progress-bar {
// border: none;
// background: @dark-blue;
// border-radius: 6px;
// }
// &::-webkit-progress-value {
// background: @gradient-hp;
// border-radius: 6px;
// }
// &.stress-color::-webkit-progress-value {
// background: @gradient-stress;
// border-radius: 6px;
// }
// &::-moz-progress-bar {
// background: @gradient-hp;
// border-radius: 6px;
// }
// &.stress-color::-moz-progress-bar {
// background: @gradient-stress;
// border-radius: 6px;
// }
// }
// }
.level-div {
white-space: nowrap;
display: flex;
@ -241,10 +148,8 @@
}
.companion-navigation {
display: flex;
gap: 8px;
align-items: center;
width: 100%;
padding: 0 10px;
}
}
}

4
styles/less/sheets/actors/companion/index.less Normal file
View file

@ -0,0 +1,4 @@
@import './details.less';
@import './header.less';
@import './sheet.less';
@import './effects.less';

13
styles/less/sheets/actors/companion/sheet.less
View file

@ -10,3 +10,16 @@
background: url('../assets/parchments/dh-parchment-light.png');
}
});
.application.sheet.daggerheart.actor.dh-style.companion {
.window-content {
display: flex;
}
.tab.active {
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
}
}

5
styles/less/sheets/actors/environment/actions.less → styles/less/sheets/actors/environment/features.less
View file

@ -1,5 +1,6 @@
@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.environment {
.tab.features {
@ -8,8 +9,8 @@
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%);
padding-bottom: 20px;
padding-bottom: 4px;
.with-scroll-shadows();
}
}
}

129
styles/less/sheets/actors/environment/header.less
View file

@ -1,5 +1,6 @@
@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.environment {
.environment-header-sheet {
@ -10,60 +11,82 @@
.profile {
height: 235px;
mask-image: linear-gradient(0deg, transparent 0%, black 10%);
cursor: pointer;
.smooth-gradient-ease-in-out(mask-image, to top, black, 3.5rem);
}
.item-container {
display: flex;
display: grid;
grid-auto-flow: row;
grid-template-columns: 1fr min-content;
align-items: center;
position: relative;
top: -45px;
gap: 20px;
top: -36px;
gap: 0 var(--spacer-12);
padding: 0 20px;
margin-bottom: -30px;
margin-bottom: -26px;
.item-info {
.item-name input[type='text'] {
backdrop-filter: none;
border: none;
font-family: @font-title;
font-size: var(--font-size-32);
text-align: start;
transition: all 0.3s ease;
outline: 2px solid transparent;
box-shadow: none;
text-shadow: 0 0 4px @color-text-shadow-contrast, 0 0 8px @color-text-shadow-contrast, 0 0 14px @color-text-shadow-contrast;
padding-left: 0;
height: 2.625rem;
&:hover[type='text'],
&:focus[type='text'] {
box-shadow: none;
outline: 2px solid @color-border;
}
}
.flexrow {
align-items: baseline;
grid-column: span 2;
}
.tags {
display: flex;
flex-direction: column;
gap: 8px;
gap: 10px;
padding-bottom: 0;
flex: 0;
.tags {
.tag {
display: flex;
gap: 10px;
padding-bottom: 0;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 5px;
font-size: var(--font-size-12);
font: @font-body;
white-space: nowrap;
.tag {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 5px;
font-size: var(--font-size-12);
font: @font-body;
background: light-dark(@dark-15, @beige-15);
border: 1px solid light-dark(@dark, @beige);
border-radius: 3px;
}
.label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: var(--font-size-12);
}
background: light-dark(@dark-15, @beige-15);
border: 1px solid light-dark(@dark, @beige);
border-radius: 3px;
}
.attribution-header-label {
text-align: left;
position: relative;
top: 4px;
margin-bottom: -6px;
.label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: var(--font-size-12);
}
}
.attribution-header-label {
text-align: right;
position: relative;
}
.status-number {
display: flex;
align-items: center;
@ -74,14 +97,14 @@
display: flex;
width: 50px;
height: 30px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-bottom: none;
border-radius: 6px 6px 0 0;
padding: 0 6px;
font-size: 1.2rem;
align-items: center;
justify-content: center;
background: light-dark(transparent, @dark-blue);
background: light-dark(#e8e6e3, @dark-blue);
z-index: 2;
&.armor-slots {
@ -93,7 +116,7 @@
.status-label {
padding: 2px 10px;
width: 100%;
border-radius: 3px;
border-radius: 0 0 3px 3px;
background: light-dark(@dark-blue, @golden);
h4 {
@ -105,37 +128,21 @@
}
}
}
.item-name {
input[type='text'] {
font-size: var(--font-size-32);
height: 42px;
text-align: start;
transition: all 0.3s ease;
outline: 2px solid transparent;
border: 1px solid transparent;
&:hover[type='text'],
&:focus[type='text'] {
box-shadow: none;
outline: 2px solid light-dark(@dark-blue, @golden);
}
}
}
}
.environment-info {
display: flex;
flex-direction: column;
gap: 12px;
gap: var(--spacer-8);
padding: 10px 20px;
}
.environment-navigation {
display: flex;
gap: 20px;
align-items: center;
padding: 0 20px;
.tab-navigation {
margin-top: 0;
}
}
}
}

4
styles/less/sheets/actors/environment/index.less Normal file
View file

@ -0,0 +1,4 @@
@import './features.less';
@import './header.less';
@import './potentialAdversaries.less';
@import './sheet.less';

4
styles/less/sheets/actors/environment/potentialAdversaries.less
View file

@ -7,8 +7,8 @@
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%);
padding-bottom: 20px;
padding-bottom: 4px;
.with-scroll-shadows();
}
}
}

4
styles/less/sheets/actors/environment/sheet.less
View file

@ -5,10 +5,6 @@
.appTheme({
&.environment {
background-image: url('../assets/parchments/dh-parchment-dark.png');
.attribution-header-label {
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
}
}, {
&.environment {

18
styles/less/sheets/actors/npc/features.less Normal file
View file

@ -0,0 +1,18 @@
.application.sheet.daggerheart.actor.dh-style.npc {
.tab.features {
&.active {
overflow: hidden;
display: flex;
flex-direction: column;
}
.feature-section {
display: flex;
flex-direction: column;
gap: 10px;
overflow-y: auto;
padding-bottom: 4px;
.with-scroll-shadows();
}
}
}

83
styles/less/sheets/actors/npc/header.less Normal file
View file

@ -0,0 +1,83 @@
.application.sheet.daggerheart.actor.dh-style.npc {
.npc-header-sheet {
width: 100%;
display: flex;
.portrait {
cursor: pointer;
max-width: 275px;
img {
height: 275px;
}
}
.tags {
display: flex;
gap: 10px;
padding-bottom: 8px;
.tag {
display: flex;
flex-direction: row;
gap: 4px;
justify-content: center;
align-items: center;
padding: 3px 5px;
font-size: var(--font-size-12);
font: @font-body;
background: light-dark(@dark-15, @beige-15);
border: 1px solid light-dark(@dark, @beige);
border-radius: 3px;
}
.label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: var(--font-size-12);
}
}
.info-section {
flex: 1;
padding: 0 15px;
padding-top: var(--header-height);
display: flex;
flex-direction: column;
.name-row {
display: flex;
gap: 5px;
align-items: center;
justify-content: space-between;
padding: 8px 0;
h1 {
display: flex;
flex: 1;
padding: 6px 0 0 0;
font-size: var(--font-size-32);
text-align: start;
border: 1px solid transparent;
outline: 2px solid transparent;
transition: all 0.3s ease;
word-break: break-word;
&:hover {
outline: 2px solid light-dark(@dark, @golden);
}
}
}
.npc-info {
display: flex;
flex-direction: column;
gap: 12px;
padding: 16px 0;
}
}
}
}

3
styles/less/sheets/actors/npc/index.less Normal file
View file

@ -0,0 +1,3 @@
@import './sheet.less';
@import './header.less';
@import './features.less';

10
styles/less/sheets/actors/npc/sheet.less Normal file
View file

@ -0,0 +1,10 @@
.application.sheet.daggerheart.actor.dh-style.npc {
.window-content {
display: grid;
grid-template-rows: auto auto 1fr;
}
.npc-navigation {
padding: 0 15px;
}
}

36
styles/less/sheets/actors/party/header.less
View file

@ -1,5 +1,6 @@
@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
@import '../../../utils/mixin.less';
.party-header-sheet {
display: flex;
@ -9,26 +10,31 @@
.profile {
height: 235px;
mask-image: linear-gradient(0deg, transparent 0%, black 10%);
cursor: pointer;
.smooth-gradient-ease-in-out(mask-image, to top, black, 3.5rem);
}
.item-container {
.item-name {
padding: 0 20px;
input[type='text'] {
font-size: 32px;
height: 42px;
text-align: center;
transition: all 0.3s ease;
outline: 2px solid transparent;
border: 1px solid transparent;
margin-top: -2rem;
z-index: 1;
input.item-name[type='text'] {
backdrop-filter: none;
border: none;
color: @color-text-emphatic;
font-family: @font-title;
font-size: var(--font-size-32);
outline: 2px solid transparent;
box-shadow: unset;
text-shadow: 0 0 4px @color-text-shadow-contrast, 0 0 8px @color-text-shadow-contrast, 0 0 14px @color-text-shadow-contrast;
&:hover[type='text'],
&:focus[type='text'] {
box-shadow: none;
outline: 2px solid light-dark(@dark-blue, @golden);
}
text-align: center;
transition: all 0.3s ease;
width: calc(100% - 40px);
height: 2.625rem;
&:hover[type='text'],
&:focus[type='text'] {
outline: 2px solid @color-border;
}
}

4
styles/less/sheets/actors/party/index.less Normal file
View file

@ -0,0 +1,4 @@
@import './header.less';
@import './party-members.less';
@import './sheet.less';
@import './inventory.less';

6
styles/less/sheets/actors/party/inventory.less
View file

@ -1,5 +1,6 @@
@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.party {
.tab.inventory {
@ -8,8 +9,9 @@
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
padding: 20px 0;
margin-top: 20px;
padding-bottom: 4px;
.with-scroll-shadows();
}
}
}

36
styles/less/sheets/actors/party/party-members.less
View file

@ -2,16 +2,6 @@
@import '../../../utils/fonts.less';
@import '../../../utils/mixin.less';
body.game:is(.performance-low, .noblur) {
.application.sheet.daggerheart.actor.dh-style.party .tab.resources .actors-list .actor-resources {
background: light-dark(@dark-blue, @dark-golden);
.actor-name {
background: light-dark(@dark-blue, @dark-golden);
}
}
}
.application.sheet.daggerheart.actor.dh-style.party .tab.partyMembers {
overflow: auto;
@ -58,7 +48,7 @@ body.game:is(.performance-low, .noblur) {
border-radius: 50%;
width: 24px;
height: 24px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
object-fit: cover;
}
}
@ -89,9 +79,9 @@ body.game:is(.performance-low, .noblur) {
display: flex;
gap: 4px;
background-color: light-dark(var(--color-light-1), @dark-blue);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
padding: 4px 6px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 3px;
align-items: baseline;
width: fit-content;
@ -103,7 +93,7 @@ body.game:is(.performance-low, .noblur) {
&.threshold-label {
font-size: var(--font-size-10);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
&.threshold-value {
@ -126,7 +116,7 @@ body.game:is(.performance-low, .noblur) {
width: 100%;
z-index: 1;
font-size: var(--font-size-20);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
font-weight: bold;
}
@ -142,9 +132,9 @@ body.game:is(.performance-low, .noblur) {
.hope-section {
display: flex;
background-color: light-dark(transparent, @dark-blue);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
padding: 3px 6px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 3px;
align-items: center;
width: fit-content;
@ -154,7 +144,7 @@ body.game:is(.performance-low, .noblur) {
font-size: var(--font-size-12);
font-weight: bold;
text-transform: uppercase;
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
margin-right: 3px;
}
@ -222,9 +212,9 @@ body.game:is(.performance-low, .noblur) {
gap: 4px;
background-color: light-dark(@dark-blue-10, @dark-blue);
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
padding: 2px 5px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 0 6px 6px 0;
width: fit-content;
min-height: 22px;
@ -242,7 +232,7 @@ body.game:is(.performance-low, .noblur) {
.slot {
width: 16px;
height: 10px;
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
background: light-dark(@dark-blue-10, @golden-10);
border-radius: 3px;
transition: all 0.3s ease;
@ -258,7 +248,7 @@ body.game:is(.performance-low, .noblur) {
.traits {
background-color: light-dark(@dark-blue-10, @dark-blue);
border: 1px solid light-dark(@dark-blue, @golden);
border: 1px solid @color-border;
border-radius: 6px;
display: grid;
grid-template-columns: 1fr 1fr;
@ -270,7 +260,7 @@ body.game:is(.performance-low, .noblur) {
justify-content: space-between;
gap: 3px;
.label {
color: light-dark(@dark-blue, @golden);
color: @color-text-emphatic;
}
.value {
font-weight: 600;

35
styles/less/sheets/index.less
View file

@ -2,35 +2,12 @@
@import './actors/actor-sheet-shared.less';
@import './actors/adversary/actions.less';
@import './actors/adversary/header.less';
@import './actors/adversary/sheet.less';
@import './actors/adversary/sidebar.less';
@import './actors/adversary/effects.less';
@import './actors/character/biography.less';
@import './actors/character/effects.less';
@import './actors/character/features.less';
@import './actors/character/header.less';
@import './actors/character/inventory.less';
@import './actors/character/loadout.less';
@import './actors/character/sheet.less';
@import './actors/character/sidebar.less';
@import './actors/companion/details.less';
@import './actors/companion/header.less';
@import './actors/companion/sheet.less';
@import './actors/companion/effects.less';
@import './actors/environment/actions.less';
@import './actors/environment/header.less';
@import './actors/environment/potentialAdversaries.less';
@import './actors/environment/sheet.less';
@import './actors/party/header.less';
@import './actors/party/party-members.less';
@import './actors/party/sheet.less';
@import './actors/party/inventory.less';
@import './actors/adversary/index.less';
@import './actors/character/index.less';
@import './actors/companion/index.less';
@import './actors/environment/index.less';
@import './actors/npc/index.less';
@import './actors/party/index.less';
@import './items/beastform.less';
@import './items/class.less';