Fluxer App

I've never done something like this before, but I thought I'd try it since I couldn't find anything in this style online. There's a few things I couldn't find out how to change (like the background color for the themes that aren't coal) and a few settings that I couldn't figure out what they changed so if you have any alternations you'd make please let me know, as I'm still not sure if I'm quite happy with it yet.

https://web.fluxer.app/theme/460303ab45dd272b

:root { --background-primary: #361C28; }
:root { --background-secondary: #3D1F2F; }
:root { --background-modifier-hover: #633346; }
:root { --guild_list-foreground: #9C4F72; }
:root { --background-modifier-selected: #5C1C34; }
:root {  }
:root { --background-modifier-accent: #692345; }
:root { --background-secondary-alt: #7D3856; }
:root { --background-tertiary: #4F2039; }
:root { --background-textarea: #6E2646; }
:root {  }
:root {  }
:root { --brand-primary: #BD5B89; }
:root { --brand-secondary: #8A2D5F; }
:root { --brand-primary-light: #FFADF5; }
:root { --text-primary: #F7D2E3; }
:root { --text-secondary: #E8DCE7; }
:root { --text-chat: #F7D2E3; }
:root { --text-chat-muted: #CFC0CC; }
:root {  }
:root { --background-header-primary: #D1568F; }
:root { --background-header-primary-hover: #82465D; }
:root { --background-header-secondary: #613550; }
:root { --text-link: #E376C1; }
:root { --text-tertiary-secondary: #916A81; }
:root {  }
:root { --bg-primary: #422233; }
:root { --bg-code: #4A1A35; }
:root { --accent-primary: #D6518E; }
:root { --bg-hover: #613143; }
:root { --markup-interactive-hover-text: #965476; }
:root { --bg-secondary: #4A1E32; }
:root {  }
:root {  }
:root { --text-tertiary: #9C6084; }
:root { --text-primary-muted: #C9ADBB; }
:root {  }
:root {  }
:root {  }
:root { --text-tertiary-muted: #A17493; }
:root { --background-modifier-accent-focus: #753561; }
:root { --bg-active: #7A384B; }
:root { --button-outline-border: #8A3059; }
:root {  }
:root { --markup-mention-text: #E376C1; }
:root { --bg-code-block: #702749; }