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 55 comments ( View all | Add Comment )

stevusha x3	1772661345 using!!! Report Comment
Snape`s Wife {Ju}	1771838864 using Report Comment
sp0ky(◣ _ ◢)	1770422124 using Report Comment
Dee	1769553317 Using Report Comment
Adi	1759612220 Using. Thank youuuu :)) Report Comment
Fidel	1756244339 using! Report Comment
RandomNameWithGabe	1754095216 usin!!! Report Comment
Swagnari lol	1753049546 sooocool i gotta use Report Comment
KNIGHT	1751074647 uzing.. Report Comment
fisko	1745571002 using<33 Report Comment
PunchFish	1744842975 usingg Report 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
r0derk	1738263236 Using :] Report Comment
Astronomical ☆	1737727617 using!! Report Comment
IMCOOLERCUZIMBLUE	1737602960 using Report Comment
# 𝔽𝔞𝔢𝔩𝔬𝔬𝔫 .	1736650223 UUSING! Report Comment
Lee	1735580071 using Report Comment
snagg	1735283280 using <3 Report Comment
carbonara monoxide	1735119763 using!! Report Comment