[data-bs-theme="dark"] {
	--bs-body-bg: #222222;
	--black: #000000 !important;
	--blue: #0a94c8 !important;
	--purple: #9266cc !important;
	--lighter-blue: #addbec !important;
	--yellow: #ffb603 !important;
	--red: #ff2f03 !important;
	--offwhite: #fafafa !important;
	--code-bg-color: #555555 !important;
	--pre-bg-color: #333333 !important;
	--highlight-border-color: #666666 !important;
	--table-border-color: #555555 !important;
	--table-header-bg-color: #333333 !important;
	--table-row-alt-bg-color: #333333 !important;
	--table-bg-color: #313539 !important;
	--card-bg-color: #333333 !important;
	--status-bg-color: limegreen !important;
	--see-all-border-color: #999999;
	--side-color: #5eac24;
	--h5: 0.83rem !important;
	--h6: 0.67rem !important;
}

[data-bs-theme="dark"] .brand-image-light {
	display: none;
}
[data-bs-theme="dark"] .brand-image-dark {
	display: inline-block;
}

[data-bs-theme="dark"] .status {
	color: var(--status-bg-color);
}

[data-bs-theme="dark"] .card {
	background-color: var(--card-bg-color);
}

[data-bs-theme="dark"] thead,
[data-bs-theme="dark"] tbody,
[data-bs-theme="dark"] td,
[data-bs-theme="dark"] th {
	border-color: var(--table-border-color);
	border-style: solid;
	border-width: 1px;
}
[data-bs-theme="dark"] table th,
[data-bs-theme="dark"] table td {
	padding-right: 40px;
	padding-left: 10px;
}
[data-bs-theme="dark"] table th {
	font-size: large;
	background-color: var(--table-header-bg-color);
}
[data-bs-theme="dark"] table td {
	font-size: medium;
}
[data-bs-theme="dark"] tbody tr:nth-child(even) td,
[data-bs-theme="dark"] tbody tr:nth-child(even) th {
	background-color: var(--table-row-alt-bg-color);
}

[data-bs-theme="dark"]code {
	color: var(--offwhite);
	background-color: var(--code-bg-color);
}

[data-bs-theme="dark"] pre {
	color: var(--offwhite);
	background-color: var(--pre-bg-color);
}
[data-bs-theme="dark"] pre code {
	color: var(--offwhite);
	background-color: var(--pre-bg-color);
}

[data-bs-theme="dark"] .highlight {
	border-color: var(--highlight-border-color);
}

[data-bs-theme="dark"] .button {
	color: var(--white);
}
[data-bs-theme="dark"] .button:hover {
	color: var(--black);
}
[data-bs-theme="dark"] .button:active,
[data-bs-theme="dark"] .button.is-checked {
	color: var(--black);
}
[data-bs-theme="dark"] .btn-check:active + .button,
[data-bs-theme="dark"] .btn-check:checked + .button,
[data-bs-theme="dark"] .button.active,
[data-bs-theme="dark"] .button.dropdown-toggle.show,
[data-bs-theme="dark"] .button:active {
	color: var(--black);
}