Royal Purple Terminal

Tags: royal purple, terminal, coding, purple, minimal, simple, dark, computer, black, hacker

Description:

A night-time purple royal theme for developers, coders, and those who are more minimalistic.

Customization
Before you use this theme you may want to customize the code!

Change the css code in ":root" to this:

mynamesize: this is how large your name is
curve: how curved the boxes are

headings:
topic1: general
topic2: music (default) | movies and tv (this layout)
topic3: movies (default) | music (this layout)
topic4: television (default) | languages (this layout)
topic5: books
topic6: heroes (default) | miscellaneous (this layout)
myactions: Contacting {Username} (default) | contact me (this layout)
mytopics: {username}'s interests (default) | my interests (this layout)
mylinks: {username}'s links (default) | my links (this layout)

casing: none (default) | lowercase (this layout) – Use this to change it to all caps, for example

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url("https://fonts.googleapis.com/css?family=Fira Code");

:root {
  --headers: #7851A9;
  --links: #A18FB7;
  --text: #f4eaff;
  --names: #543875;
  --font-family: 'Fira Code VF', 'Fira Code', 'Courier New', monospace;
  --mynamesize: 35px;
  --transparency: 0.33;
  --curve: 4px;
  --border-color: #bca5d4;
  --hue: 0;
  --topic1: "general";
  --topic2: "movies and tv";
  --topic3: "music";
  --topic4: "languages";
  --topic5: "books";
  --topic6: "miscellaneous";
  --myactions: "contact me";
  --mytopics: "my interests";
  --mylinks: "my links";
  --casing: lowercase
}

code {
  font-family: 'Fira Code', monospace
}

@supports (font-variation-settings: normal) {
  code {
    font-family: 'Fira Code VF', monospace
  }
}

.url-info b,
h3,
h4,
h5 {
  color: var(--headers) !important
}

a {
  color: var(--links) !important
}

h2,
p {
  color: var(--text) !important
}

.count,
.friends a p,
h1 {
  color: var(--names) !important
}

nav label {
  color: var(--headers) !important
}

.section h4 {
  color: var(--names) !important
}

.online {
  color: var(--links) !important
}

.section {
  color: var(--text) !important
}

:root {
  --box_color_and_seethru: rgba(0, 0, 45, var(--transparency))
}

.section,
a,
h1,
h2,
h3,
h4,
h5,
nav label,
p {
  font-family: var(--font-family) !important;
  text-shadow: 2px 2px black !important;
  text-transform: var(--casing) !important
}

h1,
h2,
h3,
h4,
h5,
p {
  padding-left: 1px !important
}

h1 {
  font-size: var(--mynamesize) !important;
  text-transform: none !important;
  padding-left: 10px !important;
  text-transform: var(--casing) !important
}

body {
  background-image: var(--background_image) !important;
  background-color: black !important
}

.blog-preview,
.blurbs,
.contact,
.details,
.friends,
.heading,
.mood,
.table,
.table-section,
.url-info,
footer {
  background-color: var(--box_color_and_seethru) !important;
  border-radius: var(--curve) !important;
  padding: 8px !important;
  border: var(--borders) !important
}

#comments,
.blog-preview,
.blurbs,
.contact,
.friends,
.mood,
.table-section,
footer {
  backdrop-filter: blur(0.58px)
}

.table-section {
  border: none !important;
  background-color: var(--box_color_and_seethru) !important;
  border-radius: var(--curve) !important
}

.heading {
  background: none !important;
  padding-bottom: 0 !important
}

.profile-pic img {
  outline: none !important;
  border-radius: var(--curve) !important;
  filter: hue-rotate(var(--hue)) drop-shadow(2px 2px black) !important
}

.friends-grid img {
  outline: none !important;
  filter: opacity(90%) !important;
  width: 80% !important;
  height: 80% !important;
  border-radius: var(--curve) !important;
  filter: hue-rotate(var(--hue)) !important
}

.inner img {
  outline: none !important;
  filter: hue-rotate(var(--hue)) drop-shadow(1px 1px 2px midnightblue) !important;
  border-radius: var(--curve) !important
}

iframe {
  border-radius: 60px !important;
  opacity: 0.66 !important
}

nav {
  background-color: var(--box_color_and_seethru) !important;
  border-radius: 0 0 var(--curve) var(--curve) !important
}

nav ul {
  background: none !important
}

nav img {
  filter: opacity(80%) !important
}

.mood a img,
nav ul a img {
  display: none !important
}

.top {
  background: none !important;
  background-color: rgba(0, 0, 0, 0.8) !important
}

nav img.logo {
  filter: brightness(0) saturate(100%) invert(36%) sepia(13%) saturate(2151%) hue-rotate(224deg) brightness(100%) contrast(94%) !important
}

.url-info {
  display: none !important
}

td {
  background-color: rgba(0, 0, 0, 0.0) !important;
  border-radius: var(--curve) !important
}

main {
  border-radius: var(--curve) !important
}

main {
  background-color: rgba(0, 0, 0, 0.0) !important
}

