Modern Dark Mode (Updated)

Tags: modern, new, beautiful, dark, dark mode, 1.05, simple

Description:

A beautiful modern dark theme for SpaceHey based on the simple dark theme of one, the modern theme that Clarence created and Proxima made by Robin

Change Log:

Version 1.0:

* Dark theme added to wallpaper

*Modern theme added

Version 1.01:

* Added dark theme to foreground

*White font added

*New color scheme

*polished it bit

Version 1.02:

* Dark mode added to navigation bar

Version 1.03:

* Fixed bug with navigation bar

Version 1.04:

Modernized it a bit using Proxima and Font Awesome and fixed some things

Version 1.05:

Added a beautiful background

Preview:

click on the image for a larger preview

Code:

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

<style>
nav {
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.125);
}main{
  background: rgb(50, 54, 57) !important;
}
.container, .main {
  width: 100%;
  max-width: 1024px !important;
  margin: auto;
}
.profile.left {
  width: 100%;
  max-width: 320px !important;
}
.profile.right {
  width: 100%;
  max-width: 600px !important;
}
.profile-pic img {
  border-radius: 100%;
}
.profile {
  margin: auto;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #FFFFFFFF;
}
.blurbs, .contact, .url-info, .table-section, .friends {
  margin: 0;
  padding: 1rem;
  background: dark grey !important;
  border: 1px solid darkgray !important;
  border-radius: 11px !important;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.125) !important;
}
.heading {
  margin: 0;
  padding: 1rem;
  font-size: 1.25rem;
  color: black !important;
  background: beige !important;
  border-radius: 11px !important;
}
.inner {
  margin: 0;
  margin-top: 0.5rem;
  padding: 1rem;
  background: dark grey;
  border: #FF9B9B9B;
  border-radius: 1px;
<style>



:root { --green: peachpuff;}

</style> <style>

body { /*this changes color*/

--logo-blue: grey;

</style> <style>
@import url("https://robins.one/spacehey/addons/modern-comments.css");
</style> <!-- Proxima: -->
<style>
@import url("https://robins.one/spacehey/build/proxima.css");
</style><style> body{
background-color: #646478;
opacity: 0.8;
background-image: radial-gradient(circle at center center, #c9cbff, #646478), repeating-radial-gradient(circle at center center, #c9cbff, #c9cbff, 10px, transparent 20px, transparent 10px);
background-blend-mode: multiply;
}
</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 1 of 1 comments ( View all | Add Comment )

Jon 🐇

1640872298

hmm, might have to try that

Report Comment