···3131 --border-hover-transition: 0.2s ease; /* transition for borders when hovered */
32323333 /* top bar options */
3434- --top-bar-height: var(
3535- --gap
3636- ); /* height of the top bar (discord default is 36px, old discord style is 24px, var(--gap) recommended if button position is set to titlebar) */
3434+3535+ /* height of the top bar (discord default is 36px, old discord style is 24px, var(--gap) recommended if button position is set to titlebar) */
3636+ --top-bar-height: var(--gap);
3737 --top-bar-button-position: titlebar; /* off: default position, hide: hide buttons completely, serverlist: move inbox button to server list, titlebar: move inbox button to channel titlebar (will hide title) */
3838 --top-bar-title-position: off; /* off: default centered position, hide: hide title completely, left: left align title (like old discord) */
3939 --subtle-top-bar-title: off; /* off: default, on: hide the icon and use subtle text color (like old discord) */
···7070 --remove-bg-layer: off; /* off: no changes, on: remove the base --bg-3 layer for use with window transparency (WILL OVERRIDE BACKGROUND IMAGE) */
7171 --panel-blur: off; /* off: no changes, on: blur the background of panels */
7272 --blur-amount: 12px; /* amount of blur */
7373- --bg-floating: var(
7474- --bg-3
7575- ); /* set this to a more opaque color if floating panels look too transparent. only applies if panel blur is on */
7373+ /* set this to a more opaque color if floating panels look too transparent. only applies if panel blur is on */
7474+ --bg-floating: var(--bg-3);
76757776 /* chatbar options */
7877 --custom-chatbar: off; /* off: default chatbar, separated: chatbar separated from chat */
···10099 --bg-3: #181825; /* spacing, secondary elements */
101100 --bg-4: #1e1e2e; /* main background color */
102101 --hover: hsla(235, 15%, 53%, 0.1); /* channels and buttons when hovered */
103103- --active: hsla(
104104- 235,
105105- 15%,
106106- 53%,
107107- 0.2
108108- ); /* channels and buttons when clicked or selected */
109109- --active-2: hsla(
110110- 235,
111111- 15%,
112112- 53%,
113113- 0.3
114114- ); /* extra state for transparent buttons */
102102+ /* channels and buttons when clicked or selected */
103103+ --active: hsla(235, 15%, 53%, 0.2);
104104+ /* extra state for transparent buttons */
105105+ --active-2: hsla(235, 15%, 53%, 0.3);
115106 --message-hover: hsla(235, 0%, 0%, 0.1); /* messages when hovered */
116107117108 /* accent colors */
···120111 --accent-3: var(--purple-3); /* accent buttons */
121112 --accent-4: var(--purple-4); /* accent buttons when hovered */
122113 --accent-5: var(--purple-5); /* accent buttons when clicked */
123123- --accent-new: var(
124124- --accent-2
125125- ); /* stuff that's normally red like mute/deafen buttons */
114114+ /* stuff that's normally red like mute/deafen buttons */
115115+ --accent-new: var(--accent-2);
116116+ /* background of messages that mention you */
126117 --mention: linear-gradient(
127118 to right,
128119 color-mix(in hsl, var(--accent-2), transparent 90%) 40%,
129120 transparent
130130- ); /* background of messages that mention you */
121121+ );
122122+ /* background of messages that mention you when hovered */
131123 --mention-hover: linear-gradient(
132124 to right,
133125 color-mix(in hsl, var(--accent-2), transparent 95%) 40%,
134126 transparent
135135- ); /* background of messages that mention you when hovered */
127127+ );
128128+ /* background of messages that reply to you */
136129 --reply: linear-gradient(
137130 to right,
138131 color-mix(in hsl, var(--text-3), transparent 90%) 40%,
139132 transparent
140140- ); /* background of messages that reply to you */
133133+ );
134134+ /* background of messages that reply to you when hovered */
141135 --reply-hover: linear-gradient(
142136 to right,
143137 color-mix(in hsl, var(--text-3), transparent 95%) 40%,
144138 transparent
145145- ); /* background of messages that reply to you when hovered */
139139+ );
146140147141 /* status indicator colors */
148148- --online: var(--green-2); /* change to #43a25a for default */
149149- --dnd: var(--red-2); /* change to #d83a42 for default */
150150- --idle: var(--yellow-2); /* change to #ca9654 for default */
151151- --streaming: var(--purple-2); /* change to #593695 for default */
152152- --offline: var(--text-4); /* change to #83838b for default offline color */
142142+ --online: #a6e3a1; /* change to #43a25a for default */
143143+ --dnd: #f38ba8; /* change to #d83a42 for default */
144144+ --idle: #f9e2af; /* change to #ca9654 for default */
145145+ --streaming: #cba6f7; /* change to #593695 for default */
146146+ --offline: #313244; /* change to #83838b for default offline color */
153147154148 /* border colors */
155149 --border-light: var(--hover); /* general light border color */
156150 --border: var(--active); /* general normal border color */
157151 --border-hover: var(--active); /* border color of panels when hovered */
158158- --button-border: hsl(
159159- 235,
160160- 0%,
161161- 100%,
162162- 0.1
163163- ); /* neutral border color of buttons */
152152+ /* neutral border color of buttons */
153153+ --button-border: hsl(235, 0%, 100%, 0.1);
164154165155 /* base colors */
166156 --red-1: hsl(343deg, 81%, 80%);