Black background, white text

Tags: basic, black, dark, dark mode, simple
Description:

Also works with blog entries.
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by Héctor (https://layouts.spacehey.com/layout?id=103986) -->

<style>
    body{
color: white !important;
background-color: black !important;
    }
    .container{
border: 0px solid black !important;
    }
    main{
border: 0px solid black !important;
background-color: black !important;
    }
    .profile{
border: 0px solid black !important;
background-color: black !important;
    }
    a{
        color: white !important;
    }
    a:hover{
        color: white !important;
    }
    a:visited{
       color: white !important;
    }
    button{
color: white !important;
background-color: black !important;
border 0px solid black !important;
    }
    h4{
color: white !important;
background-color: black !important;
    }
    .top{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .logo{
            }
    .top label{
        color: white !important;
background-color: black !important;
    }
    .top input{
        color: white !important;
background-color: black !important;
            }
    .top button{
        color: white !important;
background-color: black !important;
            }
    .top a{
        color: white !important;
            }
    .top a:hover{
        color: white !important;
            }
    .top a:visited{
        color: white !important;
            }
    .links{
        background-color: black !important;
border: 0px solid black !important;
            }
    .links a{
        color: white !important;
            }
    .links a:hover{
        color: white !important;
            }
    .links a:visited{
        color: white !important;
            }
    h1{
        color: white !important;
background-color: black !important;
            }
    .profile-pic{
            }
    .profile-pic img{
        border: 0px solid black !important;
            }
    .general-about{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .mood{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .mood a{
        color: white !important;
            }    .mood a:hover{
        color: white !important;
            }
    .mood a:visited{
        color: white !important;
            }
    .mood b{
        color: white !important;
            }
    .mood p{
    }
    .contact .heading{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .contact{
border: 0px solid black !important;
background-color: black !important;
background-color: black !important;        
    }
    .contact a{        
color: white !important;        
    }
    .contact a:hover{
        color: white !important;        
    }
    .contact a:visited{        
color: white !important;        
    }
    .url-info{        
color: white !important;
border: 0px solid black !important;
background-color: black !important;     
    }
    .url-info b{        
color: white !important;        
    }
    .url-info p{                
    }
    .table-section{
border: 0px solid black !important;
background-color: black !important;
    }
    .table-section .heading{        
color: white !important;
border: 0px solid black !important;
background-color: black !important;        
    }
    table.details-table{                
    }
    .profile .details-table td{
color: white !important;
border: 0px solid black !important;
background-color: black !important;
    }
    .profile-info{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .blog-preview{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .blog-preview h4{
color: white !important;
border: 0px solid black !important;
background-color: black !important;
    }
    .blog-preview a{
        color: white !important;
            }
    .blog-preview a:hover{        
color: white !important;        
    }
    .blog-preview a:visited{        
color: white !important;        
    }
    .blog-preview p{
    }
    .blurbs{
color: white !important;
border: 0px solid black !important;
background-color: black !important;
    }
    .blurbs .heading{        
color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .blurbs .section h4{        
color: white !important;
border: 0px solid black !important;
background-color: black !important;        
    }
    .friends .heading{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .friends{        
color: white !important;
border: 0px solid black !important;
background-color: black !important;        
    }
    .friends-grid{
    }
    .friends a{
        color: white !important;
            }
    .friends a:hover{
        color: white !important;
            }
    .friends a:visited{
        color: white !important;
            }
    .friends b{
        color: white !important;
            }
    .friends p{
    }
    .friends .person p{
        color: white !important;        
    }
    .count{
color: white !important;
    }
    .more{
color: white !important;
    }
    .comments-table{
color: white !important;
border: 0px solid black !important;
background-color: black !important;
    }
    .comments-table td{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .pagination{
    }
    footer{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    footer a{
        color: white !important;
            }
    footer a:hover{
        color: white !important;
    }
    footer a:visited{
        color: white !important;
    }
    footer .links{
color: white !important;
border: 0px solid black !important;
background-color: black !important;
    }
    footer .links a{
color: white !important;
    }
    footer .links a:hover{
color: white !important;
    }
    footer .links a:visited{
color: white !important;
    }
    .copyright{
color: white !important;
text-decoration: none !important;
    }
main {
    background: white;
    color: white;
    padding: 6px 0px;
    font-size: 80%;
}
nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 7px #000000;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}
</style>

<style>
.url-info{display: none !important;}
</style>

<style>
.profile-info{display: none !important;}
</style>

<style>
.online {
    color: #ffffff;
</style>

<style>
.online img {display: none !important;}
</style>

<style>
.edit-info{
  background: none;
  background: none;
  border: none;
  border: none;
  width: 100%;
  padding: 5px;
  overflow-wrap: break-word;
  word-break: break-word;
</style>

<style>
.comment-replies {
	border: 5px solid black;
}
</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

Comments disabled.