A simple and modern Mumble theme
Clone or download
Pull request Compare This branch is 32 commits ahead, 1 commit behind xPoke:master.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
actions Icon Contrast Tweaks Jan 20, 2016
categories More contrast changes Jan 14, 2016
controls Cleanup Mar 31, 2014
emblems Icon Contrast Tweaks Jan 20, 2016
exported Icon Contrast Tweaks Jan 20, 2016
mimetypes Icon Contrast Tweaks Jan 20, 2016
source Add #qwInlineNotice to source files Nov 26, 2017
status Removed some yellow icons Feb 7, 2014
Dark.qss Make use of style for ConnectDialog fill suggestion Aug 7, 2017
Information_icon.svg Icon Color Updates Jan 6, 2016
LICENSE Changed license to Unlicense Jul 6, 2015
Lite.qss Make use of style for ConnectDialog fill suggestion Aug 7, 2017
OSX Dark.qss Make use of style for ConnectDialog fill suggestion Aug 7, 2017
OSX Lite.qss Make use of style for ConnectDialog fill suggestion Aug 7, 2017
README.md Refactor sass sources Jan 8, 2016
authenticated.svg Icon Contrast Tweaks Jan 20, 2016
channel.svg Cleanup Mar 31, 2014
channel_active.svg Cleanup Mar 31, 2014
channel_linked.svg More contrast changes Jan 14, 2016
comment.svg Icon Color Updates Jan 6, 2016
comment_seen.svg OSX Fix May 30, 2014
config_asio.png Icons update Oct 21, 2014
config_audio_input.png More contrast changes Jan 14, 2016
config_audio_output.png More contrast changes Jan 14, 2016
config_basic.png More contrast changes Jan 14, 2016
config_lcd.png More contrast changes Jan 14, 2016
config_msgs.png Icon Contrast Tweaks Jan 20, 2016
config_network.png More contrast changes Jan 14, 2016
config_osd.png New settings icons Dec 25, 2014
config_plugin.png Icon Color Updates Jan 6, 2016
config_shortcuts.png New settings icons Dec 25, 2014
config_ui.png Icon Color Updates Jan 6, 2016
deafened_self.svg Icon Contrast Tweaks Jan 20, 2016
deafened_server.svg More contrast changes Jan 14, 2016
default_avatar.svg Overlay Visibility Improvements Nov 6, 2014
filter.svg Icon Contrast Tweaks Jan 20, 2016
filter_off.svg More contrast changes Jan 14, 2016
filter_on.svg More contrast changes Jan 14, 2016
layout_classic.svg Minor screens fixes Oct 10, 2013
layout_custom.svg Fixed cropped text while editing Mar 27, 2014
layout_hybrid.svg Minor screens fixes Oct 10, 2013
layout_stacked.svg Minor screens fixes Oct 10, 2013
local_volume.svg Icon Color Updates Jan 6, 2016
mumble.icns Add Mumble icon in the macOS format Jul 18, 2018
mumble.ico Officialized Icon Oct 25, 2014
mumble.osx.png Officialized Icon Oct 25, 2014
mumble.png Officialized Icon Oct 25, 2014
mumble.svg Officialized Icon Oct 25, 2014
muted_local.svg Updated Icons Oct 27, 2014
muted_pushtomute.svg Add push-to-mute icon Feb 13, 2017
muted_self.svg Icon Contrast Tweaks Jan 20, 2016
muted_server.svg More contrast changes Jan 14, 2016
muted_suppressed.svg Icon Color Updates Jan 6, 2016
overlay.mumblelay New settings icons Dec 25, 2014
prepros.cfg More contrast changes Jan 14, 2016
priority_speaker.svg More contrast changes Jan 14, 2016
self_comment.svg Updated Icons Oct 27, 2014
self_undeafened.svg Icon Color Updates Jan 6, 2016
talking_alt.svg Idle/Talking Users Color Changes Jan 7, 2016
talking_off.svg Icon Contrast Tweaks Jan 20, 2016
talking_on.svg More contrast changes Jan 14, 2016
talking_whisper.svg Updated Icons Oct 27, 2014
theme.ini Move OS X output files to be at the same level as non-OS X specific f… Dec 26, 2015

README.md

mumble-theme - Theme for mumble formerly known as MetroMumble (Old repository).

Comes packaged as the default skin of Mumble.


###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 or Dark.scss files 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.

Have fun!