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

add domain icon into domain cards (#489)

Browse source
This commit is contained in:
Murilo Brito 2025-07-30 23:58:37 -03:00 • committed by GitHub
parent a119683c31
commit 3e333d3533
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 28 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

23
styles/less/global/item-header.less
View file

@ -1,4 +1,15 @@
@import '../utils/colors.less'; @import '../utils/colors.less';
@import '../utils/mixin.less';
.appTheme({
.item-card-header .item-icons-list .item-icon img {
filter: invert(88%) sepia(98%) saturate(1784%) hue-rotate(311deg) brightness(104%) contrast(91%);
}
}, {
.item-card-header .item-icons-list .item-icon img {
filter: invert(87%) sepia(15%) saturate(343%) hue-rotate(333deg) brightness(110%) contrast(87%);
}
});
.application.sheet.daggerheart.dh-style { .application.sheet.daggerheart.dh-style {
.item-sheet-header { .item-sheet-header {
@ -68,7 +79,9 @@
.item-icons-list { .item-icons-list {
position: absolute; position: absolute;
display: flex; display: flex;
align-items: center; flex-direction: column;
gap: 5px;
align-items: end;
justify-content: center; justify-content: center;
top: 50px; top: 50px;
right: 10px; right: 10px;
@ -82,7 +95,8 @@
max-width: 50px; max-width: 50px;
height: 50px; height: 50px;
font-size: 1.2rem; font-size: 1.2rem;
background: light-dark(@light-black, @semi-transparent-dark-blue); background: light-dark(@dark-blue-60, @dark-golden-80);
backdrop-filter: blur(8px);
border: 4px double light-dark(@beige, @golden); border: 4px double light-dark(@beige, @golden);
color: light-dark(@beige, @golden); color: light-dark(@beige, @golden);
border-radius: 999px; border-radius: 999px;
@ -99,6 +113,11 @@
font-size: 0.8rem; font-size: 0.8rem;
} }
img {
height: 24px;
width: 24px;
}
&:hover { &:hover {
max-width: 300px; max-width: 300px;
padding: 0 10px; padding: 0 10px;

3
styles/less/utils/colors.less
View file

@ -5,6 +5,9 @@
@golden-10: #f3c26710; @golden-10: #f3c26710;
@golden-40: #f3c26740; @golden-40: #f3c26740;
@dark-golden: #2b1d03;
@dark-golden-80: #2b1d0380;
@red: #e54e4e; @red: #e54e4e;
@red-10: #e54e4e10; @red-10: #e54e4e10;
@red-40: #e54e4e40; @red-40: #e54e4e40;

4
templates/sheets/items/domainCard/header.hbs
View file

@ -6,6 +6,10 @@
<span class="recall-value">{{source.system.recallCost}}</span> <span class="recall-value">{{source.system.recallCost}}</span>
<i class="fa-solid fa-bolt"></i> <i class="fa-solid fa-bolt"></i>
</span> </span>
<span class="item-icon">
<span class="recall-label">{{localize (concat 'DAGGERHEART.GENERAL.Domain.' source.system.domain '.label')}}</span>
<img src="{{concat 'systems/daggerheart/assets/icons/domains/' source.system.domain '.svg'}}" alt="">
</span>
</div> </div>
<div class='item-info'> <div class='item-info'>
<h1 class='item-name'><input type='text' name='name' value='{{source.name}}' /></h1> <h1 class='item-name'><input type='text' name='name' value='{{source.name}}' /></h1>