add purple theme styling for extra weapons

This commit is contained in:
Justin Edmund 2025-09-30 01:11:44 -07:00
parent 47b3a11fef
commit 45fc9237ad

View file

@ -94,7 +94,7 @@
</script>
<div class="unit" class:empty={!item}>
<div class="unit" class:empty={!item} class:extra={position >= 9}>
{#if item}
<ContextMenu>
{#snippet children()}
@ -103,6 +103,7 @@
class="frame weapon"
class:main={item?.mainhand || position === -1}
class:cell={!(item?.mainhand || position === -1)}
class:extra={position >= 9}
class:editable={ctx?.canEdit()}
onclick={() => viewDetails()}
>
@ -154,6 +155,7 @@
class="frame weapon"
class:main={position === -1}
class:cell={position !== -1}
class:extra={position >= 9}
class:editable={ctx?.canEdit()}
onclick={() => ctx?.canEdit() && ctx?.openPicker && ctx.openPicker({ type: 'weapon', position, item })}
>
@ -229,6 +231,25 @@
&.empty .name {
display: none;
}
&.extra {
.frame {
background: var(--extra-purple-card-bg);
}
.icon {
color: var(--extra-purple-secondary);
}
&:hover .icon {
color: var(--extra-purple-primary);
}
.name {
font-weight: $medium;
color: var(--extra-purple-text);
}
}
}
.frame {