wilson/language-learning-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: [frontend] Change color -> colour

Browse source
This commit is contained in:
wilson 2026-05-04 11:46:04 +01:00
parent 85699fb9e5
commit 17dc49482c
1 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
frontend/src/routes/app/jobs/JobsList.svelte
View file

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