Aigars

## Dracula Theme

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Dashboard</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <header class="header-top-area"> <nav class="navbar"> <a class="brand" href="/">Nalika</a> </nav> </header> <main class="content-wrapper"> <h1>Welcome to the Dashboard</h1> </main> </div> <script src="js/main.js"></script> </body> </html>

## Material Darker Theme

function initDashboard() { // Initialize chart with dark theme const chart = new ApexCharts(document.getElementById('chart'), { chart: { type: 'area', height: 350, foreColor: '#8e8e8e', toolbar: { show: false } }, series: [{ name: 'Revenue', data: [31, 40, 28, 51, 42, 109, 100] }], colors: ['#ab8ce4'], grid: { borderColor: '#1e3154' }, tooltip: { theme: 'dark' } }); chart.render(); } document.addEventListener('DOMContentLoaded', initDashboard);