@media (prefers-color-scheme: dark) {
	body:not(.full-width) {
		color: #333;
		background-color: #ddd; 
	}
	.following.bar.light, footer, .ui.segment, .ui.table thead th {
		background-color: #bbb; 
	}
	.repository .header-wrapper, .ui.table {
		background-color: #ddd;
	}
	.ui.tabular.menu .active.item {
		background-color: #bbb;
	}
	.ui.attached.header {
		background-color: #d8d8d8;
	}
	.repository.file.list #file-content .code-view .lines-num {
		background-color: #d1d1d1;
	}
	.repository.file.list #file-content .code-view .lines-code .hljs, .repository.file.list #file-content .code-view .lines-code ol, .repository.file.list #file-content .code-view .lines-code pre, .repository.file.list #file-content .code-view .lines-num .hljs, .repository.file.list #file-content .code-view .lines-num ol, .repository.file.list #file-content .code-view .lines-num pre {
		background-color: #d5d5d5;
	}
	.ui.basic.label {
		background-color: #bbb;
	}
	.ui.form input:not([type]) {
		color: #333;
		background-color: #ccc; 
    }
	.ui.form input:not([type]):focus {
		background-color: #bbb; 
	}
	.ui.vertical.menu .header.item {
		background-color: #ccc; 
	}
	.ui.vertical.menu .active.item {
		background-color: #bbb; 
	}
	.ui.vertical.menu .item {
		background-color: #ddd; 
	}
    .ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover {
		background-color: #b1b1b1; 
	}
	.ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover {
		background-color: #ddd; 
	}
}