sillyspace/docs/skin-examples/glossy-dark.html

100 lines
2.3 KiB
HTML
Raw Permalink Normal View History

2026-06-04 02:59:03 +00:00
<!--
Original SpaceHey layout credit:
mori
https://layouts.spacehey.com/layout?id=24806
-->
<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>