Code Monkey home page Code Monkey logo

fluent-discord's Introduction

Fluent Discord

A Windows 11 theme for Discord

Download

  • From BetterDiscord
  • From Releases
    • Fluent-Discord.theme.css will automatically update with new releases
    • Fluent-Discord-static.theme.css if you prefer to manually update
  • Github.io link (Right-click > Copy Link)

Optional Extras

  • EmojiReplace theme by DevilBro to get Windows 11 emoji on Discord

Getting Help

Preview

Preview

fluent-discord's People

Contributors

christianavi avatar justmyrame avatar lightdestory avatar sunsettechuila avatar takosthings avatar zxsleebu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

fluent-discord's Issues

Images Chopping

images sent in chat are chopping up whenever i scroll. i cant really provide screenshots or a video atm tho

Autoupdating via Github Pages

Is your feature request related to a problem? Please describe.
I love your theme, but I wonder why there is no auto-updates using imports and Github Pages? Doing this saves the user lots of time and checking.

Describe the solution you'd like
Make it so the scss compiles under a file on the repo and use imports to automatically update your theme.

Status Prefix and Custom Status Broken

So, I just Installed the theme and I noticed something. It removes the "playing", "Watching".. etc. Prefix in the status which is kinda important. and custom statuses don't even show up at all! they only have a blank space to represent them.

Below are some screenshots:

image
image

So many bots rely on the prefixes to give meaning to the status, so please fix this.

Krisp Icon

it would be nice if the icon turns red when its off like the mute button and others

Width of the server icon bar

Is your feature request related to a problem? Please describe.
Some server icons become very hard to read as they are a lot smaller (50% smaller, actually)

Describe the solution you'd like
Would be nice to have a root variable or some way to change the bar's width so that the icons scale accordingly as well.
Keeping the design of the fluent design as intended.

To Do List

  • Modals

    • Add server
    • Profile
    • Lightbox
    • Create channel
    • Ban user
    • Kick user
    • Screen share
  • Server/User/Channel settings

    • C: Permissions
    • C: Sidebar title
    • S: Permissions
    • S: Threads has no icon
    • U: 'My Account'
    • U: Connections
  • Other

    • Context menu
    • Tooltip
    • BD settings sidebar icons
    • Server discovery
    • Select (dropdown box)
    • Textarea
    • #1039131545 (Viewing old messages loading spinner)
    • Plugin support > plugin compat
    • Delete master branch
    • Auto updating and associated GH Action (this is mostly in place)
    • Add project scope to CONTRIBUTING.md
    • Outstanding open issues

Acrylic/Mica window

Is is possible to implement Acrylic or Mica that actually blurs what's behind it instead of just the blurring a preset background? Fluent design is great but the background is always off. It would be nice if it could be consistent with the rest of the system.

Additional context
If you see the Terminal app blurs what's behind it while Discord with Fluent-Discord theme just blurs its own background not the whole desktop.
image

Version 0.0.4 shows 0.0.3

Describe the bug
Version number is wrong but that's a minor issue.

Screenshots
image

PR #10 says its 0.0.4 but mine says 0.0.3

image

Visible additional server selector

using v0.0.10
image

Describe the bug
there is a visible additional server icon selector can be seen upon hovering. i'm not sure if this is because of read all plugin or not.

Screenshots
image

Option to decrease padding of some buttons

There are buttons on the upper right side of the window which I think are too wide. Maybe the padding of these buttons could be added to a variable users could easily change any time.

Additional context
image

After Call Popout

Describe the bug
this pop out sometimes appears after a stream, call, or an activity. the icons are just messed up

Screenshots
image

Font in some area is broken

using fluent v.0.0.7
image

Describe the bug
font size maybe? in some area is broken, and same case under "active now" list with people usernames.
i'm not sure with search result view, the sorting "new old relevant" button text font looks different.
also nitro shill menu is back visible again goddamn.

Screenshots
image

GIF and Stickers button are invisible

GIFs and Stickers button are invisible. I checked the scss file and they were set to none, so I tried visible. The stickers button appeared briefly before disappearing again even with the property set to visible.

Screenshots
image
*Mouse hovered on

image

  --fluent-chatbox-gif-button-visibility: visible;
  --fluent-chatbox-stickers-button-visibility: visible;

Toggle switches and radio buttons are not yet consistent with Windows UI

The current switches and radio buttons are still the default ones from Discord and not consistent with Windows UI.

I don't know if that is the goal (to imitate Windows' Fluent Design completely), but it would be nice to match it with Windows UI.

Additional context
image
Discord's default toggle switch

image
Windows 11's toggle switch

image
Discord's default radio buttons

image
Windows 11's radio buttons

I found these on Microsoft's XAML Controls Gallery on the Microsoft Store: https://www.microsoft.com/store/productId/9MSVH128X2ZT

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.