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

fix light theme issues

Browse source
This commit is contained in:
moliloo 2025-08-23 20:22:34 -03:00
parent 1ee7a1f742
commit 2344278a3d
3 changed files with 266 additions and 259 deletions
Download patch file Download diff file Expand all files Collapse all files

164
styles/less/ui/chat/ability-use.less
View file

@ -2,7 +2,7 @@
@import '../../utils/fonts.less';
@import '../../utils/spacing.less';
.theme-light {
body.theme-light {
.daggerheart.chat.domain-card {
.domain-card-move .domain-card-header {
border-bottom: 1px solid @dark-blue;
@ -34,110 +34,112 @@
}
}
.daggerheart.chat {
&.domain-card {
display: flex;
flex-direction: column;
align-items: center;
body.theme-dark {
.daggerheart.chat {
&.domain-card {
display: flex;
flex-direction: column;
align-items: center;
.card-img {
width: 100%;
height: 200px;
mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 90%, transparent 100%);
object-fit: cover;
}
details[open] {
.fa-chevron-down {
transform: rotate(180deg);
transition: all 0.3s ease;
}
}
.domain-card-move {
width: 100%;
.fa-chevron-down {
transition: all 0.3s ease;
margin-left: auto;
.card-img {
width: 100%;
height: 200px;
mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 90%, transparent 100%);
object-fit: cover;
}
.domain-card-header {
display: flex;
flex-direction: row;
align-items: center;
margin: 8px;
padding-bottom: 5px;
width: -webkit-fill-available;
gap: 5px;
border-bottom: 1px solid @golden;
&:hover {
background: @golden-10;
cursor: pointer;
details[open] {
.fa-chevron-down {
transform: rotate(180deg);
transition: all 0.3s ease;
}
}
.domain-label {
.domain-card-move {
width: 100%;
.fa-chevron-down {
transition: all 0.3s ease;
margin-left: auto;
}
.domain-card-header {
display: flex;
flex-direction: column;
width: 100%;
flex-direction: row;
align-items: center;
margin: 8px;
padding-bottom: 5px;
width: -webkit-fill-available;
gap: 5px;
border-bottom: 1px solid @golden;
.title {
font-size: 20px;
color: @golden;
font-weight: 700;
&:hover {
background: @golden-10;
cursor: pointer;
transition: all 0.3s ease;
}
.tags {
.domain-label {
display: flex;
gap: 10px;
flex-wrap: wrap;
flex-direction: column;
width: 100%;
padding-bottom: 5px;
width: -webkit-fill-available;
gap: 5px;
.tag {
.title {
font-size: 20px;
color: @golden;
font-weight: 700;
}
.tags {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 5px;
font-size: 12px;
gap: 10px;
flex-wrap: wrap;
background: @beige-15;
border: 1px solid @beige;
color: @beige;
border-radius: 3px;
.tag {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 5px;
font-size: 12px;
background: @beige-15;
border: 1px solid @beige;
color: @beige;
border-radius: 3px;
}
}
}
}
}
}
.description {
padding: 8px;
}
.ability-card-footer {
display: flex;
flex-wrap: wrap;
gap: 5px;
width: 100%;
padding: 0 8px;
button {
height: 40px;
flex: 1 1 calc(50% - 5px);
&:nth-last-child(1):nth-child(odd) {
flex-basis: 100%;
}
.description {
padding: 8px;
}
.ability-card-action-cost {
margin: auto;
font-size: 1.5em;
.ability-card-footer {
display: flex;
flex-wrap: wrap;
gap: 5px;
width: 100%;
padding: 0 8px;
button {
height: 40px;
flex: 1 1 calc(50% - 5px);
&:nth-last-child(1):nth-child(odd) {
flex-basis: 100%;
}
}
.ability-card-action-cost {
margin: auto;
font-size: 1.5em;
}
}
}
}

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

@ -2,7 +2,7 @@
@import '../../utils/fonts.less';
@import '../../utils/spacing.less';
.theme-light {
body.theme-light {
.daggerheart.chat.action {
.action-move .action-section {
border-bottom: 1px solid @dark-blue;
@ -31,93 +31,96 @@
}
}
.daggerheart.chat {
&.action {
display: flex;
flex-direction: column;
align-items: center;
body.theme-dark {
.daggerheart.chat {
&.action {
display: flex;
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;
details[open] {
.fa-chevron-down {
transform: rotate(180deg);
transition: all 0.3s ease;
}
}
.action-img {
width: 40px;
height: 40px;
border-radius: 3px;
object-fit: cover;
.action-move {
width: 100%;
.fa-chevron-down {
transition: all 0.3s ease;
margin-left: auto;
}
.action-header {
.action-section {
display: flex;
flex-direction: column;
flex-direction: row;
align-items: center;
margin: 8px 8px 0;
padding-bottom: 5px;
width: -webkit-fill-available;
gap: 5px;
border-bottom: 1px solid @golden;
.title {
font-size: 20px;
color: @golden;
font-weight: 700;
&:hover {
background: @golden-10;
cursor: pointer;
transition: all 0.3s ease;
}
.label {
font-size: 12px;
.action-img {
width: 40px;
height: 40px;
border-radius: 3px;
object-fit: cover;
}
.action-header {
display: flex;
flex-direction: column;
gap: 5px;
color: @beige;
margin: 0;
.title {
font-size: 20px;
color: @golden;
font-weight: 700;
}
.label {
font-size: 12px;
color: @beige;
margin: 0;
}
}
}
}
}
.description {
padding: 8px;
}
.ability-card-footer {
display: flex;
flex-wrap: wrap;
gap: 5px;
width: 100%;
padding: 0 8px;
button {
height: 40px;
flex: 1 1 calc(50% - 5px);
&:nth-last-child(1):nth-child(odd) {
flex-basis: 100%;
}
.description {
padding: 8px;
}
.ability-card-action-cost {
margin: auto;
font-size: 1.5em;
.ability-card-footer {
display: flex;
flex-wrap: wrap;
gap: 5px;
width: 100%;
padding: 0 8px;
button {
height: 40px;
flex: 1 1 calc(50% - 5px);
&:nth-last-child(1):nth-child(odd) {
flex-basis: 100%;
}
}
.ability-card-action-cost {
margin: auto;
font-size: 1.5em;
}
}
}
}

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

@ -1,7 +1,7 @@
@import '../../utils/colors.less';
@import '../../utils/fonts.less';
.theme-light {
body.theme-light {
.chat-message:not(.duality) .message-content {
color: @dark;
@ -67,141 +67,143 @@
}
}
.chat-message.dh-chat-message {
.message-content {
padding: 0;
}
}
.chat-message {
.duality-modifiers,
.duality-result,
.dice-title {
display: none;
body.theme-dark {
.chat-message.dh-chat-message {
.message-content {
padding: 0;
}
}
.message-content {
padding: 0 8px;
font-family: @font-body;
color: @beige;
blockquote {
border-left: 5px solid light-dark(@dark-blue-40, @golden-40);
.chat-message {
.duality-modifiers,
.duality-result,
.dice-title {
display: none;
}
a[href] {
color: light-dark(@dark-blue, @golden);
}
.message-content {
padding: 0 8px;
font-family: @font-body;
color: @beige;
a[href]:hover,
a[href].active {
font-weight: bold;
text-shadow: 0 0 8px light-dark(@dark-blue, @golden);
}
button {
background: @golden;
border: 1px solid @dark-blue;
color: @dark-blue;
outline: none;
box-shadow: none;
&:hover {
background: @dark-blue;
color: @golden;
blockquote {
border-left: 5px solid light-dark(@dark-blue-40, @golden-40);
}
&.glow {
animation: glow 0.75s infinite alternate;
a[href] {
color: light-dark(@dark-blue, @golden);
}
&:disabled {
a[href]:hover,
a[href].active {
font-weight: bold;
text-shadow: 0 0 8px light-dark(@dark-blue, @golden);
}
button {
background: @golden;
border: 1px solid @dark-blue;
color: @dark-blue;
opacity: 0.6;
cursor: not-allowed;
outline: none;
box-shadow: none;
&:hover {
background: @dark-blue;
color: @golden;
}
&.glow {
animation: glow 0.75s infinite alternate;
}
&:disabled {
background: @golden;
color: @dark-blue;
opacity: 0.6;
cursor: not-allowed;
&:hover {
background: @golden;
color: @dark-blue;
}
}
&.reverted {
background: @golden-10;
color: @golden;
border: 1px solid transparent;
&:hover {
background: @golden;
color: @dark-blue;
}
img {
border-radius: 3px;
}
}
}
&.reverted {
.enriched-effect {
display: flex;
align-items: center;
border: 1px solid black;
width: fit-content;
padding: 0 2px 0 0;
border-radius: 6px;
color: @dark;
background-image: url(../assets/parchments/dh-parchment-light.png);
&:hover {
text-shadow: none;
}
span {
white-space: nowrap;
}
}
.dice-roll .dice-formula,
.dice-roll .dice-total {
box-shadow: none;
border: none;
background: @golden-10;
color: @golden;
border: 1px solid transparent;
&:hover {
background: @golden;
color: @dark-blue;
}
img {
border-radius: 3px;
}
font-weight: 600;
align-content: center;
}
.dice-roll .dice-formula {
height: 27px;
}
.dice-roll .dice-total {
height: 34px;
}
}
}
.enriched-effect {
fieldset.daggerheart.chat {
padding: 0;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
legend {
display: flex;
align-items: center;
border: 1px solid black;
width: fit-content;
padding: 0 2px 0 0;
border-radius: 6px;
color: @dark;
background-image: url(../assets/parchments/dh-parchment-light.png);
&:hover {
text-shadow: none;
}
span {
white-space: nowrap;
gap: 5px;
&:before,
&:after {
content: '\f0d8';
font-family: 'Font Awesome 6 Pro';
}
}
.dice-roll .dice-formula,
.dice-roll .dice-total {
box-shadow: none;
border: none;
background: @golden-10;
color: @golden;
font-weight: 600;
align-content: center;
&.expanded {
legend:before,
legend:after {
content: '\f0d7';
}
}
.dice-roll .dice-formula {
height: 27px;
}
.dice-roll .dice-total {
height: 34px;
.daggerheart.chat {
margin-top: 5px;
}
}
}
fieldset.daggerheart.chat {
padding: 0;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
legend {
display: flex;
align-items: center;
gap: 5px;
&:before,
&:after {
content: '\f0d8';
font-family: 'Font Awesome 6 Pro';
}
}
&.expanded {
legend:before,
legend:after {
content: '\f0d7';
}
}
.daggerheart.chat {
margin-top: 5px;
}
}