All Projects → GeopJr → DNOME

GeopJr / DNOME

Licence: BSD-2-Clause license
Adwaita-inspired Discord Theme

Programming Languages

Less
1899 projects
CSS
56736 projects

Projects that are alternatives of or similar to DNOME

Crystalline-css
Theme CSS for BeautifulDiscord and BetterDiscord~
Stars: ✭ 20 (-53.49%)
Mutual labels:  betterdiscord, beautifuldiscord
LilyPichu
A theme based on @Melonturtle_ stream design
Stars: ✭ 68 (+58.14%)
Mutual labels:  betterdiscord
adfab-gulp-boilerplate
A boilerplate including Gulp, Less/SASS, BrowserSync.
Stars: ✭ 17 (-60.47%)
Mutual labels:  less
libadwaita
Libadwaita's widgets for Flutter. Following Gnome HIG and available on all platforms.
Stars: ✭ 171 (+297.67%)
Mutual labels:  adwaita
strapless
Strapless is a color-changing CSS boilerplate for HTML elements, and a powerful LessCSS library for colors and patterns.
Stars: ✭ 27 (-37.21%)
Mutual labels:  less
Vue-music-
🎧Vue全家桶打造的QQ音乐
Stars: ✭ 51 (+18.6%)
Mutual labels:  less
webpack-Vue-vueRouter
通过webpack打包工具以及Vue和Vue-router实现一个公司官方网站的搭建
Stars: ✭ 21 (-51.16%)
Mutual labels:  less
DiscordNight
An actual Dark/Nightmode Theme for Discord/BetterDiscord
Stars: ✭ 86 (+100%)
Mutual labels:  betterdiscord
materialize-social
Social Login Buttons for MaterializeCSS
Stars: ✭ 50 (+16.28%)
Mutual labels:  less
microsoft-figma
Produce sass/less variables files from figma
Stars: ✭ 18 (-58.14%)
Mutual labels:  less
cube.less
3D (animated) cube using only CSS (Less), originally used by LeanCloud (aka. AVOS Cloud)
Stars: ✭ 54 (+25.58%)
Mutual labels:  less
next-plugin-antd
A @zeit/next-less patch with full support for Ant Design, Less and CSS modules
Stars: ✭ 27 (-37.21%)
Mutual labels:  less
typed.css
A fully functional and flexible typewriter mixin for SCSS, with Less and Stylus support coming soon! Typed.css supports multiple strings, multi-line strings, variable speeds, per-string styling, animated caret (blinking insertion cursor), directional type-pausing, and much more. It's even accessible! ✨
Stars: ✭ 113 (+162.79%)
Mutual labels:  less
vite-plugin-theme-preprocessor
css theme preprocessor plugin for vite
Stars: ✭ 144 (+234.88%)
Mutual labels:  less
gradientbuttons-v2
Spice up your Discord buttons with gradients!
Stars: ✭ 31 (-27.91%)
Mutual labels:  betterdiscord
magento-2-gulp
Gulp for Magento 2. It works with core Magento styles (less) and structure. Uses default theme configs from dev/tools/grunt/configs/local-themes.js.
Stars: ✭ 37 (-13.95%)
Mutual labels:  less
quickstart-miniprogram
🎉微信小程序webpack模板
Stars: ✭ 32 (-25.58%)
Mutual labels:  less
TechnicalMarkdown
Easy and full-automated markdown setup for technical documents.
Stars: ✭ 82 (+90.7%)
Mutual labels:  less
godlike.css
CSS for layout standardization and usability of web applications
Stars: ✭ 12 (-72.09%)
Mutual labels:  less
less-mix
LESS-Mix - is a functional, powerful and convenient library LESS-mixins.
Stars: ✭ 22 (-48.84%)
Mutual labels:  less

a circle logo with an emblem of a speech bubble and a background of a gradient of blue and green

DNOME

Adwaita-inspired Discord Theme


COC BSD-2-Clause

Info

This is a Discord theme inspired by GNOME's default theme, Adwaita, in an attempt to make Discord look like it's part of the environment.

The theme is written in Less and supports both light and dark mode. There's a few config options in ./src/DNOME.less. If you are looking to recolor it, you can do so by modifying the Less/CSS variables found in ./src/modules/variables/.

The theme might be missing styles on elements that I don't have access to (Nitro) or are new (app directory) or changed class names. Please open an issue if you find any.

Screenshots

Note: might be outdated or not match the current version of Discord.

Show All

screenshot of the friends page
screenshot of a text channel with a new messages banner
screenshot of guild settings, safety setup showing radio buttons
screenshot of a text channel with a thread open
screenshot of the global search or spotlight
screenshot of inbox popup screenshot of search popup screenshot of context menu on a message screenshot of guild settings popup screenshot of search results screenshot of create a server modal screenshot of user profile popup screenshot of gif picker screenshot of inbox unread mentions popup screenshot of replying to message bar accessory

Note: these are just some of the compoenents - not everything.

Installing

You can inject it using Crycord, BeauitfulDiscord, BetterDiscord, Powercord & any other CSS injector available.

There are 3 options for obtaining the theme:

  1. DNOME-latest.css, which imports the latest compiled version.
  2. dist/DNOME.css, which is the latest compiled version.
  3. Compile it yourself.

Some client mods require certain changes. The theme is in its simpliest form.

However, if you feel something needs extra instructions, open an issue and I'll list it below.

Keep in mind that many plugins and elements from them might not be styled.

For BetterDiscord

BetterDiscord requires a non-CSS META tag and a specific suffix on the filename. There are 2 options for installing the theme:

  1. Download ./DNOME.theme.css and place it in your themes/ folder.
  2. Copy paste the contents of the desired file in the Custom CSS section in settings.

Compiling

  • Install Less
  • $ lessc ./src/DNOME.less ./dist/DNOME.css
  • Done

Sponsors

GeopJr Sponsors

Contributing

  1. Read the Code of Conduct
  2. Read the Discord Theming Guide
  3. Fork it ( https://github.com/GeopJr/DNOME/fork )
  4. Create your feature branch (git checkout -b my-new-feature)
  5. Commit your changes (git commit -am 'feat: some feature')
  6. Push to the branch (git push origin my-new-feature)
  7. Create a new Pull Request
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].