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

Merged with main

Browse source
This commit is contained in:
WBHarry 2026-02-26 16:20:24 +01:00
commit 2123ae1965
177 changed files with 2677 additions and 657 deletions
Download patch file Download diff file Expand all files Collapse all files

118
styles/less/ui/chat/action.less
View file

@ -38,124 +38,6 @@
flex-direction: column;
align-items: center;
details[open] {
.fa-chevron-down {
transform: rotate(180deg);
transition: all 0.3s ease;
}
}
.action-move {
width: 100%;
.fa-chevron-down {
transition: all 0.3s ease;
margin-left: auto;
}
.action-section {
display: flex;
flex-direction: row;
align-items: center;
margin: 8px 8px 0;
padding-bottom: 5px;
width: -webkit-fill-available;
gap: 5px;
border-bottom: 1px solid @golden;
&:hover {
background: @golden-10;
cursor: pointer;
transition: all 0.3s ease;
}
.action-img {
width: 40px;
height: 40px;
border-radius: 3px;
object-fit: cover;
}
.action-header {
display: flex;
flex-direction: column;
gap: 5px;
color: @beige;
.title {
font-size: var(--font-size-20);
color: @golden;
font-weight: 700;
}
.label {
font-size: var(--font-size-12);
color: @beige;
margin: 0;
}
}
}
}
.description {
padding: 8px;
.summons-header {
font-size: var(--font-size-14);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
span {
width: 100%;
}
&:before,
&:after {
content: ' ';
height: 1px;
width: 100%;
}
&: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%);
}
}
.summons-container {
display: flex;
flex-direction: column;
gap: 4px;
.summon-container {
display: flex;
align-items: center;
justify-content: space-between;
.summon-label-container {
flex: 1;
display: flex;
align-items: center;
gap: 4px;
img {
height: 32px;
}
label {
display: flex;
flex-wrap: wrap;
}
}
}
}
}
.ability-card-footer {
display: flex;
flex-wrap: wrap;

155
styles/less/ui/chat/chat.less
View file

@ -82,7 +82,7 @@
}
}
&:not(.duality .fate) {
&:not(.duality):not(.fate) {
.font-20 {
color: @dark;
}
@ -228,6 +228,15 @@
font-size: var(--font-size-12);
padding: 0 20px;
.roll-part-title {
text-align: center;
font-family: @font-subtitle;
font-size: var(--font-size-18);
font-weight: bold;
color: light-dark(@dark-blue, var(--text-color));
margin-bottom: -2px;
}
> .roll-part-header {
font-size: var(--font-size-14);
}
@ -286,6 +295,7 @@
> :first-child:not(.target-selector) {
margin-top: 5px;
text-align: center;
}
> :last-child {
@ -573,6 +583,30 @@
}
}
.chat-roll .description-section {
.roll-part-content {
.dice-tooltip {
.wrapper {
i {
margin: 0;
:first-child {
margin-top: 0;
}
:last-child {
margin-bottom: 0;
}
}
> :first-child:not(.target-selector) {
margin: 0;
}
}
}
}
}
.roll-buttons {
display: flex;
gap: 5px;
@ -590,5 +624,124 @@
.dice-roll .dice-tooltip fieldset {
margin-bottom: 5px;
}
details[open] {
.fa-chevron-down {
transform: rotate(180deg);
transition: all 0.3s ease;
}
}
.action-move {
width: 100%;
.fa-chevron-down {
transition: all 0.3s ease;
margin-left: auto;
}
.action-section {
display: flex;
flex-direction: row;
align-items: center;
margin: 8px 8px 0;
padding-bottom: 5px;
width: -webkit-fill-available;
gap: 5px;
border-bottom: 1px solid @golden;
&:hover {
background: @golden-10;
cursor: pointer;
transition: all 0.3s ease;
}
.action-img {
width: 40px;
height: 40px;
border-radius: 3px;
object-fit: cover;
}
.action-header {
display: flex;
flex-direction: column;
gap: 5px;
color: @beige;
.title {
font-size: var(--font-size-20);
color: @golden;
font-weight: 700;
margin: 0;
}
.label {
font-size: var(--font-size-12);
color: @beige;
margin: 0;
}
}
}
}
.description {
padding: 8px;
.summons-header {
font-size: var(--font-size-14);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
span {
width: 100%;
}
&:before,
&:after {
content: ' ';
height: 1px;
width: 100%;
}
&: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%);
}
}
.summons-container {
display: flex;
flex-direction: column;
gap: 4px;
.summon-container {
display: flex;
align-items: center;
justify-content: space-between;
.summon-label-container {
flex: 1;
display: flex;
align-items: center;
gap: 4px;
img {
height: 32px;
}
label {
display: flex;
flex-wrap: wrap;
}
}
}
}
}
}
}

