html[data-theme="light"] {
	color-scheme: light;
	--dash-body-bg: #f4f6f8;
	--dash-text: #333333;
	--dash-title: #333333;
	--dash-nav-bg: #2f4050;
	--dash-link: #337ab7;
	--dash-surface-bg: #ffffff;
	--dash-border: #d8dde3;
	--dash-section-bg: #f5f5f5;
	--dash-row-bg: #f7f8f9;
	--dash-row-hover-bg: #eef0f2;
	--dash-open-row-bg: #eef8ef;
	--dash-open-row-hover-bg: #e2f1e4;
	--dash-muted: #777777;
	--dash-switcher-active-bg: #d8dde3;
}

html[data-theme="light"] body {
	background: var(--dash-body-bg);
	color: var(--dash-text);
}

html[data-theme="light"] .bg-nav {
	background: var(--dash-nav-bg);
}

html[data-theme="light"] a {
	color: var(--dash-link);
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6,
html[data-theme="light"] .card-title {
	color: var(--dash-title);
}

html[data-theme="light"] .bg-content-primary,
html[data-theme="light"] .card,
html[data-theme="light"] .dash-card,
html[data-theme="light"] .auth-card,
html[data-theme="light"] .list-group-item,
html[data-theme="light"] .dropdown-menu,
html[data-theme="light"] .form-control,
html[data-theme="light"] .form-select,
html[data-theme="light"] .table > tbody > tr > td,
html[data-theme="light"] .table > tbody > tr > th,
html[data-theme="light"] .table > thead > tr > th {
	background-color: var(--dash-surface-bg);
	border-color: var(--dash-border);
	color: var(--dash-text);
}

html[data-theme="light"] .table {
	--bs-table-bg: var(--dash-surface-bg);
	--bs-table-color: var(--dash-text);
	--bs-table-border-color: var(--dash-border);
	--bs-table-hover-bg: var(--dash-row-hover-bg);
	--bs-table-hover-color: var(--dash-text);
}

html[data-theme="light"] .list-group-item-action:hover,
html[data-theme="light"] .list-group-item-action:focus,
html[data-theme="light"] .dropdown-item:hover,
html[data-theme="light"] .dropdown-item:focus {
	background-color: var(--dash-row-hover-bg);
	color: var(--dash-text);
}

html[data-theme="light"] .list-group-item.active,
html[data-theme="light"] .dropdown-item.active,
html[data-theme="light"] .page-item.active .page-link {
	background-color: var(--dash-switcher-active-bg);
	border-color: var(--dash-border);
	color: var(--dash-text);
}

html[data-theme="light"] .page-link {
	background-color: var(--dash-surface-bg);
	border-color: var(--dash-border);
	color: var(--dash-link);
}

html[data-theme="light"] .page-item.disabled .page-link {
	background-color: var(--dash-section-bg);
	border-color: var(--dash-border);
	color: var(--dash-muted);
}

html[data-theme="light"] .card-header,
html[data-theme="light"] .card-footer,
html[data-theme="light"] .dash-card-header,
html[data-theme="light"] .dash-command-result-row,
html[data-theme="light"] .dash-command-suggestions {
	background-color: var(--dash-section-bg);
	border-color: var(--dash-border);
	color: var(--dash-text);
}

html[data-theme="light"] .btn-outline-secondary {
	background-color: var(--dash-surface-bg);
	border-color: var(--dash-border);
	color: var(--dash-text);
}

html[data-theme="light"] .btn-outline-secondary:hover,
html[data-theme="light"] .btn-outline-secondary:focus {
	background-color: var(--dash-section-bg);
	border-color: var(--dash-border);
	color: var(--dash-text);
}

html[data-theme="light"] .dash-command-result-row {
	background: var(--dash-row-bg);
}

html[data-theme="light"] .dash-command-result-row:hover,
html[data-theme="light"] .dash-command-suggestion.is-active,
html[data-theme="light"] .dash-command-suggestion:hover {
	background: var(--dash-row-hover-bg);
}

html[data-theme="light"] .dash-command-result-row.is-open {
	background: var(--dash-open-row-bg);
}

html[data-theme="light"] .dash-session-row.is-open > td,
html[data-theme="light"] .dash-session-row.is-open > th {
	background: var(--dash-open-row-bg);
}

html[data-theme="light"] .dash-command-result-row.is-open:hover {
	background: var(--dash-open-row-hover-bg);
}

html[data-theme="light"] .dash-session-row.is-open:hover > td,
html[data-theme="light"] .dash-session-row.is-open:hover > th {
	background: var(--dash-open-row-hover-bg);
}

html[data-theme="light"] .text-muted,
html[data-theme="light"] .dash-command-message.is-system,
html[data-theme="light"] .dash-command-result-meta,
html[data-theme="light"] .dash-command-suggestion small {
	color: var(--dash-muted);
}

html[data-theme="light"] .dash-theme-switcher {
	background: var(--dash-surface-bg);
	border-color: var(--dash-border);
}

html[data-theme="light"] .dash-theme-switcher .btn.is-active {
	background: var(--dash-switcher-active-bg);
	color: var(--dash-text);
}