allows for simple themes in discord on browser without nitro
discord nitroless theme by code913
Details
Authorcode913
LicenseNo License
Categorydiscord.com
Created
Updated
Size2.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
you need to add another stylesheet to configure it
:root {
/* these are HSL values separated by spaces. syntax same as hsl() function. do not put alpha */
--primary: 69 69% 69%; /* primary color for backgrounds and top left of gradients */
--secondary: 69 69% 69%; /* secondary color for foreground colors and bottom right of gradients */
--accent: 69 69% 69%: /* accent color for borders */
/* optional */
--background: url("https://example.org/image.webp"); // app background. defaults to a gradient if you don't provide it
}
Source code
/* ==UserStyle==
@name nitroless theme base
@version 20230412.13.51
@namespace ?
==/UserStyle== */
body,
[class*="appMount-" i],
[class*="app-"] > [class*="container"],
[class*="bg-"] {
--acc: var(--accent, var(--primary));
--gradient: linear-gradient(to bottom right, hsl(var(--primary)), hsl(var(--acc)), hsl(var(--secondary)));
--accent-border: 2px solid hsl(var(--acc) / 0.6);
background-image: var(--background, var(--gradient)) !important;
background-size: cover;
}
section,
[class*="nowPlaying" i],
[class*="nowPlaying" i] *,
[class*="people" i],
[class*="guilds-"],
[class*="sidebar-"],
[class*="sidebar-"] *:not(:is(nav, section, [class*="progress" i])),
[class*="chat-"],
[class*="chat-"] form::before,
[class*="chat"] form :is([class*="textarea" i], [class*="scroll" i]),
[class*="children"]::after,
[class*="guilds-"] :where([class*="listitem" i], [class*="wrapper" i]):not(:hover) {
background: transparent !important;
}
[class*="guilds-"] > ul {
background: #0009 !important;
}
[class*="sidebar-"] :is(nav, section), [class*="chat"] input {
background: #000A !important;
}
[class*="sidebar-"] li :where([class*="interactive"], [class*="content"]):not([class*="selected" i]):where(:hover) {
background: hsl(var(--primary) / 0.4) !important;
}
[class*="sidebar-"] li :is(div[class*="interactive"][class*="selected" i], [class*="selected" i] > [class*="content"]) {
background: hsl(var(--primary) / 0.6) !important;
outline: var(--accent-border);
}
[class*="sidebar-"] li [class*="interactive"] [class*="content"] {
background: transparent !important;
}
[class*="sidebar-"] li [class*="icon" i] {
color: hsl(var(--accent, var(--secondary))) !important;
}
main,
[class*="chat-"] section {
background: #000B !important;
}
[class*="chat-"] form [class*="inner"] {
backdrop-filter: brightness(200%) blur(5px);
border: var(--accent-border);
border-radius: inherit;
}
[class*="chat-"] form [class*="placeholder"] {
color: inherit !important;
}
/* optional */
/*[class*="guilds-"]:not(:hover) {
filter: blur(5px);
}*/