92
styles/less/ui/chat/sheet.less
View file

@ -3,68 +3,70 @@
.daggerheart.chat-sidebar.theme-light,
#interface.theme-light {
.chat-message:not(.duality) .message-content {
color: @dark;
.chat-message:not(.duality):not(.fate) {
.message-content {
color: @dark;
blockquote {
border-left: 5px solid @dark-blue-40;
}
blockquote {
border-left: 5px solid @dark-blue-40;
}
a[href] {
color: @dark-blue;
}
a[href]:hover,
a[href].active {
font-weight: bold;
text-shadow: 0 0 8px @dark-blue;
}
button {
background: transparent;
border: 1px solid @dark-blue;
color: @dark-blue;
&:hover {
background: @light-black;
a[href] {
color: @dark-blue;
}
&:disabled {
a[href]:hover,
a[href].active {
font-weight: bold;
text-shadow: 0 0 8px @dark-blue;
}
button {
background: transparent;
border: 1px solid @dark-blue;
color: @dark-blue;
&:hover {
background: @light-black;
color: @dark-blue;
}
&:disabled {
background: transparent;
color: @dark-blue;
&:hover {
background: transparent;
color: @dark-blue;
}
}
&.reverted {
background: @dark-blue-10;
color: @dark-blue;
border: 1px solid @dark;
&:hover {
background: transparent;
color: @dark-blue;
}
img {
border-radius: 3px;
}
}
}
&.reverted {
background: @dark-blue-10;
.roll-buttons button {
height: 40px;
font-family: @font-body;
font-weight: bold;
}
.dice-roll .dice-formula,
.dice-roll .dice-total {
background: @dark-blue-40;
color: @dark-blue;
border: 1px solid @dark;
&:hover {
background: transparent;
color: @dark-blue;
}
img {
border-radius: 3px;
}
}
}
.roll-buttons button {
height: 40px;
font-family: @font-body;
font-weight: bold;
}
.dice-roll .dice-formula,
.dice-roll .dice-total {
background: @dark-blue-40;
color: @dark-blue;
}
}
}

2
styles/less/ui/item-browser/item-browser.less
View file

@ -301,7 +301,7 @@
}
.item-desc .wrapper {
padding: 0 10px;
padding: 0 0 0 50px;
display: flex;
flex-direction: column;
gap: 5px;

55
styles/less/ui/scene-navigation/scene-navigation.less
View file

@ -1,36 +1,39 @@
#ui-left #ui-left-column-2 {
flex: 0 0 230px;
.scene-navigation {
.scene-wrapper {
display: flex;
gap: 2px;
height: var(--control-size);
width: 100%;
.scene-wrapper {
display: flex;
gap: 2px;
height: var(--control-size);
width: 100%;
.scene-environment {
padding: 0;
> ul {
margin: 0;
padding: 0;
}
img {
border-radius: 4px;
}
.scene-environment {
padding: 0;
img {
border-radius: 4px;
}
}
}
.scene {
justify-content: center;
align-content: center;
background: var(--control-bg-color);
border: 1px solid var(--control-border-color);
border-radius: 4px;
color: var(--control-icon-color);
pointer-events: all;
transition:
border 0.25s,
color 0.25s;
text-shadow: none;
width: 200px;
max-width: 200px;
}
.scene {
justify-content: center;
align-content: center;
background: var(--control-bg-color);
border: 1px solid var(--control-border-color);
border-radius: 4px;
color: var(--control-icon-color);
pointer-events: all;
transition:
border 0.25s,
color 0.25s;
text-shadow: none;
width: 200px;
max-width: 200px;
}
}