···11body {
22 /* zoom: 150% !important; /* I like big UI :) */
33}
44-55-:root {
66- /* amount of spacing and padding */
77- --spacing: 12px;
88- /* radius of round corners */
99- --roundness: 16px;
1010-1111- --hue-main: 130;
1212- --saturation: 70%;
1313-1414- /* font, change to 'gg sans' for default discord font*/
1515- --font: "gg sans";
1616-1717- /* color of green online dot, change to #23a55a for default green */
1818- --online-indicator: var(--accent-2);
1919-2020- /* color of links */
2121- --accent-1: hsl(var(--hue-main), var(--saturation), 60%);
2222- /* color of unread dividers and some indicators */
2323- --accent-2: hsl(var(--hue-main), var(--saturation), 48%);
2424- /* color of accented buttons */
2525- --accent-3: hsl(var(--hue-main), var(--saturation), 42%);
2626- /* color of accented buttons when hovered */
2727- --accent-4: hsl(var(--hue-main), var(--saturation), 36%);
2828- /* color of accented buttons when clicked */
2929- --accent-5: hsl(var(--hue-main), var(--saturation), 30%);
3030-3131- /* color of mentions and messages that mention you */
3232- --mention: hsla(var(--hue-main), var(--saturation), 52%, 0.1);
3333- /* color of mentions and messages that mention you when hovered */
3434- --mention-hover: hsla(var(--hue-main), var(--saturation), 52%, 0.05);
3535-3636- /* color of bright text on colored buttons */
3737- --text-1: hsl(220, 40%, 90%);
3838- /* color of headings and important text */
3939- --text-2: hsl(220, 25%, 70%);
4040- /* color of normal text */
4141- --text-3: hsl(220, 15%, 60%);
4242- /* color of icon buttons and channels */
4343- --text-4: hsl(220, 15%, 40%);
4444- /* color of muted channels/chats and timestamps */
4545- --text-5: hsl(220, 15%, 25%);
4646-4747- /* color of dark buttons when clicked */
4848- --bg-1: hsl(220, 15%, 20%);
4949- /* color of dark buttons */
5050- --bg-2: hsl(220, 15%, 16%);
5151- /* color of spacing around panels and secondary elements */
5252- --bg-3: hsl(220, 15%, 13%);
5353- /* main background color */
5454- --bg-4: hsl(220, 15%, 10%);
5555-5656- /* color of channels and icon buttons when hovered */
5757- --hover: hsla(230, 20%, 40%, 0.1);
5858- /* color of channels and icon buttons when clicked or selected */
5959- --active: hsla(220, 20%, 40%, 0.2);
6060- /* color of messages when hovered */
6161- --message-hover: hsla(220, 0%, 0%, 0.1);
6262-6363- /* top left icon */
6464- --moon-icon: none; /* change to 'none' to hide moon icon */
6565- --discord-icon: block; /* change to 'block' to show default discord icon */
6666-}