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 41 comments ( View all | Add Comment )

dearjud	1762579307 usingg, thx! Report Comment
Kornel	1762356177 usingggg Report Comment
noni	1761934104 Usando Report Comment
fumyzz	1761367332 using Report Comment
VapourRoxs	1758719111 using! Report 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 ⸸	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