93 lines
2.4 KiB
HTML
93 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Auditly</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<style>
|
|
:root {
|
|
--background-primary: #F9FAFB;
|
|
/* gray-50 */
|
|
--background-secondary: #FFFFFF;
|
|
/* white */
|
|
--background-tertiary: #F3F4F6;
|
|
/* gray-100 */
|
|
--text-primary: #1F2937;
|
|
/* gray-800 */
|
|
--text-secondary: #6B7280;
|
|
/* gray-500 */
|
|
--text-tertiary: #9CA3AF;
|
|
/* gray-400 */
|
|
--border-color: #E5E7EB;
|
|
/* gray-200 */
|
|
--accent: #2563EB;
|
|
/* blue-600 */
|
|
--accent-hover: #1D4ED8;
|
|
/* blue-700 */
|
|
--accent-text: #FFFFFF;
|
|
/* white */
|
|
--sidebar-bg: #FFFFFF;
|
|
/* white */
|
|
--sidebar-active-bg: #F3F4F6;
|
|
/* gray-100 */
|
|
--sidebar-text: #374151;
|
|
/* gray-700 */
|
|
--sidebar-active-text: #1F2937;
|
|
/* gray-800 */
|
|
--sidebar-icon: #9CA3AF;
|
|
/* gray-400 */
|
|
}
|
|
|
|
html.dark {
|
|
--background-primary: #111827;
|
|
/* gray-900 */
|
|
--background-secondary: #1F2937;
|
|
/* gray-800 */
|
|
--background-tertiary: #374151;
|
|
/* gray-700 */
|
|
--text-primary: #F9FAFB;
|
|
/* gray-50 */
|
|
--text-secondary: #9CA3AF;
|
|
/* gray-400 */
|
|
--text-tertiary: #6B7280;
|
|
/* gray-500 */
|
|
--border-color: #374151;
|
|
/* gray-700 */
|
|
--accent: #3B82F6;
|
|
/* blue-500 */
|
|
--accent-hover: #2563EB;
|
|
/* blue-600 */
|
|
--accent-text: #FFFFFF;
|
|
/* white */
|
|
--sidebar-bg: #1F2937;
|
|
/* gray-800 */
|
|
--sidebar-active-bg: #374151;
|
|
/* gray-700 */
|
|
--sidebar-text: #D1D5DB;
|
|
/* gray-300 */
|
|
--sidebar-active-text: #FFFFFF;
|
|
/* white */
|
|
--sidebar-icon: #9CA3AF;
|
|
/* gray-400 */
|
|
}
|
|
|
|
body {
|
|
background-color: var(--background-primary);
|
|
color: var(--text-primary);
|
|
font-family: 'Inter', sans-serif;
|
|
}
|
|
</style>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/index.tsx"></script>
|
|
</body>
|
|
|
|
</html> |