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

🎵Avery🦇	1713934688 using Report Comment
CrInKLy	1713708894 usinggggg Report Comment
nayyy	1712714669 using!! :333 Report Comment
𝕽𝖎𝖕𝖆𝖗𝖎𝖚𝖘	1711222098 using Report Comment
Mud	1707831164 using Report Comment
dio	1707633129 using but changing color!! Report Comment
Rockhearts	1707249418 How do i make the text white?? Report Comment
✬Sora✬	1706723657 Using! Report Comment
Felps	1706227432 using!! Report Comment
Demian <?>	1705926299 using! Report Comment
Leevi_TheSnake	1705277771 Using! ~💚 Report Comment
Kenny	1704906427 using Report Comment
Teeth	1704835331 usinggg Report Comment
¸♪·¯·♫¸𝕻𝖚𝖗𝖗𝖉𝖞 𝖈𝖗𝖞𝖕𝖙𝖎𝖖𝖚𝖊¸♫·¯·♪¸¸	1704736126 Using!! Report Comment
smartzieez	1704622113 using Report Comment
Bolt	1704516464 using Report Comment
Bolt	1704516437 using Report Comment
stan ★ !!	1704318378 usin Report Comment
mo ! ✿	1704259123 using ^_^ Report Comment
enzo / giz	1704236156 usng Report Comment