minimal black

Tags: minimal, black, dark mode, blue

Description:

a very simple minimal black layout. uses the default spacehey colours (minus orange & green.).

features rounded header and footer. first layout.

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');
p{ 
    font-family: Quicksand;
    font-size 500px;
    color: white;
}
h1{
    font-family: Quicksand;
    font-size 15px;
    color: white;
}

h2{ 
    font-family: Quicksand;
    font-size: 15px;
    color: white;
}

h3{ 
    font-family: Quicksand;
    font-size: 15px;
    color: white;
}

h4{ 
    font-family: Quicksand;
    font-size: 15px;
    color: white;
}

h5{ 
    font-family: Quicksand;
    font-size: 15px;
    color: white;
}

body{ 
    background: url(https://w.wallhaven.cc/full/zm/wallhaven-zmo1lj.png);
}


  nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    
    .profile { 
        background-color: rgb(26, 29, 33);
}

    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
        .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: white;
    }
    
    
    .profile-pic {
        border-radius: 5px;
        overflow: hidden;
    }
    
    .profile .friends .person img {
        border-radius: 5px;
    }
    
    footer {
        border-radius: 0 0 15px 15px;
        background: rgb(29,78,216) !important;
        display: block !important
}
:root{
     --logo-color: white;
     --darker-blue: white;
     --lighter-blue; white;
     --even-lighter-blue: gre;
     --lightest-blue: ;
     --dark-orange: white;
     --light-orange: rgb(96,165,250);
     --even-lighter-orange: ;
     --green: white;
     
     
}
</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 0 of 0 comments ( View all | Add Comment )