Skip to content

discord nitroless theme by code913

Write a review Install Get Stylus

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

allows for simple themes in discord on browser without nitro

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);
}*/

Reviews

No reviews yet.