07
19
M&MM Dark - Modern & Material Mumble Dark (M&MM by oplehtinen) https://vrifox.cc/mumble-theme/
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
Vrifox f9f355a2fd Update 'LICENSE' 9ヶ月前
actions v0.21 2年前
categories v0.21 2年前
controls v0.22.1 2年前
emblems v0.21 2年前
exported v0.10 2年前
mimetypes v0.22 2年前
source v0.10 2年前
status v0.22 2年前
.gitattributes :circus_tent: Added .gitattributes & .gitignore files 2年前
.gitignore :circus_tent: Added .gitattributes & .gitignore files 2年前
LICENSE Update 'LICENSE' 9ヶ月前
Lite.qss v0.10 2年前
README.md Update README.md 1年前
authenticated.svg v0.21 2年前
channel.svg v0.10 2年前
channel_active.svg v0.10 2年前
channel_linked.svg v0.10 2年前
comment.svg v0.22 2年前
comment_seen.svg v0.22 2年前
config_asio.png v0.21 2年前
config_audio_input.png v0.21 2年前
config_audio_output.png v0.21 2年前
config_basic.png v0.21 2年前
config_lcd.png v0.10 2年前
config_msgs.png v0.21 2年前
config_network.png v0.21 2年前
config_osd.png v0.21 2年前
config_plugin.png v0.21 2年前
config_shortcuts.png v0.21 2年前
config_ui.png v0.21 2年前
dark.qss v0.22.2 2年前
deafened_self.svg v0.22 2年前
deafened_server.svg v0.22 2年前
default_avatar.svg v0.22 2年前
filter.svg v0.21 2年前
filter_off.svg v0.21 2年前
filter_on.svg v0.22 2年前
information_icon.svg v0.21 2年前
layout_classic.svg v0.21 2年前
layout_custom.svg v0.21 2年前
layout_hybrid.svg v0.21 2年前
layout_stacked.svg v0.21 2年前
local_volume.svg v0.22 2年前
mumble.ico v0.22 2年前
mumble.osx.png v0.10 2年前
mumble.png v0.22 2年前
mumble.svg v0.22 2年前
muted_local.svg v0.21 2年前
muted_pushtomute.svg v0.21 2年前
muted_self.svg v0.21 2年前
muted_server.svg v0.21 2年前
muted_suppressed.svg v0.21 2年前
osx-lite.qss v0.20 2年前
overlay.mumblelay v0.10 2年前
prepros-6.config v0.10 2年前
prepros.cfg v0.10 2年前
preview.png preview changed 2年前
priority_speaker.svg v0.21 2年前
self_comment.svg v0.21 2年前
self_undeafened.svg v0.21 2年前
talking_alt.svg v0.21 2年前
talking_off.svg v0.21 2年前
talking_on.svg v0.21 2年前
theme.ini v0.22 2年前

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.