Amethyst

A calm, deep purple theme for Discord heavily inspired by the Purplous Discord theme.

Installation

Powercord

To install Amethyst with Powercord

• Navigate to your powercord folder
• Go to src > Powercord and right click themes
• Select Git Bash here (as shown below) and then type

git clone https://github.com/spinfish/amethyst

Screenshot of Git Bash here

BetterDiscord

To install Amethyst with BetterDiscord

For a direct download, click here. If you don't want that, do the following:

• Click here
• Press the big blue Download button
• Drag and drop the file into your Themes folder

Special features

Amethyst has a few special features up its sleeve for you to play around with!

• Custom-made addons

  As of v1.4.0, Amethyst comes with custom-made addons which you can view in the extras folder. To use one, simply paste the following CSS at the top of your Quick CSS file:

  @import "https://spinfish.github.io/amethyst/extras/[ADDON-NAME-HERE].css";

  settings-button addon

  
  custom-hljs-styling addon

  As of v1.7.0, you can now customize Discord's codeblocks to your likings, Amethyst-style. Below are some pre-made colour schemes for you to enjoy. To use one, simply paste the code from your scheme of choice into your Quick CSS (make sure it's after the addon @import!).

  :root { --amethyst-hljs-1: rgb(95, 173, 212); --amethyst-hljs-2: rgb(141, 48, 108); --amethyst-hljs-3: rgb(112, 175, 178); --amethyst-hljs-4: rgb(115, 154, 102); --amethyst-hljs-5: rgb(148, 165, 187); --amethyst-hljs-6: rgb(147, 89, 163); --amethyst-hljs-7: rgb(126, 132, 199); --amethyst-hljs-8: rgb(122, 183, 161); }	:root { --amethyst-hljs-1: rgb(120, 101, 199); --amethyst-hljs-2: rgb(232, 146, 109); --amethyst-hljs-3: rgb(154, 180, 131); --amethyst-hljs-4: rgb(239, 222, 175); --amethyst-hljs-5: rgb(107, 217, 237); --amethyst-hljs-6: rgb(229, 145, 204); --amethyst-hljs-7: rgb(185, 144, 252); --amethyst-hljs-8: rgb(253, 186, 133); }	:root { --amethyst-hljs-1: rgb(187, 101, 179); --amethyst-hljs-2: rgb(241, 120, 107); --amethyst-hljs-3: rgb(81, 158, 127); --amethyst-hljs-4: rgb(199, 180, 119); --amethyst-hljs-5: rgb(45, 161, 191); --amethyst-hljs-6: rgb(148, 115, 178); --amethyst-hljs-7: rgb(112, 205, 202); --amethyst-hljs-8: rgb(171, 169, 118); }	:root { --amethyst-hljs-1: rgb(228, 211, 211); --amethyst-hljs-2: rgb(216, 113, 148); --amethyst-hljs-3: rgb(90, 241, 186); --amethyst-hljs-4: rgb(191, 172, 104); --amethyst-hljs-5: rgb(108, 118, 176); --amethyst-hljs-6: rgb(203, 145, 231); --amethyst-hljs-7: rgb(255, 112, 221); --amethyst-hljs-8: rgb(226, 226, 226); }

• Customizable margins and rounded corners

  As of v1.3.0, you can now customize Amethyst's spacing and corner roundness properties! Simply head over to your Quick CSS, paste the following CSS into it, then adjust each of the `VALUE`s to your likings:

  :root { 
    --amethyst-margin: `VALUE`px; /* Default spacing: 4px */
    --amethyst-radius: `VALUE`px; /* Default roundness: 10px */
  }

  Here's what Amethyst looks like with the margin property set to `8px` and the radius property to `0px`:

  

Extra previews

Home page

User settings

Open thread

Acknowledgements

Without these people this theme would never have been made 💙

Huge thanks to Maya and Equity for the original theme idea and variables, and to Daggy for giving me the permission to take the theme's concept as my own. Also, thank you to the following people for their wonderful extras:

• NYRI4 for Discolored
• mr-miner1 for Better Badges
• Goose-Nest for RevertRebrand
• CreArts Community for Context Icons