#comments,
.blog-preview,
.blurbs,
.comments-table,
.contact,
.details,
.friends,
.friends td,
.friends th,
.icon,
.mood,
.profile-info,
.profile-pic img,
.table,
.table-section,
.url-info,
main,
th,
tr {
  border: 1px solid var(--border-color) !important;
  outline: none !important
}

.icon {
  border: none !important
}

.mood {
  margin-bottom: 10px !important
}

.blurbs {
  margin-top: 10px !important
}

.friends {
  margin-top: -10px !important
}

.profile-info {
  border-radius: var(--curve) !important
}

.comments-table {
  border-radius: var(--curve) !important;
  border: none !important
}

.table-section {
  padding-bottom: 7px !important
}

#comments {
  margin-top: 15px !important;
  padding-bottom: 15px !important
}

.details p:last-child {
  color: var(--links) !important;
  filter: brightness(95%)
}

.contact,
.f-col,
.f-row {
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-right: 0 !important
}

.contact {
  padding-left: 2px !important
}

.f-row {
  margin-bottom: 3px !important;
  padding-bottom: 0 !important;
  padding-top: 2px !important;
  margin-top: 0 !important
}

.f-col a {
  margin-left: -2px !important;
  padding-left: -2px !important
}

.contact {
  padding-bottom: 12px !important
}

.search-wrapper input[type=text] {
  background-color: rgba(0, 0, 0, 0.5) !important;
  border: 1px dotted var(--headers) !important;
  color: var(--names) !important;
  border-radius: 10px !important
}

button {
  border-radius: 10px !important;
  border: 1px dotted var(--headers) !important;
  font-family: var(--font-family) !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  color: var(--headers) !important
}

code {
  word-break: break-all !important
}

.w-40 .table-section:last-child .heading h4 {
  color: transparent !important;
  text-shadow: none !important;
  letter-spacing: -100px
}

.w-40 .table-section:last-child .heading::after {
  content: var(--mylinks);
  font-family: var(--font-family) !important;
  text-shadow: 2px 2px black !important;
  text-transform: var(--casing) !important;
  color: var(--headers) !important;
  font-weight: bold !important;
  text-decoration: underline !important
}

.w-40 .table-section:nth-last-child(2) .heading h4 {
  color: transparent !important;
  text-shadow: none !important;
  letter-spacing: -100px
}

.w-40 .table-section:nth-last-child(2) .heading::after {
  content: var(--mytopics);
  font-family: var(--font-family) !important;
  text-shadow: 2px 2px black !important;
  text-transform: var(--casing) !important;
  color: var(--headers) !important;
  font-weight: bold !important;
  text-decoration: underline !important
}

.w-40 .contact .heading h4 {
  color: transparent !important;
  text-shadow: none !important;
  letter-spacing: -100px
}

.w-40 .contact .heading::after {
  content: var(--myactions);
  font-family: var(--font-family) !important;
  text-shadow: 2px 2px black !important;
  text-transform: var(--casing) !important;
  color: var(--headers) !important;
  font-weight: bold !important;
  text-decoration: underline !important
}

.blurbs .heading {
  display: none !important
}

.table-section:not(:last-child) .details-table tr td:first-child p {
  color: transparent !important;
  text-shadow: none !important;
  letter-spacing: -100px
}

.details-table tr td:first-child p::after {
  color: var(--links) !important;
  letter-spacing: normal !important;
  text-shadow: 2px 2px black !important;
  filter: brightness(95%) !important
}

.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after {
  content: var(--topic1)
}

.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after {
  content: var(--topic2)
}

.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after {
  content: var(--topic3)
}

.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after {
  content: var(--topic4)
}

.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after {
  content: var(--topic5)
}

.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after {
  content: var(--topic6)
}

hr {
  border: 1px dashed var(--names) !important;
  filter: brightness(55%) !important
}
</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 41 comments ( View all | Add Comment )

Яiot	1710141494 using Report Comment
cd9	1706619722 using! Report Comment
𝕰𝖗𝖟𝖘𝖊𝖇𝖊𝖙	1706135535 usandolo c: Report Comment
1ntr	1705973209 using :3 Report Comment
pax.	1702680453 using this looks dope Report Comment
koy	1698701417 using! Report Comment
Yu~ki fan	1697081826 using, but made the purple colors a tad bit lighter, hope u dont mind. Report Comment
ALICE	1695913915 using! Report Comment
benni	1695793606 Using Report Comment
GlitchyZorua	1695256211 using!! Report Comment
R31LAA	1694368255 using<33 Report Comment
kyle/anna ₊˚⊹☆	1692945108 using!! :3 Report Comment
August Turing	1692825304 I love it! <3 Report Comment
✯kerosenehearts✯	1691404726 using!! :3 Report Comment
☆⋆｡YaZxx°‧★	1691358899 might use ^^ Report Comment
Nyx/Bede/Link !	1691344475 Using! Report Comment
mob !	1691186974 using, thank you Report Comment
Unrealism	1690915132 Like the theme! Using it now. Report Comment
sam ☆	1690225137 using :3 Report Comment
sprocket_wheel	1690065121 using this one! very simple and nice :) Report Comment