Skip to content

Options

Jump to bottom
Tako edited this page Apr 7, 2024 · 21 revisions

Accent colour

Accent hue sat and Accent lightness

This option is advanced. Use the Colour Selector site.

Text on accent colour

  • Variable: --fluent-text-on-accent-color
  • Default: 0, 0, 0
  • Expected values: Colour in RGB format.

Changes the colour of text when displayed on top of your accent colour (eg. 'primary buttons'). In most cases you'll want either 0, 0, 0 (black) or 255, 255, 255 (white).

Acrylic

See acrylic

Acrylic background

  • Variable: --fluent-acrylic-background
  • Default: url(https://takosthings.github.io/Fluent-Discord/img/Captured_Motion_27.jpg)
  • Expected value: Any URL to an image, a colour in HEX, RGB, or HSLA, or a CSS gradient.

Replace the URL with a link to your own image, a solid colour or a CSS gradient.

Acrylic background blur

  • Variable: --fluent-acrylic-background-blur
  • Default: 24px
  • Expected value: Any number from 1px to 240px

Adjusts the blur amount on the acrylic background. Note: Higher values may result in gray fringing around the edges of the background.

Acrylic background dimness

  • Variable: --fluent-acrylic-background-dimness
  • Default: 75%
  • Expected value: Any number between 0% and 100%

Lower values will reveal more of your background. For most images the default value will work well. Decrease this value if your background is darker and you want to see more details.

Acrylic background saturate

  • Variable: --fluent-acrylic-background-saturate
  • Default: 140%
  • Expected value: Any number above0%

There are a range of options here. 0% is grayscale, 100% is the 'baseline', anything above 100% will increase the saturation of the image i.e. colours are boosted.

Guild icon size

  • Variable: --fluent-guilds-icon-size
  • Default: 24px
  • Expected value: Minimum of 24px, maximum of 30px

Adjusts the size of the server icons. The maximum practical size is 30px before the image starts to overlap the unread/selected pills.

Show avatar decorations

  • Variable: --fluent-show-avatar-decorations
  • Default: none
  • Expected value: block or none

Set to none to hide all avatar decorations. Set to block to show all avatar decorations.

Clone this wiki locally