dark neon high contrast layout

Tags: dark, black, neon, pink, rich, contrast

Description:

A simple recolor of my soft blue layout.

Preview:

click on the image for a larger preview

Code:

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

<style>
body, .container, .top, main, footer {
 background-color: black !important; 
 font-family: Verdana, sans-serif; 
 font-size: 10px !important; 
 color: deeppink;
}

.logo {
 filter: invert(43%) sepia(100%) saturate(6933%) hue-rotate(315deg) brightness(100%) contrast(102%);
}

.online {
 content: url(https://dl.glitter-graphics.com/pub/1884/1884248n2gvtdtq6k.gif);
}

p, .count, .section h4 {
 color: deeppink !important;
 font-size: 10px;
}

.links, .heading {
 background-color: cyan !important; 
}

nav .links {
 padding-bottom: 1px;
}

input {
 border: 1px dashed cyan;
 background-color: black;
}

h4, .links li a, .links li a:hover, .links li a:visited, .links li:not(:last-child)::after {
 color: black !important; 
 text-shadow: none;
 font-size: 10px;
}

.pfp-fallback {
 border-radius: 300px;
 border: 1px dashed greenyellow;
}

.logo {
 opacity: 1.0 !important;
}

a, a:hover, a:visited, .logout-btn {
 color: magenta !important;
}

.contact, .url-info, .table-section, .profile-info {
 border: 1px dashed cyan !important;
}

td {
 background-color: black !important;
}

.comments-table {
 display: block;
 max-height: 300px !important;
 overflow-y: scroll;
}

.comments-table, .comments-table td, .comment-replies {
 border-width: 0;
}

.comment-reply:not(:first-child) {
 border-top-color: cyan;
 border-top-style: dashed;
}

</style>

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

Andrew

1703561935

Using<3333

Report Comment

kelly ☆

1688327162

this is so cute !!

Report Comment