uberwald/fvtt-machine-gods-noxian-expanse
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

Fix CSS issues and add omen re-roll function

Browse Source
This commit is contained in:
LeRatierBretonnier
2026-05-23 08:48:29 +02:00
parent 12bf771e9d
commit 7beda6c331
58 changed files with 538 additions and 324 deletions
Download Patch File Download Diff File Expand all files Collapse all files
less/base.less
+16 -5
View File
@@ -147,16 +147,27 @@
.application.mgne label {
.caps-heading();
color: @label-ink;
color: @bone;
font-size: 0.74rem;
}
// Item sheets: dark labels for parchment backgrounds
.application.mgne.item-sheet label,
.application.mgne.item-sheet .item-form-row > label {
color: @bg-char;
}
.application.mgne fieldset {
.panel-shell();
.ornate-frame();
margin: 0;
}
// Character sheet: Rules Snapshot fieldset text - dark color for parchment bg
.application.mgne.character fieldset p {
color: @bg-char;
}
// ProseMirror / toggled editor inside fieldset — enforce contrast on dark bg
.application.mgne fieldset {
.editor,
@@ -203,17 +214,17 @@
}
.application.mgne .empty-state {
color: fade(@ash, 94%);
color: @bg-char;
font-style: italic;
letter-spacing: 0.03em;
}
.application.mgne .rollable {
color: @ember-bright;
text-shadow: 0 0 12px fade(@ember, 18%);
color: lighten(@parchment, 8%);
text-shadow: 0 0 12px fade(@gold-acid, 18%);
&:hover {
color: lighten(@ember-bright, 10%);
color: lighten(@parchment, 12%);
}
}
less/chat.less
+28 -3
View File
@@ -37,7 +37,7 @@
.mgne-chat-card h3 {
.caps-heading();
margin: 0;
color: @label-ink;
color: @bone;
font-size: 0.82rem;
}
@@ -119,7 +119,7 @@
.dice-formula {
font-family: "Courier New", monospace;
font-size: 0.72rem;
color: fade(@parchment, 65%);
color: fade(@parchment, 78%);
}
.dice-tooltip {
font-size: 0.78rem;
@@ -131,7 +131,7 @@
color: @gold-acid;
font-size: 0.8rem;
}
.part-formula { color: fade(@parchment, 70%); font-size: 0.72rem; }
.part-formula { color: fade(@parchment, 82%); font-size: 0.72rem; }
.part-total { color: @parchment; font-weight: 600; }
.max { color: lighten(@verdigris, 20%); }
.min { color: lighten(@ember-bright, 10%); }
@@ -242,6 +242,31 @@
}
}
.mgne-omen-reroll-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 0.45rem;
width: 100%;
padding: 0.38rem 0.7rem;
border: 1px solid @gold-acid;
border-radius: @radius-sm;
background: darken(@gold-acid, 15%);
color: #fff5d0;
font-family: @font-display;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.06em;
cursor: pointer;
transition: background 0.15s, border-color 0.15s;
&:hover {
background: lighten(darken(@gold-acid, 15%), 8%);
border-color: lighten(@gold-acid, 12%);
color: #fff;
}
}
.chat-apply-actions {
margin-top: 0.35rem;
}
less/sheets.less
+48 -32
View File
@@ -203,15 +203,15 @@
}
.application.mgne .resource-box-inline-track .numeric-caption {
color: @label-ink;
color: @bone;
}
.application.mgne .resource-box-inline-track .numeric-caption-strong {
padding: 0.08rem 0.34rem;
border-radius: 999px;
background: fade(@gold-acid, 18%);
border: 1px solid fade(@label-ink, 28%);
color: darken(@label-ink, 4%);
border: 1px solid fade(@bone, 28%);
color: @bone;
font-size: 0.6rem;
letter-spacing: 0.11em;
}
@@ -261,7 +261,7 @@
.application.mgne .numeric-caption {
.caps-heading();
color: fade(@label-soft, 94%);
color: lighten(@label-soft, 2%);
font-size: 0.58rem;
letter-spacing: 0.12em;
}
@@ -479,6 +479,18 @@
font-size: 0.82rem;
}
// Item sheets: dark h3 for parchment backgrounds
.application.mgne.item-sheet h3,
.application.mgne.item-sheet .inventory-header h3 {
color: @bg-char;
}
// Character sheet: Conditions block - use dark color like item sheets
.application.mgne.character .condition-value-grid label,
.application.mgne.character .condition-flag-grid label {
color: @bg-char;
}
.application.mgne .item-row {
position: relative;
display: grid;
@@ -584,8 +596,8 @@
}
.application.mgne .resource-label-accent {
color: @ember-bright;
text-shadow: 0 0 12px fade(@ember, 18%);
color: lighten(@parchment, 8%);
text-shadow: 0 0 12px fade(@gold-acid, 18%);
}
.application.mgne .ability-score {
@@ -693,9 +705,9 @@
}
&.weight-heavy {
color: @blood;
border-color: fade(@blood, 45%);
background: fade(@blood, 12%);
color: @bone;
border-color: fade(@gold-acid, 45%);
background: fade(@ash, 12%);
}
}
@@ -707,16 +719,16 @@
}
.load-overloaded {
color: @blood !important;
text-shadow: 0 0 6px fade(@blood, 50%);
color: lighten(@parchment, 8%) !important;
text-shadow: 0 0 6px fade(@gold-acid, 50%);
}
.resource-box-overloaded {
border-color: fade(@blood, 60%) !important;
background: fade(@blood, 10%) !important;
border-color: fade(@gold-acid, 60%) !important;
background: fade(@ash, 10%) !important;
.resource-label-accent {
color: @blood !important;
color: lighten(@parchment, 8%) !important;
}
}
@@ -748,9 +760,9 @@
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: @blood;
background: fade(@blood, 14%);
border: 1px solid fade(@blood, 45%);
color: lighten(@parchment, 8%);
background: fade(@ash, 14%);
border: 1px solid fade(@bone, 45%);
border-radius: 3px;
vertical-align: middle;
}
@@ -775,9 +787,9 @@
letter-spacing: 0.03em;
&.durability-broken {
color: @blood;
border-color: fade(@blood, 40%);
background: fade(@blood, 10%);
color: lighten(@parchment, 8%);
border-color: fade(@bone, 40%);
background: fade(@ash, 10%);
text-decoration: line-through;
}
}
@@ -788,7 +800,7 @@
.item-name {
text-decoration: line-through;
color: fade(@parchment, 55%);
color: lighten(@parchment, 6%);
}
}
@@ -874,7 +886,7 @@
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: fade(@blood, 90%);
color: lighten(@blood, 8%);
}
button {
@@ -882,7 +894,7 @@
padding: 0.15em 0.6em;
background: fade(@blood, 12%);
border: 1px solid fade(@blood, 35%);
color: fade(@blood, 80%);
color: lighten(@blood, 4%);
border-radius: 3px;
cursor: pointer;
transition: background 0.15s, color 0.15s;
@@ -992,7 +1004,7 @@
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.07em;
color: fade(@ember, 80%);
color: @parchment;
white-space: nowrap;
}
@@ -1008,10 +1020,14 @@
align-items: center;
gap: 0.3em;
font-size: 0.83rem;
color: @parchment;
color: @parchment !important;
cursor: pointer;
user-select: none;
> span {
color: @parchment !important;
}
input[type="checkbox"] {
appearance: checkbox;
-webkit-appearance: checkbox;
@@ -1100,9 +1116,9 @@
button {
font-size: 0.75rem;
padding: 0.15em 0.55em;
background: fade(@ember, 10%);
border: 1px solid fade(@ember, 30%);
color: fade(@ember, 80%);
background: fade(@ash, 10%);
border: 1px solid fade(@gold-acid, 30%);
color: lighten(@parchment, 6%);
border-radius: 3px;
cursor: pointer;
transition: background 0.15s, color 0.15s;
@@ -1111,8 +1127,8 @@
gap: 0.3em;
&:hover {
background: fade(@ember, 22%);
color: @ember;
background: fade(@ash, 22%);
color: @bone;
}
}
}
@@ -1241,7 +1257,7 @@
}
.application.mgne.party .party-member-hp {
color: @ember-bright;
color: @bone;
font-family: @font-display;
font-size: 0.82rem;
font-weight: 700;
@@ -1249,7 +1265,7 @@
}
.application.mgne.party .party-member-type {
color: @dust;
color: lighten(@dust, 12%);
font-size: 0.78rem;
font-style: italic;
}
less/variables.less
+9 -9
View File
@@ -9,16 +9,16 @@
@bg-input: rgba(17, 12, 10, 0.72);
@parchment: #ccb292;
@bone: #ab8b68;
@dust: #7e664f;
@ash: #5f4d40;
@label-ink: #6e3d2a;
@label-soft: #81533b;
@iron: #52453c;
@copper: #8d5f3f;
@dust: #a68e78;
@ash: #958068;
@label-ink: #a67054;
@label-soft: #b1856c;
@iron: #a08878;
@copper: #b49c73;
@verdigris: #4f7d73;
@ember: #b7461f;
@ember-bright: #dd6b2d;
@blood: #7f1d17;
@ember: #d87a4f;
@ember-bright: #e89a5f;
@blood: #e85a50;
@gold-acid: #c49a45;
@shadow-heavy: 0 14px 30px rgba(0, 0, 0, 0.36);
@shadow-inset: inset 0 1px 0 rgba(255, 236, 203, 0.08), inset 0 0 0 1px rgba(255, 236, 203, 0.03);