M&MM Dark - Modern & Material Mumble Dark (M&MM by oplehtinen) https://vrifox.cc/mumble-theme/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Vrifox f9f355a2fd Update 'LICENSE' 6 months ago
actions v0.21 1 year ago
categories v0.21 1 year ago
controls v0.22.1 1 year ago
emblems v0.21 1 year ago
exported v0.10 2 years ago
mimetypes v0.22 1 year ago
source v0.10 2 years ago
status v0.22 1 year ago
.gitattributes :circus_tent: Added .gitattributes & .gitignore files 2 years ago
.gitignore :circus_tent: Added .gitattributes & .gitignore files 2 years ago
LICENSE Update 'LICENSE' 6 months ago
Lite.qss v0.10 2 years ago
README.md Update README.md 1 year ago
authenticated.svg v0.21 1 year ago
channel.svg v0.10 2 years ago
channel_active.svg v0.10 2 years ago
channel_linked.svg v0.10 2 years ago
comment.svg v0.22 1 year ago
comment_seen.svg v0.22 1 year ago
config_asio.png v0.21 1 year ago
config_audio_input.png v0.21 1 year ago
config_audio_output.png v0.21 1 year ago
config_basic.png v0.21 1 year ago
config_lcd.png v0.10 2 years ago
config_msgs.png v0.21 1 year ago
config_network.png v0.21 1 year ago
config_osd.png v0.21 1 year ago
config_plugin.png v0.21 1 year ago
config_shortcuts.png v0.21 1 year ago
config_ui.png v0.21 1 year ago
dark.qss v0.22.2 1 year ago
deafened_self.svg v0.22 1 year ago
deafened_server.svg v0.22 1 year ago
default_avatar.svg v0.22 1 year ago
filter.svg v0.21 1 year ago
filter_off.svg v0.21 1 year ago
filter_on.svg v0.22 1 year ago
information_icon.svg v0.21 1 year ago
layout_classic.svg v0.21 1 year ago
layout_custom.svg v0.21 1 year ago
layout_hybrid.svg v0.21 1 year ago
layout_stacked.svg v0.21 1 year ago
local_volume.svg v0.22 1 year ago
mumble.ico v0.22 1 year ago
mumble.osx.png v0.10 2 years ago
mumble.png v0.22 1 year ago
mumble.svg v0.22 1 year ago
muted_local.svg v0.21 1 year ago
muted_pushtomute.svg v0.21 1 year ago
muted_self.svg v0.21 1 year ago
muted_server.svg v0.21 1 year ago
muted_suppressed.svg v0.21 1 year ago
osx-lite.qss v0.20 1 year ago
overlay.mumblelay v0.10 2 years ago
prepros-6.config v0.10 2 years ago
prepros.cfg v0.10 2 years ago
preview.png preview changed 1 year ago
priority_speaker.svg v0.21 1 year ago
self_comment.svg v0.21 1 year ago
self_undeafened.svg v0.21 1 year ago
talking_alt.svg v0.21 1 year ago
talking_off.svg v0.21 1 year ago
talking_on.svg v0.21 1 year ago
theme.ini v0.22 1 year ago

README.md

M&MM - Modern & (Pseudo)Material Mumble

https://github.com/oplehtinen/MMM

Based on mumble-theme - The new default theme for Mumble formerly known as MetroMumble.

A simple Mumble theme with a few simple goals:

  • Make Mumble look like a Modern software. It’s 2017 and Discord is taking over.
  • Use Material design guidelines.
  • Keep it simple and neat.

All of these things are very much WIP.

As an extra I try do document the QSS(SCSS) just to make things easier for everyone. I spent hours and hours trying to figure it out. Also, I would very much appreciate some help in finding the right selectors to improve it even more. See below:

Theme Preview

INSTALLATION

  • Download the newest version
  • Unzip files somewhere. Mumble has a themes folder, too.
  • Go to Settings, User Interface, Browse
  • Select M&MM
  • Restart

TO DO:

  • Clean up the code
  • Figure out a lot more selectors and QSS styling
  • Settings view icons and styles
  • Rework colors (it’s all gray now)
  • The only ‘Material’ things right now are the icons and (some) colors.
  • Much more…

WHAT I WANT TO MODIFY BUT HAVE NO IDEA HOW

  • ‘Secure server’ styling: currently servers with valid SSL certificates have a light green background. I want to change this to a simple lock icon.
  • Make the server name stand out from the other list items (channels, users) (different font, more white space)
  • Embed a custom font through QSS
  • Use different font styling in user list view.
  • Use a different font/style for channel names.
  • Remove the ugly 1px black border from private messages. Use a subtle background and some padding to differentiate private messages from other messages.
  • The user list icons should be ~4px lower. Figure out a way to target them.
  • Adjust icon sizes EVERYWHERE. Seriously, they are too small.
THINK TWICE BEFORE TRYING TO MODIFY THIS THEME

** At least for now. The SCSS is still a mess. You might end up breaking stuff. Also, migraine. **

Skinning

Do not modify the qss files directly. Read below.

To change icons and other graphics, simply change the SVG files of the theme (with an editor such as Inkscape or Adobe Illustrator). See the wiki article on Mumble skinning.

The theme is written in Sass, a language that processes into CSS (or QSS in this case). If you want to make your own skin based on it, install a Sass processor such as Prepros. A Prepros project file is included, so simply add the mumble-theme folder as a project.

The file source/Imports/Base Theme.scss contains the actual theme QSS, but it is not recommended to modify. In future versions you might want to swap Base Theme.scss to a newer version, so it will be easier to update your theme in the future if you leave it alone.

Instead, you should edit either the Lite.scss file in the source folder, and add your own CSS at the end of the file. You can also add your own variants in the source/Imports folder, which contain the color definitions. When you process these files in Prepros, it will output the complete skin to the qss files in the parent folder. The OSX variant can also be found in the source folder, which imports the regular source files but adds a small OSX fix and modifies font sizes.