refactor: [frontend] Change color -> colour

This commit is contained in:
wilson 2026-05-04 11:46:04 +01:00
parent 85699fb9e5
commit 17dc49482c

View file

@ -9,8 +9,11 @@
const fmt = (iso: string) =>
new Intl.DateTimeFormat('en-GB', {
year: 'numeric', month: 'short', day: 'numeric',
hour: '2-digit', minute: '2-digit'
year: 'numeric',
month: 'short',
day: 'numeric',
hour: '2-digit',
minute: '2-digit'
}).format(new Date(iso));
</script>
@ -32,13 +35,13 @@
list-style: none;
display: flex;
flex-direction: column;
border: 1px solid color-mix(in srgb, var(--color-outline-variant) 30%, transparent);
border: 1px solid color-mix(in srgb, var(--colour-outline-variant) 30%, transparent);
border-radius: var(--radius-lg);
overflow: hidden;
}
.job-row + .job-row {
border-top: 1px solid color-mix(in srgb, var(--color-outline-variant) 30%, transparent);
border-top: 1px solid color-mix(in srgb, var(--colour-outline-variant) 30%, transparent);
}
.job-link {
@ -73,12 +76,12 @@
white-space: nowrap;
}
.status-badge[data-status="completed"] {
.status-badge[data-status='completed'] {
background-color: var(--color-primary-container);
color: var(--color-on-primary-container);
}
.status-badge[data-status="failed"] {
.status-badge[data-status='failed'] {
background-color: color-mix(in srgb, #b3261e 12%, var(--color-surface));
color: #b3261e;
}
@ -103,7 +106,7 @@
.job-arrow {
font-family: var(--font-label);
font-size: var(--text-label-lg);
color: var(--color-outline);
color: var(--colour-outline);
transition: color var(--duration-fast) var(--ease-standard);
}