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

Fixed light-mode in characterSheet

Browse source
This commit is contained in:
WBHarry 2025-11-10 11:18:34 +01:00
parent 4ce9cb98d8
commit 0d807eb3b7
1 changed files with 39 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,9 +6,18 @@
.appTheme({ .appTheme({
.character-sidebar-sheet { .character-sidebar-sheet {
background-image: url('../assets/parchments/dh-parchment-dark.png'); background-image: url('../assets/parchments/dh-parchment-dark.png');
.experience-value { .experience-value {
background: url(../assets/svg/experience-shield.svg) no-repeat; background: url(../assets/svg/experience-shield.svg) no-repeat;
} }
.info-section {
.resources-section .status-bar, .status-section .status-bar.armor-slots {
.slot-value .slot-bar {
background: @dark-blue;
}
}
}
} }
}, { }, {
&.sheet.actor.dh-style.character .character-sidebar-sheet { &.sheet.actor.dh-style.character .character-sidebar-sheet {
@ -21,6 +30,14 @@
.portrait.death-roll .death-roll-btn { .portrait.death-roll .death-roll-btn {
filter: brightness(0) drop-shadow(0 0 3px @dark-blue); filter: brightness(0) drop-shadow(0 0 3px @dark-blue);
} }
.info-section {
.resources-section .status-bar, .status-section .status-bar.armor-slots {
.slot-value .slot-bar {
background-image: url('../assets/parchments/dh-parchment-light.png');
}
}
}
} }
}); });
@ -169,32 +186,29 @@
color: @beige; color: @beige;
.slot-bar { .slot-bar {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 5px; gap: 5px;
padding: 5px; padding: 5px;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
z-index: 1;
color: light-dark(@dark-blue, @golden);
width: fit-content;
.slot {
width: 15px;
height: 10px;
border: 1px solid light-dark(@dark-blue, @golden); border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px; background: light-dark(@dark-blue-10, @golden-10);
z-index: 1; border-radius: 3px;
background: @dark-blue; transition: all 0.3s ease;
cursor: pointer;
color: light-dark(@dark-blue, @golden); &.filled {
width: fit-content; background: light-dark(@dark-blue, @golden);
}
}
.slot {
width: 15px;
height: 10px;
border: 1px solid light-dark(@dark-blue, @golden);
background: light-dark(@dark-blue-10, @golden-10);
border-radius: 3px;
transition: all 0.3s ease;
cursor: pointer;
&.filled {
background: light-dark(@dark-blue, @golden);
}
}
} }
.slot-label { .slot-label {
display: flex; display: flex;
@ -361,7 +375,6 @@
color: light-dark(@dark-blue-40, @golden-40); color: light-dark(@dark-blue-40, @golden-40);
} }
} }
} }
.slot-label { .slot-label {
display: flex; display: flex;
@ -385,8 +398,6 @@
padding-left: 6px; padding-left: 6px;
} }
} }
} }
.status-value { .status-value {
position: absolute; position: absolute;
@ -623,4 +634,4 @@
} }
} }
} }
} }