Glossy dark

Original SpaceHey layout credit:
mori
https://layouts.spacehey.com/layout?id=24806
Code

<style>
[data-skin-page] {
  --skin-palette-accent: #d10000;
  --skin-palette-accent-text: #ffffff;
  --skin-palette-backdrop: #000000;
  --skin-palette-chrome: #111111;
  --skin-palette-chrome-text: #ffffff;
  --skin-palette-link: #ff2a2a;
  --skin-palette-link-hover: #ffffff;
  --skin-palette-muted: #bcbcbc;
  --skin-palette-page: #000000;
  --skin-palette-page-text: #ffffff;
  --skin-palette-surface: #050505;
  --skin-palette-surface-text: #ffffff;
  --skin-gloss: linear-gradient(#535353 0%, #000 60%);
  background: #000;
}

[data-skin-root],
[data-skin-root] * {
  font-family: Arial, Verdana, sans-serif;
  text-shadow: 2px 1px 0 #000;
}

[data-skin-root] {
  color: #fff;
}

[data-skin-root] a {
  color: #f00;
}

[data-skin-root] a:hover {
  color: #fff;
  text-decoration: none;
}

[data-skin-part="navigation-top"],
[data-skin-part="navigation-links"],
[data-skin-root] .panel,
[data-skin-part="notice"],
[data-skin-part="url"],
[data-skin-part="about"],
[data-skin-part="vibe"],
[data-skin-part="links"],
[data-skin-part="interests"],
[data-skin-part="footer"] {
  background: var(--skin-gloss) !important;
  border: 1px solid #808080 !important;
  border-radius: 5px 5px 0 0 !important;
  box-shadow: inset 0 0 0 1px #808080, inset 0 0 10px 2px #535353, #000 1px 1px 10px 2px !important;
}

[data-skin-root] .panel__heading {
  background: var(--skin-gloss) !important;
  border: 0;
  border-bottom: 1px solid #808080;
  border-radius: 50px 0;
  color: #fff;
  padding-left: 10px !important;
}

[data-skin-root] .panel__body,
[data-skin-part="interests"] td,
[data-skin-part="wall"] .post-card,
[data-skin-part="wall"] .composer {
  background: linear-gradient(#535353 0%, #000 20%) !important;
  color: #fff;
}

[data-skin-part="photo"] img,
[data-skin-part="photo"] .profile-placeholder,
[data-skin-part="friends"] .person-card__image,
[data-skin-part="friends"] .profile-placeholder {
  border: 2px ridge #555;
  border-radius: 0;
  box-shadow: none;
}

[data-skin-part="actions"] .profile-actions__cell {
  background: linear-gradient(#535353 0%, #000 20%);
  border-color: #555;
}

[data-skin-part="actions"] .profile-action {
  color: #fff;
}

[data-skin-part="url"] {
  color: #fff;
  padding: 5px;
}
</style>
Comments

No comments yet.