cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-01-12 03:31:07 +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({
.character-sidebar-sheet {
background-image: url('../assets/parchments/dh-parchment-dark.png');
.experience-value {
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 {
@ -21,6 +30,14 @@
.portrait.death-roll .death-roll-btn {
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;
.slot-bar {
display: flex;
flex-wrap: wrap;
gap: 5px;
padding: 5px;
display: flex;
flex-wrap: wrap;
gap: 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-radius: 6px;
z-index: 1;
background: @dark-blue;
background: light-dark(@dark-blue-10, @golden-10);
border-radius: 3px;
transition: all 0.3s ease;
cursor: pointer;
color: light-dark(@dark-blue, @golden);
width: fit-content;
.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);
}
}
&.filled {
background: light-dark(@dark-blue, @golden);
}
}
}
.slot-label {
display: flex;
@ -361,7 +375,6 @@
color: light-dark(@dark-blue-40, @golden-40);
}
}
}
.slot-label {
display: flex;
@ -385,8 +398,6 @@
padding-left: 6px;
}
}
}
.status-value {
position: absolute;
@ -623,4 +634,4 @@
}
}
}
}
}