eludris weeb theme

eludris-theme.css

/* Variables for you to change (if you want to) */

:root {

  --background-url: url('https://cdn.eludris.com/6503287554049');
}

/* Actual theme here */

:root {
  --purple-100: hsla(257, 33%, 8%, 75%);
  --purple-200: hsla(257, 35%, 13%, 90%);
  --gray-300: hsla(249, 33%, 39%, 90%);
  --gray-200: hsla(249, 29%, 16%, 85%);
  --pink-200: hsla(290, 19%, 25%, 90%)
}

#bg {
  background-image: var(--background-url);
  background-size: cover;
  opacity: 0.1;
}

#emoji-preview, #message-input-form, #users, #sphere-channels, #sphere-bar, #profile-wrapper, .setting textarea, footer, pre, #context {
  box-shadow: 0 0 8px 8px rgba(0,0,0,.05);
  backdrop-filter: blur(5px);
}

#options-div {
  box-shadow: 0 0 8px 8px rgba(0,0,0,.05);
}

.mentioned, :not(pre) code {
  backdrop-filter: blur(2px);
}

.message {
  position: relative;
}

.message:hover {
    box-shadow: 0 0 3px 3px rgba(0,0,0,.05);
}

.message:hover::before {
  backdrop-filter: blur(5px);
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.message:has(#context) {
  z-index: 999;
  background-color: var(--purple-100);
  box-shadow: 0 0 3px 3px rgba(0,0,0,.05);
}

#messages:has(#context)::after {
  backdrop-filter: blur(5px);
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

:not(pre) code {
  padding: 0 5px;
  border-radius: 5px;
} 

#profile {
  background-color: hsla(249, 17%, 12%, 60%) !important;
}

@media only screen and (max-width: 1200px) {
  #bg {
    background-position: -400px;
  }
}

Who is hastun?