Adapta Nokto Discord Theme

adapta-nokto.theme.css

/**
 * @name Adapta Nokto
 * @author TheSunCat
 * @version 1.0
 * @description A theme to match the Adapta Nokto GTK theme.
 */

/* Thanks to https://github.com/emil1003/bd-Plata for syntax! */

/* Set base variables */
:root {
	--background-primary: #2f3d44;
	--background-secondary: #263238;
	--background-secondary-alt: #222d32;
	--background-tertiary: #222d32;
	--background-floating: var(--background-tertiary);
	--channeltextarea-background: var(--background-secondary);

	--background-mentioned: #2d4c4f7e;
	--background-mentioned-hover: #2d4c4fb2;

	--scrollbar-thin-thumb: #96999b;
	--scrollbar-thin-track: transparent;
	--scrollbar-auto-thumb: #96999b;
	--scrollbar-auto-track: transparent;
}

/* Recolor dialog boxes */
div[class^="root-"]
{
	background-color: var(--background-primary) !important;
}

div[class*=" footer-"]
{
	background-color: var(--background-secondary) !important;
}

/* Color mentioned message left margin */
div[class*=" mentioned-"]:before {
	background: #00bbd45c !important;
}

/* Fix friendlist redesign header using static values */
div[class^="content-"] > div[class^="container-"] {
	background-color: var(--background-secondary) !important;
}

div[class^="content-"] > div[class^="container-"] > section {
	background-color: #263238 !important;
}

/* Thread text input */
input[class^="inputDefault-"]
{
	background-color: var(--background-primary) !important;
}

/* Popup search */
div[aria-labelledby^="autocomplete"]
{
	background-color: #2f3d44;
}

/* Fix up role list in user profile */
div[class*="rolesList-"]
{
	background-color: var(--background-tertiary) !important;
}

div[role="option"]:after
{
	content: none;
}

div[class*="barBase-"]
{
	background-color: var(--background-tertiary) !important;
}