Blk & Whte

Tags: dark, simple, black, white, darkmode

Description:

A simple theme I made in a few minutes. Super easy to switch out the colors if you want.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Leeous (https://layouts.spacehey.com/layout?id=102751) -->

<!-- Typed up by Leeous (https://leeous.com) -->
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

body {
	background-color: black;
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: ;
	font-style: normal;
	font-variation-settings: "wdth" 100;
}
nav .top {
	background-color: black;
	color: white;
}

a {
	text-decoration: underline;
	text-decoration-style: dotted;
}

.music .heading a.more,
.specials .heading a.more,
.friends .heading a.more,
.new-people .top a.more,
.bulletin-preview .heading a.more,
.blog-sub-preview .heading a.more,
.spa .heading .spa-info {
	color: black;
}
&gt;
.profile .blurbs .heading,
.profile .friends .heading {
	background-color: white;
	color: black;
	padding: 5px;
}

.profile .blurbs .section h4 {
	color: white;
}
nav .links {
	background-color: black;
	color: grey;
}

nav .links a {
	background-color: black;
	color: grey;
}

nav .links a:hover {
	background-color: black;
	color: white;
}

.comment-replies {
	border: solid 1px white;
	margin: 5px;
}

nav .links button {
	background-color: black;
	color: white;
	padding: 5px;
	border: solid 1px white;
}

.profile .friends .person p {
	color: white;
}

main {
	padding: 0;
}

footer {
	background-color: black;
	color: white;
}

.details-table td:first-child p a {
	color: black;
}

.comments-table td,
.music-table td {
	background-color: black;
	color: white;
}

.profile .contact .heading,
.profile .table-section .heading,
.setting-section .heading,
.home-actions .heading {
	background-color: black;
	color: white;
}

.contact .heading {
	background: black !important;
}

.details-table td {
	background-color: black;
	color: white;
	padding: 5px;
}

.details-table td:first-child {
	background-color: white;
	color: black;
	padding: 5px;
}

.pfp-fallback {
	border: solid 2px white;
	color: white;
	border-radius: 50%;
}

.container {
	background-color: black;
	color: white;
}

.profile .contact,
.profile .url-info,
.profile .table-section,
.setting-section,
.home-actions {
	border: solid 1px white;
}

.profile .contact,
.profile .url-info,
.profile .table-section,
.setting-section,
.home-actions a {
	color: white;
}

a:hover,
a:active,
.blog-entry .kudos-btn:hover,
.blog-entry .kudos-btn:active {
	color: white;
}

a,
.blog-entry .kudos-btn,
.blog-entry .kudos-btn {
	color: white;
}

.profile .blog-preview {
	background-color: black;

	padding: 4px;
}

.profile {
	color: white;
	background-color: black;
}

.comments-table td:first-child,
.music-table td:first-child {
	background-color: black;
	color: white;
}

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 36 comments ( View all | Add Comment )

CanOfRat	1756289368 Usinggg Report Comment
Calvin/Frank (Under construction)	1755231282 Using Report Comment
nikkii^^	1754448529 usingg Report Comment
Fiend	1754437545 Usin'! Report Comment
Hatake Kakashi	1754119176 using Report Comment
aliciaquiche	1752125599 using Report Comment
✮Jupiter✮	1748281340 Using^^ Report Comment
Astronomical ☆	1743868625 using! Report Comment
milo / planet 💫	1740418435 using ! :D Report Comment
Mr.Joy (meowl)	1739490125 using Report Comment
Lucas	1735425075 Using! ^^ Report Comment
Sammy	1735266518 using Report Comment
lxquii	1734312959 using Report Comment
lxquii	1734312958 using Report Comment
Scarlett 🦇	1731271363 usingg!!11 Report Comment
youareanidiot.org	1729678504 using1 Report Comment
𝘴𝘪𝘮𝘰𝘯	1728616249 using :3 Report Comment
CATZ!!	1722621823 using Report Comment
iiidiott	1721675246 Will be using!!! >.< Report Comment
ymwvamp	1721494384 using. Report Comment