Aero Noir

a dark scenecore base glossed over with Frutiger Aero shine: glassy glow, chrome-pink highlights, and CRT static drifting under a field of scattered stars.
Code

<style>
@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&family=Silkscreen&display=swap");
[data-skin-page]{
	--skin-palette-accent:#ff66b2;
	--skin-palette-accent-text:#100c14;
	--skin-palette-backdrop:#100c14;
	--skin-palette-chrome:#1a1020;
	--skin-palette-chrome-text:#f0d6e8;
	--skin-palette-link:#ff66b2;
	--skin-palette-link-hover:#ffffff;
	--skin-palette-surface-link-hover:#ffffff;
	--skin-palette-muted:#a07090;
	--skin-palette-page:#100c14;
	--skin-palette-page-text:#f0d6e8;
	--skin-palette-surface:#1a1020;
	--skin-palette-surface-text:#f0d6e8;
	--skin-radius-panel:6px;
	--skin-radius-photo:6px;
	--skin-radius-control:14px;
	background:repeating-linear-gradient(0deg, rgba(0,0,0,.18), rgba(0,0,0,.18) 2px, transparent 2px, transparent 4px),
    radial-gradient(1.5px 1.5px at 8% 12%, #ffffff 100%, transparent 100%),
    radial-gradient(1px 1px at 22% 38%, #ff9ecf 100%, transparent 100%),
    radial-gradient(2px 2px at 34% 8%, #ffffff 100%, transparent 100%),
    radial-gradient(1px 1px at 47% 62%, #ff66b2 100%, transparent 100%),
    radial-gradient(1.5px 1.5px at 61% 28%, #ffffff 100%, transparent 100%),
    radial-gradient(1px 1px at 73% 74%, #c9a0ff 100%, transparent 100%),
    radial-gradient(2px 2px at 85% 18%, #ff9ecf 100%, transparent 100%),
    radial-gradient(1px 1px at 92% 54%, #ffffff 100%, transparent 100%),
    radial-gradient(1.5px 1.5px at 15% 82%, #ff66b2 100%, transparent 100%),
    radial-gradient(1px 1px at 40% 92%, #ffffff 100%, transparent 100%),
    radial-gradient(2px 2px at 66% 88%, #c9a0ff 100%, transparent 100%),
    radial-gradient(1px 1px at 78% 42%, #ffffff 100%, transparent 100%),
    radial-gradient(circle at 50% 0%, rgba(255,102,178,.12), transparent 60%),
    #100c14;
	background-size:100% 100%, 220px 220px, 180px 180px, 260px 260px, 200px 200px, 240px 240px,
    190px 190px, 230px 230px, 210px 210px, 250px 250px, 195px 195px, 225px 225px,
    205px 205px, 100% 100%, 100% 100%;
	animation:lumi-sparkle-drift 40s linear infinite;
	font-family:'VT323', monospace;
}
@keyframes lumi-sparkle-drift{
	from{
		background-position:0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
	}
	to{
		background-position:0 0, 0 -220px, 0 -180px, 0 -260px, 0 -200px, 0 -240px, 0 -190px, 0 -230px, 0 -210px, 0 -250px, 0 -195px, 0 -225px, 0 -205px, 0 0, 0 0;
	}
}
[data-skin-part="content"]{
	font-family:'VT323', monospace;
}
[data-skin-part="shell"],
[data-skin-root],
[data-skin-root] *{
	font-family:'VT323', monospace;
}
[data-skin-root]{
	border:3px solid rgba(255,102,178,.4);
	border-radius:10px;
}
[data-skin-part="navigation"]{
	background:#1a1020 !important;
	border-bottom:2px solid rgba(255,102,178,.4);
}
[data-skin-part="navigation-top"]{
	background:transparent !important;
}
[data-skin-part="navigation-links"]{
	background:rgba(255,102,178,.06) !important;
}
[data-skin-part="brand"]{
	color:#ff66b2;
	text-shadow:0 0 8px rgba(255,102,178,.5);
}
[data-skin-root] .panel__heading{
	background:#1a1020 !important;
	border:1px solid #ff66b2;
	border-radius:6px 6px 0 0;
	color:#ff66b2;
	text-align:center;
	text-shadow:0 0 6px rgba(255,102,178,.5);
	font-family:'Silkscreen', monospace;
}
[data-skin-root] .panel__body,
[data-skin-part="wall"] .post-card,
[data-skin-part="wall"] .composer{
	background-color:#1a1020;
	color:#f0d6e8;
}
@keyframes lumi-glow{
	from{
		text-shadow:0 0 6px rgba(255,102,178,.55), 0 0 14px rgba(255,102,178,.25);
	}
	to{
		text-shadow:0 0 14px rgba(255,102,178,.7), 0 0 30px rgba(255,102,178,.45), 0 0 50px rgba(255,102,178,.15);
	}
}
[data-skin-part="name"]{
	font-family:'Press Start 2P', monospace;
	font-size:1.1rem;
	line-height:1.6;
	color:#ff66b2;
	animation:lumi-glow 2s ease-in-out infinite alternate;
}
[data-skin-part="sidebar"]{
	background:#1a1020;
	border:2px solid rgba(255,102,178,.35);
	border-radius:6px;
	box-shadow:0 0 30px rgba(255,102,178,.12);
}
[data-skin-part="photo"]{
	border:2px solid rgba(255,102,178,.5);
	border-radius:6px;
	box-shadow:0 0 16px rgba(255,102,178,.3);
}
[data-skin-part="details"]{
	font-family:'Silkscreen', monospace;
	color:#a07090;
	font-size:.8rem;
}
[data-skin-part="theme-song"]{
	border:2px solid rgba(255,102,178,.35);
	border-radius:6px;
	background:#1a1020;
}
[data-skin-part="vibe"]{
	background:rgba(255,102,178,.08);
	border:1px solid rgba(255,102,178,.3);
	border-radius:6px;
	color:#f0d6e8;
}
[data-skin-part="url"]{
	background:#1a1020;
	border:1px solid rgba(255,102,178,.3);
	border-radius:6px;
	color:#a07090;
}
[data-skin-part="actions"]{
	background:#1a1020;
	border:2px solid rgba(255,102,178,.35);
	border-radius:6px;
}
[data-skin-part="actions"] .profile-actions__cell{
	background:rgba(255,102,178,.05);
	border-color:rgba(255,102,178,.3);
}
@keyframes lumi-bounce{
	0%{
		transform:translateY(0);
	}
	50%{
		transform:translateY(3px);
	}
	100%{
		transform:translateY(0);
	}
}
[data-skin-part="about"],
[data-skin-part="notice"]{
	animation:lumi-bounce 2.4s ease infinite;
}
[data-skin-part="notice"]{
	background:#1a1020 !important;
	border:1px solid rgba(255,102,178,.35) !important;
	border-radius:8px;
	color:#f0d6e8;
	text-align:center;
}
[data-skin-part="links"]{
	background:#1a1020;
	border:2px solid rgba(255,102,178,.35);
	border-radius:6px;
}
[data-skin-part="links"] a:hover{
	color:#ffffff;
	text-shadow:0 0 8px rgba(255,102,178,.6);
}
[data-skin-part="interests"]{
	background:#1a1020;
	border:2px solid rgba(255,102,178,.35);
	border-radius:6px;
	color:#f0d6e8;
}
[data-skin-part="friends"]{
	background:#1a1020;
	border:2px solid rgba(255,102,178,.35);
	border-radius:6px;
}
[data-skin-part="bio"]{
	background:#1a1020;
	border:2px solid rgba(255,102,178,.35);
	border-radius:6px;
	box-shadow:0 0 40px rgba(255,102,178,.1);
}
[data-skin-part="bio-content"]{
	font-size:1.2rem;
	line-height:1.55;
	color:#f0d6e8;
}
[data-skin-part="bio"] a:hover{
	color:#ffffff;
	text-shadow:0 0 8px rgba(255,102,178,.6);
}
[data-skin-part="custom-html"]{
	font-family:'Silkscreen', monospace;
	color:#a07090;
	text-align:center;
}
[data-skin-part="blog-preview"]{
	background:#1a1020;
	border:2px solid rgba(255,102,178,.35);
	border-radius:6px;
}
[data-skin-part="wall"]{
	background:transparent;
}
[data-skin-part="post"]{
	background:#1a1020;
	border:1px solid rgba(255,102,178,.25);
	border-radius:6px;
	box-shadow:0 0 16px rgba(255,102,178,.08);
}
[data-skin-part="comment"]{
	background:#1a1020;
	border:1px solid rgba(255,102,178,.2);
	border-radius:6px;
}
[data-skin-part="photo"] img,
[data-skin-part="photo"] .profile-placeholder,
[data-skin-root] img{
	border-radius:6px;
}
[data-skin-part="footer"]{
	background:#1a1020 !important;
	border-top:2px solid rgba(255,102,178,.4);
	color:#a07090;
}
</style>

<p>✦ 彡 welcome to my corner of the web - theme created by LuminaStrike // Clover 彡 ✦</p>
Comments

No comments yet.