Update favicon and enhance UI components for improved user experience

- Replaced PNG favicon with SVG for better scalability and visual quality across devices.
- Updated Vite configuration to include the new SVG favicon and adjusted asset paths.
- Enhanced various UI components with improved focus management and accessibility features.
- Introduced new styles to hide scrollbars while maintaining scroll functionality for a cleaner interface.
This commit is contained in:
Dorian
2026-02-17 22:10:38 +00:00
parent 8a32e36d85
commit b63612c5ae
21 changed files with 486 additions and 107 deletions
+11 -11
View File
@@ -2,16 +2,16 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/png" href="/assets/img/favico.png" />
<link rel="apple-touch-icon" href="/assets/img/favico.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/assets/img/favico.png" />
<link rel="apple-touch-icon" sizes="96x96" href="/assets/img/favico.png" />
<link rel="apple-touch-icon" sizes="128x128" href="/assets/img/favico.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/assets/img/favico.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/assets/img/favico.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favico.png" />
<link rel="apple-touch-icon" sizes="192x192" href="/assets/img/favico.png" />
<link rel="apple-touch-icon" sizes="512x512" href="/assets/img/favico.png" />
<link rel="icon" type="image/svg+xml" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="72x72" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="96x96" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="128x128" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="144x144" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="152x152" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="192x192" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="512x512" href="/assets/icon/favico-black.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<meta name="description" content="Archipelago - Your sovereign personal server" />
<meta name="theme-color" content="#000000" />
@@ -21,7 +21,7 @@
<meta name="apple-mobile-web-app-title" content="Archipelago" />
<meta name="application-name" content="Archipelago" />
<meta name="msapplication-TileColor" content="#000000" />
<meta name="msapplication-TileImage" content="/assets/img/favico.png" />
<meta name="msapplication-TileImage" content="/assets/icon/favico-black.svg" />
<link rel="manifest" href="/manifest.webmanifest" />
<title>Archipelago OS</title>
</head>