Discord Color Palette

Tags: discord, color palette, minimalistic, minimal

Description:

A discord inspired theme for your profile :)

Preview:

click on the image for a larger preview

Code:

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

<style>
/* Website */
body {
    background-color: #1e2124;
}
/* End of "Website" */

/* Semantic */
main {
    background-color: #424549;
}

nav .top {
    background-color: #7289da;
}

nav .links {
    background-color: #6376bd;
}

footer {
    background-color: #424549;
}
/* End of "Semantic" */

/* Online Status */
.online img {
    display: none;
}
/* End of "Online Status" */

/* HTML tags */
p, h1, h2, h3, h4, h5, h6 {
    color: #FFFFFF;
}

a {
    color: #7289da;
}

a:hover {
    color: #FFFFFF;
}
/* End of "HTML tags" */

/* Online Status */
.online {
    color: #4aac7b;
}
/* End of "Online Status" */

/* Tables */
.details-table td:first-child {
    background-color: #282b30;
    width: 50%;
}

.details-table td {
    background-color: #36393e;
}
/* End of "Tables" */

/* Profile */
.profile .blurbs .section h4 {
    color: #7289da;
}

.count {
    color: #7289da;
}

.profile .contact {
    background-color: #36393e;
    border-color: #7289da
}

.profile .contact .heading {
    background-color: #7289da;
}

.profile .url-info{
    border-color: #7289da;
}

.profile .table-section .heading {
    background-color: #7289da;
}

.profile .table-section {
    border-color: #7289da;
}

.profile .friends .person p {
    color: #7289da;
}

.profile .blurbs .heading {
    background-color: #282b30;
}

.profile .blurbs .heading, .profile .friends .heading {
    background-color: #282b30;
}
/* End of "Profile"*/

</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 )