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

ilugain	1714160971 usingggg Report Comment
fancy :3	1713909998 using!! Report Comment
meatknot	1713896996 using!! Report Comment
br4in3at3r	1713386056 using Report Comment
Natasha ‧₊˚✩彡	1712922917 using, thx! :D Report Comment
liu woods	1712894563 it doent work Report Comment
liu woods	1712894563 it doent work Report Comment
zel	1712854938 Using Report Comment
Sam :>	1712635799 using :3 Report Comment
Anon_Kitty	1712074834 thx Report Comment
raymond	1711939313 doesn’t work Report Comment