Discord Inspired Bits Dark

About

A Discord web dark style, that refines styling the areas the default discords dark style forgot. So ensure the default Discord's dark style is enabled.

Elements covered include:

• Emoji picker and emoji
  • black emoji
  • various other emoji
• Borders
• popovers like:
  • new server
  • help
  • download app
• Dropdown menus

No more burning your retinas on the white areas and no more squinting to try see dark/light emoji on chat area, autocompleter, or emoji picker.

NEWS 25/04/2019: After recent Discord updates, I have decided to discontinue support for this style.

Sites Covered

Site Name	Partial	Full
Discord @me		✔️
Discord blog		✔️

*️⃣ Full coverage entails this is only a partial style that in combination with default dark style, makes up for full coverage of areas that were not styled by Discord.

Discord app

I don't use the Discord app but if you do and there's a way to use this stylesheet in the app, I would like to hear from you.

Installing

Using a browser extension:

• Stylus - get the addon for Firefox, Chrome and Opera.

Then install this style:

Installs directly from this repository.
This is only available using Stylus (see the documentation). 🎉

I Found a Bug

At the first instance of finding a bug, have a look if there is already an open issue, if so add the required information as described in the issue template.

If your issue is new, please open an issue and report your problem.

Contributing

At this time any help is appreciated, so if you can help fix a bug or improve the Discord Inspired Bits Dark, just open a pull request to start the ball rolling.

You will need to ideally:

• Fork the project.

• Limit to the K&R (KNF variation style), and 1 TAB INDENTATION (not more, and not less than 1 tab).

  • K&R - KNF Variation Example:

    element[attr='value'] {
    -property: value;
    }

  • Not Allman

    element[property='value']
    {
    -property: value;
    }

  • Strict space between the selector and the {:

    /* good */
    element[attr='value'] { }
    
    /* bad */
    element[attr='value']{ }

  • 1 tab indentation

    /* good */
    -property: value;
    
    /* bad */
    ····property: value;
    ----property: value;
    ·property: value;

*️⃣ Try to wrap lines at around 80 characters.

Screens