minimalistic gloomy purple layout

Tags: purple, gloomy, simple

Description:

original layout here: https://layouts.spacehey.com/layout?id=19129 Somethings for this one didn't work for my profile so i tweaked it quite a bit. hope people like it

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) Layout created by Moss (https://spacehey.com/mossymoss) -->

<!-- main coding (background image and generic colors) -->
<style>
    body{
    background-image: url('https://wallpaperaccess.com/full/464558.jpg') !important;
    }  
    main {
        background-color: black;
        color: #E3B3FC ;
    }
        .count {
        color: #9D47C6 !important;
    }
        .blurbs .inner{
        text-align: center !important;
    }
    :root {
        --logo-blue: #121212;
        --darker-blue: #9C28D6;
        --lighter-blue: #181818;
        --even-lighter-blue: #181818;
        --lightest-blue: #000;
        --dark-orange: #fff;
        --light-orange: #000;
        --even-lighter-orange: #000;
        --green: #fff;
   }
    a:hover{
        color: #E3B3FC  !important;
    }
    h4 {
        color: #9D47C6;
    }
    main p {
        color: #9D47C6;
    }
    .profile .blurbs .section h4 {
        color: #9D47C6;
    }
</style>

<!-- rounded borders +dotted border -->
<style>
    .top{
        border-radius: 25px 25px 0 0 !important;
    }
    main{
        border-radius: 0 0 25px 25px !important;
    }
</style>

<!-- rounded profile pic and friend pics -->
<style>
    .profile-pic {
        border-radius: 500px;
    }
    .profile .friends .person img {
        border-radius: 500px;
    }
</style>

    }


<!-- pronouns -->
<style>
    .details:after {
         content: "pronouns go here!";
    }
</style>    
    
<!-- invisible but functional footer -->
<style>
    footer{background:none !important; line-height:0px !important;}
    footer ul li a {color: #000000 !important;}
    }
</style>

<!-- hidden comments -->
<style>
    .comments-table{display:none !important;} 
    }
</style>

<!-- custom scrollbar -->
<style>
    ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: #000;
    }

    ::-webkit-scrollbar-track {
    background: #121212;
    }
</style>

<!-- custom contact buttons -->
<style>.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 1em;
    display: block
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content: "💜"
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: "💜"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "💜"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "💜"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "💜"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "💜"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "💜"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "💜"
   }
</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 20 of 21 comments ( View all | Add Comment )

♪ COSMO/OREL ♪	1714046794 using :3 Report Comment
tiannastar	1708903402 using Report Comment
viruxgore ⛤	1704685867 Using ! Report Comment
Fowler	1703639387 Using Report Comment
Tathaa13	1703041244 Usiinggg Report Comment
Luna	1702904013 using:3 Report Comment
Even-Nation-Cartoons	1702490386 Using Report Comment
gumball [remaking profile]	1701181834 using Report Comment
charnel_doll	1699509632 using this, super cute ! Report Comment
JackalGirl/Moonlight	1697443794 using! Report Comment
ren ♱	1697079624 using Report Comment
> : [ ARI ! ] :: ( 🇵🇸🍉 )	1695565256 USING!! Report Comment
☆:.｡. oN◎КТo .｡.:☆	1695238297 Using ! ^^ Report Comment
Thelazaeater	1695229254 Using! Report Comment
janebug (FROM HOMESTUCK!!!)	1695012026 Using Report Comment
fada	1694750140 using :3 Report Comment
cemetery.bat	1694624638 using ! Report Comment
julie	1693959597 using !! Report Comment
Stryder	1693948648 using :3 Report Comment