Foundry/taf
1
0
Fork 0
Code Issues 12 Pull requests Releases 6 Wiki Activity Actions

Change all instances of "color" in my theme variables to be "colour"

Browse source
This commit is contained in:
Oliver 2026-04-06 22:55:12 -06:00
parent f05311d7c8
commit 13619b6a09
5 changed files with 27 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

12
styles/Apps/GenericItemSheet.css
View file

@ -1,7 +1,7 @@
.taf.GenericItemSheet { .taf.GenericItemSheet {
> .window-content { > .window-content {
padding: 0; padding: 0;
color: var(--item-sheet-color); color: var(--item-sheet-colour);
background: var(--item-sheet-background); background: var(--item-sheet-background);
} }
@ -11,7 +11,7 @@
gap: 4px; gap: 4px;
align-items: center; align-items: center;
padding: 0.5rem; padding: 0.5rem;
border-bottom: 1px solid var(--item-sheet-divider-color); border-bottom: 1px solid var(--item-sheet-divider-colour);
img { img {
border-radius: 4px; border-radius: 4px;
@ -60,19 +60,19 @@
background: var(--item-sheet-description-menu-background); background: var(--item-sheet-description-menu-background);
button { button {
color: var(--item-sheet-description-menu-color); color: var(--item-sheet-description-menu-colour);
} }
} }
} }
input { input {
color: var(--item-sheet-input-color); color: var(--item-sheet-input-colour);
background: var(--item-sheet-input-background); background: var(--item-sheet-input-background);
} }
taf-toggle { taf-toggle {
--toggle-background: var(--item-sheet-input-background); --toggle-background: var(--item-sheet-input-background);
--slider-checked-colour: var(--item-sheet-toggle-slider-enabled-color); --slider-checked-colour: var(--item-sheet-toggle-slider-enabled-colour);
--slider-unchecked-colour: var(--item-sheet-toggle-slider-disabled-color) --slider-unchecked-colour: var(--item-sheet-toggle-slider-disabled-colour)
} }
} }

6
styles/Apps/PlayerSheet.css
View file

@ -75,7 +75,7 @@
padding: 6px 6px 4px; padding: 6px 6px 4px;
margin-bottom: 2px; margin-bottom: 2px;
background: var(--item-list-header-background); background: var(--item-list-header-background);
color: var(--item-list-header-color); color: var(--item-list-header-colour);
} }
.item-list { .item-list {
@ -89,7 +89,7 @@
.item { .item {
background: var(--item-card-background); background: var(--item-card-background);
color: var(--item-card-color); color: var(--item-card-colour);
overflow: hidden; overflow: hidden;
margin-bottom: 0; margin-bottom: 0;
@ -99,7 +99,7 @@
align-items: center; align-items: center;
gap: 8px; gap: 8px;
background: var(--item-card-header-background); background: var(--item-card-header-background);
color: var(--item-card-header-color); color: var(--item-card-header-colour);
padding: 4px; padding: 4px;
img { img {

6
styles/elements/div.css
View file

@ -1,9 +1,9 @@
.taf > .window-content div { .taf > .window-content div {
&.chip { &.chip {
display: inline flex; display: inline flex;
color: var(--chip-color); color: var(--chip-colour);
background: var(--chip-background); background: var(--chip-background);
border: 1px solid var(--chip-border-color); border: 1px solid var(--chip-border-colour);
border-radius: 4px; border-radius: 4px;
.key { .key {
@ -13,7 +13,7 @@
.value { .value {
padding: 2px 4px; padding: 2px 4px;
border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
color: var(--chip-value-color); color: var(--chip-value-colour);
background: var(--chip-value-background); background: var(--chip-value-background);
} }
} }

24
styles/themes/dark.css
View file

@ -19,32 +19,32 @@
--inventory-input-colour: white; --inventory-input-colour: white;
--inventory-input-disabled-colour: gray; --inventory-input-disabled-colour: gray;
--item-list-header-background: #171e26; --item-list-header-background: #171e26;
--item-list-header-color: white; --item-list-header-colour: white;
--item-card-background: #1d262f; --item-card-background: #1d262f;
--item-card-color: white; --item-card-colour: white;
--item-card-header-background: #242d38; --item-card-header-background: #242d38;
--item-card-header-color: white; --item-card-header-colour: white;
--item-card-header-input-background: #2b3642; --item-card-header-input-background: #2b3642;
--item-card-header-input-colour: white; --item-card-header-input-colour: white;
--item-card-header-disabled-input-colour: gray; --item-card-header-disabled-input-colour: gray;
/* Item Sheet Variables */ /* Item Sheet Variables */
--item-sheet-color: var(--steel-100); --item-sheet-colour: var(--steel-100);
--item-sheet-background: var(--steel-800); --item-sheet-background: var(--steel-800);
--item-sheet-divider-color: var(--steel-700); --item-sheet-divider-colour: var(--steel-700);
--item-sheet-input-color: var(--steel-100); --item-sheet-input-colour: var(--steel-100);
--item-sheet-input-background: var(--steel-650); --item-sheet-input-background: var(--steel-650);
--item-sheet-toggle-slider-enabled-color: green; --item-sheet-toggle-slider-enabled-colour: green;
--item-sheet-toggle-slider-disabled-color: maroon; --item-sheet-toggle-slider-disabled-colour: maroon;
--item-sheet-description-menu-color: var(--steel-100); --item-sheet-description-menu-colour: var(--steel-100);
--item-sheet-description-menu-background: var(--steel-700); --item-sheet-description-menu-background: var(--steel-700);
--item-sheet-description-content-background: var(--steel-650); --item-sheet-description-content-background: var(--steel-650);
/* Chip Variables */ /* Chip Variables */
--chip-color: #fff7ed; --chip-colour: #fff7ed;
--chip-background: #2b3642; --chip-background: #2b3642;
--chip-value-color: #fff7ed; --chip-value-colour: #fff7ed;
--chip-value-background: #10161d; --chip-value-background: #10161d;
--chip-border-color: var(--chip-value-background); --chip-border-colour: var(--chip-value-background);
} }

6
styles/themes/light.css
View file

@ -8,9 +8,9 @@
--tab-button-hover-bg: var(--color-light-3); --tab-button-hover-bg: var(--color-light-3);
/* Chip Variables */ /* Chip Variables */
--chip-color: #18181b; --chip-colour: #18181b;
--chip-background: #fafafa; --chip-background: #fafafa;
--chip-value-color: #18181b; --chip-value-colour: #18181b;
--chip-value-background: #d4d4d8aa; --chip-value-background: #d4d4d8aa;
--chip-border-color: var(--chip-value-background); --chip-border-colour: var(--chip-value-background);
} }