Color A CMD

Tags: black, hacker, green, computer, simple, retro, cyber, 80s, coding, terminal

Description:

Dark layout with green text I made for myself. Comes with a monospace font.

The aesthetic is a bit inspired by p0l1bius's Matrix layout.

Most of the stuff is commented, so you can change and navigate through the code easier. The code isn't guaranteed to be cleanest ever, I found selectors by just inspecting elements I wanted to change, which is also why some comments are non-descriptive/wrong.

If you like this layout, then I'm glad! Comment if you use!

Also, admittedly, the green is not actual color a

Preview:

click on the image for a larger preview

Code:

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

<style>
/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
  
main, body { background: #121212; } /* BACKGROUND */
.profile h1 { color: white }                   /*   USERNAME   */

/* MAIN TEXT/BACKGROUND STYLE */
main .col &gt; div {
  background-color: var(--bg-col, #121212);
  border: solid #5DCB50;
  font-family: 'Source Code Pro', monospace;
  color: #FFFFFF;
}

/* HEADINGS */
.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
  background-color: #242424;
  border: dashed #479c3d;
  color: #5DCB50;
}

/* LINKS/FRIENDS */
a, .profile .friends .person p {
  color: #5DCB50;
}

/* COMMENTS/INTERESTS */
table.comments-table td:first-child, .details-table td:first-child {
 background: var(--bg-col, #121212);
  color: white;
}
table.comments-table td, .details-table td {
  background: #242424;
}

/* BORDER FOR EVERYTHING */     
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions, table.comments-table {
  border: solid #5DCB50;
}

/* COUNTERS AND TITLES IN ABOUT ME */
.inner .count, .profile .blurbs .section h4 {
 color: #5DCB50; 
}

/* REPLIES */
.comment-replies {
  border: solid #5DCB50;
}

/* NAVBAR */
nav .links {
  background-color: #121212; 
}
nav .links a {
  color: #5DCB50;
}
/* NAVBAR SEPERATORS */
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
 color: #FFFFFF; 
}

/* NAVBAR TOP COLOR */
nav .top {
 background: #121212; 
}

/* FOOTER */
footer {
 background-color: #121212; 
 color: #FFFFFF;
}
</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 45 comments ( View all | Add Comment )

ManinGrey	1741124695 using, but it rendered my text black and makes it almost impossible to read Report Comment I will look into a fix, but if you have one, I’m sure future users of this layout would appreciate it as well by ManinGrey; 1741124735; Report
Dorokaii	1739891294 Very cool! :D (using) Report Comment
cicatrix	1738263236 Using :] Report Comment
Astro!! ☆	1737727617 using!! Report Comment
blamejohn	1737602960 using Report Comment
# 𝔽𝔞𝔢𝔩𝔬𝔬𝔫 .	1736650223 UUSING! Report Comment
Lee	1735580071 using Report Comment
snagg	1735283280 using <3 Report Comment
CARBON >--[O_O]--<	1735119763 using!! Report Comment
RevanTCO	1733020863 I used this as the starting template for my layout, thanks! Report Comment I forgot to mention that the layout as it's presented in here is broken. The text is kind of illegible. by RevanTCO; 1733021057; Report
acronix!!!!!!!!!!!!	1732466432 USING Report Comment
sillybilly	1729640922 USING!!! Report Comment
Haunted_Spectator	1723138470 USING THANK YEW !!!! Report Comment
Rem ★🦈	1722283484 Probably using! Report Comment
Katana (Aalyx)	1721335682 Using! Report Comment
fifui / d5vvp	1716186472 Using. Report Comment
🎵Avery🦇	1713934688 using Report Comment
CrInKLy	1713708894 usinggggg Report Comment
nayyy	1712714669 using!! :333 Report Comment