Forwarded from TenzXTeam (noryn.)
Liquid Glass Navbar:
themeBtn.addEventListener("click", () => {
const root = document.documentElement;
const isDark = root.getAttribute("data-theme") === "dark";
root.setAttribute(
"data-theme",
isDark ? "light" : "dark"
);
setTimeout(() => {
const active = document.querySelector(".nav-btn.active");
if (active) updatePill(active);
}, 100);
});Forwarded from TenzXTeam (noryn.)
detect button:
Get main elements in Html:
Checking the current theme:
change theme:
Add a pause:
Add a CSS:
themeBtn.addEventListener("click", () => {Get main elements in Html:
const root = document.documentElement;
Checking the current theme:
const isDark = root.getAttribute("data-theme") === "dark";change theme:
root.setAttribute(
"data-theme",
isDark ? "light" : "dark"
);
Add a pause:
setTimeout(() => {
const active = document.querySelector(".nav-btn.active");
if (active) updatePill(active);
}, 100);Add a CSS:
:root {
--bg: #f5f5f7;
--text: #171717;
--glass: rgba(255, 255, 255, 0.35);
--glass-border: rgba(255, 255, 255, 0.45);
}
:root[data-theme="dark"] {
--bg: #0b0c10;
--text: #f5f5f7;
--glass: rgba(30, 30, 35, 0.45);
--glass-border: rgba(255, 255, 255, 0.15);
}
body {
background: var(--bg);
color: var(--text);
transition: background 0.3s ease, color 0.3s ease;
}
.navbar {
background: var(--glass);
border: 1px solid var(--glass-border);
backdrop-filter: blur(20px) saturate(160%);
-webkit-backdrop-filter: blur(20px) saturate(160%);
}Forwarded from 『#RVX』#igneel - Shining Saber (Gtw bro,mending makan mie ayam)
Ad yang punya room public? Send kebawah mau ku push kan♥️
Woylah admin admin tercinta jangan pada promosi, nanti aku udh marah nangis kalian🤬
noryn.
iya
Iya deh iya gausah di pamerin juga kasian yg jomblo karatan di sini cuma kebagian whan when doang
</𝐏𝐚𝐫𝐤𝐞𝐫 𝐅𝐨𝐫𝐞𝐬𝐜𝐭
when
Salah satu contohnya jomblo karatan :v