Simple Calm Multi-Green Layout

Tags: calm, green, simple, multiple colors

Description:

Basically a nice, not too bright yet not too dark multi-green layout created by the inspiration of my favorite color and petscop.

Preview:

click on the image for a larger preview

Code:

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

<style>.profile {background: #246b43;}
    /* Changes ALL headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading {
    background-color: #0f4024;
  }
  .profile .contact .heading, 
  .profile .table-section .heading{
      background-color: #0a4a26;
  }

@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
p{
    font-family: 'Oswald', cursive;
    font-size: 150%
}
h1, h2, h3, h4, h5{
    font-family: 'Oswald', cursive;
    font-size: 200%
}

.profile .blurbs .heading, .profile .friends .heading {
    background: #f9c56c;
    background: var(--#0f4024);
    color: #0e2008;
    color: #0e2008;
    padding: 2px 7px;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: #144227;
}

.profile h1 {
    font-size: 2.5em;
}

body {
    background-color: #102317;
    background-color: #102317;
    font-family: verdana, arial, sans-serif, helvetica;
}

.profile .blurbs .section h4 {
    margin: 0;
    color: #0e2617;
    color: #0e2617;
}

.general-about .profile-pic img {
    max-width: 185px;
    max-height: 185px;
}

:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #1b826a;
    --darker-blue: #154237;
    --lighter-blue: #19583b;
    --even-lighter-blue: #BFDBFE;
    --lightest-blue: #DBEAFE;
    --red: #FF0000;
    --dark-orange: #ED0707;
    --light-orange: #927e5c;
    --even-lighter-orange: #fcdbb8;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}

.count {
    color: #22b123;
}

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

Val

1701485497

using it :3

Report Comment

kenai_the_roach

1700199136

Hi! I hope it's okay, I'm sort of using the layout, but I changed a couple of the colors/hues for my favorite shades of green using your code!! I love your layout! tysm!!

Report Comment