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

holocene	1736378221 using! made some changes for my own profile as well thank you :) Report Comment
Ross ! { 🔪 } !	1736134856 using :3 Report Comment
PurringWeb	1730917759 looks nice, i will use it! Report Comment
﹒⇆﹒★ . DaNa !﹒ᶻz	1730064658 Using Report Comment
Barisu	1729159359 using, thank you! Report Comment
✯ LizZz ✯	1715550687 usingg Report Comment
Shadz (mostly inactive mb)	1710141494 using Report Comment
cd9	1706619722 using! Report Comment
𝕰𝖗𝖟𝖘𝖊𝖇𝖊𝖙	1706135535 usandolo c: Report Comment
1ntr	1705973209 using :3 Report Comment
nikto	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
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
gabriella gloom	1691404726 using!! :3 Report Comment
☆⋆｡YaZxx°‧★	1691358899 might use ^^ Report Comment