A beautiful dark purple and neon violet theme inspired by Solo Leveling Shadow Army for mobile and desktop browsers. Elegant lavender text, soft glows, and blurred glass containers.
// ==UserScript==
// @name Solo Leveling Shadow Army Theme
// @namespace viayoo.com
// @version 1.0
// @description A beautiful dark purple and neon violet theme inspired by Solo Leveling Shadow Army for mobile and desktop browsers. Elegant lavender text, soft glows, and blurred glass containers.
// @description:uk Красива темна пурпурно-неонова тема в стилі Армії Тіней (Solo Leveling). Лавандовий шрифт, м'яке світіння та ефект матового скла.
// @author You & AI Assistant
// @match *://*/*
// @run-at document-end
// @grant none
// @license MIT
// ==/UserScript==
(function() {
'use strict';
const style = document.createElement('style');
style.innerHTML = `
:root {
--font-family: "VT323", monospace;
--font-style: normal;
--font-weight: 400;
--font-color: #DCD0FF;
--font-size: 16px;
--color-blue-dark: #b366ff;
--color-search-bg: rgba(22, 6, 44, 0.75);
--color-light-blue: #7f00ff;
--color-blue-glow: rgba(223, 179, 255, 0.4);
--color-shadow: rgba(0, 0, 0, 0.85);
--color-bg-dark: #120224;
--body-image: url("postimg.cc");
--logo-radius: 20%;
--title-size: 18px;
--width-icon: 80px;
}
body {
margin: 0;
padding: 0;
min-height: 100vh;
background-color: var(--color-bg-dark);
color: var(--font-color) !important;
font-family: var(--font-family);
font-weight: var(--font-weight);
font-style: var(--font-style);
background-image:
var(--body-image),
radial-gradient(
circle at center top,
hsla(275, 100%, 75%, 0.9) 0%,
hsla(280, 90%, 50%, 0.4) 40%,
transparent 75%
),
radial-gradient(
circle at center bottom,
hsla(280, 90%, 50%, 0.7) 0%,
hsla(260, 60%, 15%, 1) 50%,
hsla(0, 0%, 0%, 1) 100%
);
background-repeat: no-repeat;
background-position: top 5px center, center top, center bottom;
background-size: 560px auto, 100% 40%, 100% 60%;
background-attachment: fixed;
image-rendering: auto;
animation: pageLoad 1.5s ease-out forwards;
}
@keyframes pageLoad {
from { opacity: 0; filter: grayscale(100%); }
to { opacity: 1; filter: grayscale(0%); }
}
.search_bar {
width: 100%;
max-width: 360px;
margin: 30px auto 0;
border: 2px solid var(--color-blue-glow) !important;
background: var(--color-search-bg) !important;
border-radius: 12px;
display: flex;
align-items: center;
padding: 5px 15px;
box-sizing: border-box;
backdrop-filter: blur(25px) saturate(160%);
-webkit-backdrop-filter: blur(25px) saturate(160%);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
box-shadow: 0 10px 40px 0 var(--color-shadow);
}
.search_bar:focus-within {
max-width: 380px;
border-color: #DCD0FF !important;
box-shadow: 0 0 25px var(--color-blue-glow);
}
#search_input {
width: 100%;
background: transparent;
border: none;
outline: none;
padding: 10px;
color: #DCD0FF !important;
text-shadow: 0 0 5px var(--color-light-blue);
font-size: var(--font-size);
font-family: var(--font-family);
}
::placeholder {
color: rgba(220, 208, 255, 0.5) !important;
}
.logo {
border-radius: var(--logo-radius);
background-color: var(--color-light-blue) !important;
transition: all 0.3s ease;
filter: drop-shadow(4px 4px 0px #000000);
}
.logo:hover {
transform: translateY(-5px) rotate(3deg);
filter: drop-shadow(0px 0px 15px var(--color-light-blue)) !important;
cursor: pointer;
}
.opSug_wpr {
width: 100%;
max-width: 360px;
margin: 5px auto;
box-sizing: border-box;
border: 2px solid var(--color-blue-glow) !important;
background: var(--color-search-bg) !important;
border-radius: 10px;
overflow: hidden;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
box-shadow: 0 8px 32px 0 var(--color-shadow);
}
.opSug_wpr td {
color: #DCD0FF !important;
padding: 8px;
font-family: var(--font-family);
font-size: 12px;
cursor: pointer;
transition: background-color 0.2s;
}
.opSug_wpr td:hover {
background-color: var(--color-light-blue) !important;
color: #DCD0FF !important;
}
.url {
width: calc(var(--width-icon) - 10px);
margin: 8px auto;
text-align: left;
font-size: 11px;
color: #dfb3ff !important;
font-family: var(--font-family);
text-shadow: 2px 2px 2px #000000, 0 0 3px #000000 !important;
word-break: break-word;
opacity: 0.9;
transition: opacity 0.3s;
}
.url:hover {
opacity: 1;
color: #ffffff !important;
}
.title {
color: #ffffff !important;
font-size: var(--title-size);
border: 4px double var(--color-light-blue) !important;
background-color: var(--color-bg-dark) !important;
display: inline-block;
padding: 2px;
font-family: var(--font-family);
}
`;
document.documentElement.appendChild(style);
})();