Foundry/.dungeon
0
0
Fork 0
Code Issues 57 Pull requests Projects Releases 7 Packages Wiki Activity Actions

Get 95% of the way through the stats tab

Browse source
This commit is contained in:
Oliver-Akins 2024-03-01 23:28:18 -07:00
parent 7516e7b42b
commit c1ee1a9ef8
7 changed files with 91 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

35
styles/sheets/actor/char-sheet/pages/stats.scss
View file

@ -7,12 +7,12 @@
.stat {
border-radius: 8px;
color: white;
select {
height: 100%;
outline: none;
border: none;
text-align: center;
}
&__header {
@ -22,9 +22,17 @@
flex-direction: row;
color: var(--stat-divider-text-color);
gap: 8px;
> :first-child {
> h2 {
flex-grow: 1;
color: var(--stat-header-text-color);
}
.dice-select {
color: var(--stat-dice-select-text-color);
}
.roll-stat {
color: var(--stat-roll-button-text-color);
}
&:not(:only-child) {
border-bottom: 1px solid var(--stat-divider-color);
}
@ -36,12 +44,23 @@
gap: 8px;
margin: 8px;
align-items: center;
label {
text-align: end;
justify-self: right;
}
button {
margin-right: 25%;
.skill {
&__label {
text-align: end;
justify-self: right;
color: var(--skill-name-text-color);
}
&__training {
color: var(--skill-training-select-text-color);
option {
background: var(--skill-training-select-bg);
}
}
&__roll {
margin-right: 25%;
color: var(--skill-roll-button-text-color);
}
}
}
}

10
styles/sheets/actor/char-sheet/themes/dark.scss
View file

@ -5,7 +5,7 @@ $surface: #121212;
$primary: #005300;
$secondary: #6c056c;
$on-background: $t;
$on-surface: $t;
$on-surface: white;
$on-primary: $t;
$on-secondary: $t;
@ -25,6 +25,12 @@ $on-secondary: $t;
--elevation-16dp-bg: color-mix(in lab, transparent, white 15%);
--elevation-24dp-bg: color-mix(in lab, transparent, white 16%);
--stat-header-text-color: #{$on-surface};
--stat-dice-select-text-color: #{$on-surface};
--stat-roll-button-text-color: #{$on-surface};
--stat-divider-color: #{$secondary};
--stat-header-text-color: white;
--skill-name-text-color: #{$on-surface};
--skill-training-select: #{$surface};
--skill-training-select-text-color: #{$on-surface};
--skill-roll-button-text-color: #{$on-surface};
}