AnnouncementsMatrixEventsFunnyVideosMusicAncapsTechnologyEconomicsPrivacyGIFSCringeAnarchyFilmPicsThemesIdeas4MatrixAskMatrixHelpTop Subs
2

:root {
--body-bg-color: #282a36;
--body-color: #f8f8f2;
--link-color: #ff79c6;
--button-color: #50fa7b;
}

body {
background: var(--body-bg-color);
color: var(--body-color);
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

a, a:hover, a:focus {
color: var(--link-color);
}

button {
background: var(--button-color);
color: #282a36;
border-radius: 3px;
padding: 5px 10px;
}

#header, #sidebar, #chatArea {
background: #44475a;
border: none;
}

.network-bar {
background: #21222c;
color: #bd93f9;
}

#topicbar a {
color: #8be9fd;
}

Comment preview

[-]x0x71(+1|0)

Thanks for sharing. IMO it's almost impercevably different.

To make it a theme, if you want to know how to do that, just start the post with ```css

Basically you want to make a codeblock that is labled as css.

[-]x0x71(+1|0)
/* Turning it into a theme people can install *.
:root {
--body-bg-color: #282a36;
--body-color: #f8f8f2;
--link-color: #ff79c6;
--button-color: #50fa7b;
}

body {
background: var(--body-bg-color);
color: var(--body-color);
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

a, a:hover, a:focus {
color: var(--link-color);
}

button {
background: var(--button-color);
color: #282a36;
border-radius: 3px;
padding: 5px 10px;
}

#header, #sidebar, #chatArea {
background: #44475a;
border: none;
}

.network-bar {
background: #21222c;
color: #bd93f9;
}

#topicbar a {
color: #8be9fd;
}
[-]JasonCarswell2(+2|0)

I'm afraid to try and lose what I have.

Could you make an option to "revert theme" so that I can change back instead of clear. Also, it might be good to know what I had/have - so maybe a list of theme names (with versions) could be useful.

[-]LarrySwinger-1(+1|-2)

kys

[-]Gr3vi1(+1|0)

Get a tampon for your period.