Prttyscngrl!

Pink scene theme!
Code

<style>@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");
@keyframes glitch{0%{transform:translate(0);}20%{transform:translate(-2px, 2px);}40%{transform:translate(-2px, -2px);}60%{transform:translate(2px, 2px);}80%{transform:translate(2px, -2px);}100%{transform:translate(0);}}@keyframes pulse{50%{box-shadow:0 0 20px #00ffff, 0 0 40px #00ffff;}}@keyframes rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}[data-skin-page]{--scene-pink:#ff1493;--scene-black:#0a0a0a;--scene-purple:#9400d3;--scene-cyan:#00ffff;--scene-white:#ffffff;--scene-gray:#1a1a1a;--skin-palette-accent:#ff1493;--skin-palette-accent-text:#fff;--skin-palette-backdrop:#000;--skin-palette-chrome:#1a0011;--skin-palette-chrome-text:#ff1493;--skin-palette-link:#ff1493;--skin-palette-link-hover:#00ffff;--skin-palette-muted:#660033;--skin-palette-page:#050005;--skin-palette-page-text:#ff1493;--skin-palette-surface:#0a0005;--skin-palette-surface-text:#00ffff;background:repeating-conic-gradient(
      from 0deg at 0% 0%,
      #1a0011 0deg 10deg,
      #0a0005 10deg 20deg
    ),
    
    radial-gradient(2px 2px at 20px 30px, #ff1493, transparent),
    radial-gradient(2px 2px at 40px 70px, #00ffff, transparent),
    radial-gradient(1px 1px at 90px 40px, #fff, transparent),
    radial-gradient(2px 2px at 160px 120px, #ff1493, transparent),
    radial-gradient(1px 1px at 230px 80px, #00ffff, transparent),
    
    repeating-linear-gradient(
      45deg,
      rgba(255,20,147,0.1),
      rgba(255,20,147,0.1) 10px,
      rgba(0,255,255,0.1) 10px,
      rgba(0,255,255,0.1) 20px
    ),
    
    radial-gradient(ellipse at center, #1a0011 0%, #050005 50%, #000 100%);background-size:40px 40px, 200px 200px, 200px 200px, 200px 200px, 200px 200px, 200px 200px, 30px 30px, cover;}[data-skin-part="shell"],
[data-skin-root],
[data-skin-root] *{font-family:"VT323", monospace !important;}[data-skin-root]{animation:flicker 0.15s infinite;background:linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 50%),
    repeating-linear-gradient(90deg, rgba(255,20,147,0.05) 0px, transparent 1px, transparent 3px);background-size:100% 2px, 100% 100%;border:3px solid #ff1493;border-radius:4px;box-shadow:0 0 0 2px #000,
    0 0 0 4px #1a0011,
    0 0 0 6px #000,
    0 0 20px rgba(255,20,147,0.8),
    0 0 40px rgba(255,20,147,0.4),
    0 0 80px rgba(0,255,255,0.2),
    inset 0 0 100px rgba(0,0,0,0.9);color:#ff1493;margin-block:36px;padding:clamp(18px, 4vw, 48px);position:relative;}[data-skin-root]::before{content:"";top:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg, #ff1493, #00ffff, #ff1493, #9400d3);animation:pulse 2s infinite;border-radius:4px 4px 0 0;}[data-skin-root]::after{content:"✦";bottom:15px;right:20px;font-size:20px;color:#00ffff;text-shadow:0 0 10px #00ffff, 0 0 20px #ff1493;animation:rotate 10s linear infinite;}[data-skin-part="navigation"],
[data-skin-part="navigation-top"],
[data-skin-part="navigation-links"]{background:repeating-linear-gradient(
      45deg,
      #1a0011,
      #1a0011 10px,
      #0a0005 10px,
      #0a0005 20px
    ) !important;border:2px solid #ff1493 !important;box-shadow:0 0 15px rgba(255,20,147,0.6),
    inset 0 0 30px rgba(0,0,0,0.8) !important;color:#00ffff !important;}[data-skin-part="footer"]{background:none !important;color:#ff1493 !important;text-shadow:0 0 10px #ff1493;}[data-skin-root] a{background:linear-gradient(180deg, #ff1493 0%, #9400d3 100%);border:2px solid #00ffff;box-shadow:0 0 10px rgba(255,20,147,0.8),
    inset 0 0 10px rgba(0,0,0,0.5);color:#fff !important;text-decoration:none;text-shadow:0 0 5px rgba(0,0,0,0.9);transition:all 0.2s;position:relative;overflow:hidden;}[data-skin-root] a::before{content:"▸";margin-right:5px;}[data-skin-root] a:hover{background:linear-gradient(180deg, #00ffff 0%, #ff1493 100%);border-color:#ff1493;box-shadow:0 0 20px rgba(0,255,255,0.9),
    0 0 40px rgba(255,20,147,0.6);color:#000 !important;transform:translateY(-2px);}[data-skin-root] .panel,
[data-skin-part="notice"],
[data-skin-part="vibe"],
[data-skin-part="url"],
[data-skin-part="links"],
[data-skin-part="interests"]{background:linear-gradient(135deg, rgba(26,0,17,0.95) 0%, rgba(10,0,5,0.95) 100%),
    repeating-linear-gradient(
      45deg,
      rgba(255,20,147,0.05),
      rgba(255,20,147,0.05) 10px,
      rgba(0,255,255,0.05) 10px,
      rgba(0,255,255,0.05) 20px
    ) !important;border:2px solid !important;border-image:linear-gradient(45deg, #ff1493, #00ffff, #9400d3) 1 !important;border-radius:0 !important;box-shadow:0 0 20px rgba(255,20,147,0.4),
    inset 0 0 40px rgba(0,0,0,0.9) !important;color:#00ffff !important;}[data-skin-root] .panel__heading{background:repeating-linear-gradient(
      90deg,
      #ff1493,
      #ff1493 20px,
      #9400d3 20px,
      #9400d3 40px
    ) !important;border-bottom:3px solid #00ffff !important;color:#fff !important;text-shadow:2px 2px 0px #000,
    0 0 10px rgba(0,0,0,0.9);letter-spacing:2px;}[data-skin-root] .panel__heading::before{content:"★ ";}[data-skin-root] .panel__body,
[data-skin-part="wall"] .post-card,
[data-skin-part="wall"] .composer{background:rgba(5,0,5,0.7) !important;color:#ff1493 !important;}[data-skin-part="about"]{background:transparent !important;border:0 !important;box-shadow:none !important;}[data-skin-part="photo"]{background:linear-gradient(145deg, #1a1a1a 0%, #0a0a0a 100%) !important;border:3px solid #333 !important;border-radius:8px !important;box-shadow:0 0 0 2px #000,
    0 0 0 4px #1a0011,
    0 0 20px rgba(255,20,147,0.6),
    0 0 40px rgba(0,255,255,0.3),
    inset 0 0 60px rgba(0,0,0,1) !important;padding:20px !important;position:relative;margin:0 auto 20px auto;width:fit-content;}[data-skin-part="photo"]::before{content:"";bottom:8px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:#00ff00;border-radius:50%;box-shadow:0 0 10px #00ff00, 0 0 20px #00ff00;animation:pulse 2s infinite;}[data-skin-part="photo"]::after{content:"QUENQ";bottom:6px;right:15px;font-size:8px;color:#444;letter-spacing:1px;font-family:Arial, sans-serif;font-weight:bold;}[data-skin-part="photo"] .screen-container{position:relative;background:#000;border:2px solid #222;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 50px rgba(0,0,0,1),
    0 0 20px rgba(255,20,147,0.4);}[data-skin-part="photo"] img,
[data-skin-part="photo"] .profile-placeholder{width:100%;height:auto;display:block;border:0 !important;border-radius:0 !important;box-shadow:none !important;filter:contrast(1.3) 
    brightness(0.85) 
    saturate(1.5)
    hue-rotate(320deg);}[data-skin-part="photo"] .scanlines{top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(
    0deg,
    rgba(0,0,0,0.2) 0px,
    rgba(0,0,0,0.2) 1px,
    transparent 1px,
    transparent 2px
  );pointer-events:none;z-index:10;}[data-skin-part="photo"] .screen-glow{top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center, transparent 60%, rgba(255,20,147,0.2) 100%);pointer-events:none;z-index:11;}[data-skin-part="photo"] .vignette{top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,0.6) 100%);pointer-events:none;z-index:12;}[data-skin-part="interests"] td{background:rgba(255,20,147,0.1) !important;border:1px solid #ff1493 !important;color:#00ffff !important;}[data-skin-part="actions"] .profile-actions__cell{background:linear-gradient(180deg, #1a0011 0%, #0a0005 100%);border:2px solid #ff1493;box-shadow:0 0 10px rgba(255,20,147,0.5);}[data-skin-part="actions"] .profile-action{background:linear-gradient(180deg, #ff1493 0%, #9400d3 100%);border:2px solid #00ffff;color:#fff !important;font-weight:bold;box-shadow:0 0 10px rgba(255,20,147,0.8);text-shadow:0 0 5px rgba(0,0,0,0.9) !important;}[data-skin-part="actions"] .profile-action:hover{background:linear-gradient(180deg, #00ffff 0%, #ff1493 100%);border-color:#ff1493;box-shadow:0 0 20px rgba(0,255,255,0.9);}[data-skin-root] h1,
[data-skin-root] h2,
[data-skin-root] h3{color:#ff1493;text-shadow:2px 2px 0px #000,
    0 0 10px #ff1493,
    0 0 20px #00ffff;animation:glitch 0.3s infinite;}[data-skin-root] h1::before{content:"✦ ";color:#00ffff;}[data-skin-root] h1::after{content:" ✦";color:#00ffff;}</style>


<div class="screen-container">
  <span></span>
  <div class="scanlines"></div>
  <div class="screen-glow"></div>
  <div class="vignette"></div>
</div>
Comments

No comments yet.