Feat/theme

[clemenbe]

Description

Nytt toppfelt og nytt utseende for frontend.

• Toppfelt (Header): logo, søk øverst (som på RAWG), "favoritter" og bytte av tema til høyre.
• Lyst og mørkt tema: papirhvitt lyst tema og nøytralt mørkt tema. Første besøk følger systemets innstilling, og valget huskes i localStorage. Et lite script i <head> setter temaet før siden tegnes, så den ikke blinker.
• Trykk-stil: tekstknapper og tynne linjer i stedet for bokser. Meny i monospace, overskrifter i små versaler. Fargene ligger som CSS-variabler i index.css.
• Favoritter: knappen i toppfeltet viser bare favorittene. De ligger foreløpig bare i minnet og forsvinner ved omlasting.
• Tegning i sidefeltet på brede skjermer. Komprimert til ca. 50 kB og lastes bare ned når den vises.
• Logo: følger valgt tema. Den ligger i toppfeltet på smale skjermer og fast i sidefeltet på brede, som før.
• Tilgjengelighet: lang="no", kontrast på minst 4,5:1 i begge tema, aria-pressed på av/på-knapper og synlig fokus.
• Opprydding: App.css hadde bare rester fra Vite-malen og er erstattet med layout for hovedinnholdet.
• Dokumentasjon: README er oppdatert med en ny Design-del.

Filer som ikke er mine:

• SearchBar.css (@johannes) er endret til søkefelt med bare linje under. Komponenten er ellers urørt.

Changes made

• Bug fix
• Ny funksjonalitet
• Refactor
• Dokumentasjon
• Testing

Checklist

• Testet lokalt
• Dokumentert endringer
• Sjekket for feilmeldinger

Skjermbilder