        
        .test-table th,
        .test-table td {
            border: 1px solid var(--border-primary);
            padding: 8px;
            text-align: left;
        }
        
        .test-table th {
            background-color: var(--bg-secondary);
        }
    </style>
</head>
<body>
    <div class="test-container">
        <h1>Dark Mode Test Page</h1>
        
        <div style="text-align: center; margin: 20px 0;">
            <button class="dark-mode-toggle" title="Toggle dark mode">
    