[size=150]DARK METAL Skin for MIXXX[/size]
(Includes full source code. They are mostly all XML and SVG files)

1) 100% Scalable Vector Graphics (SVG).
• 100% Quality lossless graphics.
Not even one bitmat anywhere.

2) Fully resizable.
• Small screen users can use it too.
All elements must fit nicely in all resolutions. Please note that If your resolution is too small, some racks (rows) may overlap, even so, you can still disable their visibility (there are lots of buttons, in the top bar, for that. These buttons are always visible, no matter what, even you “enable” everything). Ready from 1024x550, to infinity.

3) Mixxx features.
• Contains the lattest Mixxx features.
But!.. I´m sure that not all tasks arent done, so I´m always sharping the graphics, correcting issues, adding forgotten stuff…

4) Unique features.
• Contains original and unique features.
I´ll try to add features not available (yet!..) anywhere else, they must be functional too, of course. Like the analog VUs, the digital fonts, strobes, a grey only color scheme (a fully “metallic” skin), add your own logo or texts, etc, etc, etc… Our imagination (vs. the code), will be the limit…


• Image with scheme color examples: https://user-images.githubusercontent.com/5511928/30951578-ad43a4ee-a41b-11e7-9cc4-1d1be1ffcde7.jpg

• View the next image here: https://sites.google.com/site/jorgerosaportfolio/home/MIXXX-DarkMetal-Skin.jpg


A) Don´t forget to backup any “logo_x.svg” file(s)… IF you already have created any logo before.
B) Remove any older version of “DarkMetal”. (Just delete the “DarkMetal” folder… IF you already have one)
1 • Download and unzip the “DarkMetal.zip” archive. (~1Mb only file size)
2 • Move the new folder (with all contents), to your MIXXX skins folder.
( Just as an path example, in Windows OS: “C:\Program Files\Mixxx\skins\DarkMetal” )
3 • Double click in the included “digital.otf” to install that font.
4 • Start MIXXX, then go to “Options” > “Preferences” > “Interface” > “Skin” > select the “DarkMetal” option.
5 • Done!..

[size=150]Small Tutorial Video:[/size]
Tutorial: Install + Features/Usage + Create your own Radio Station
VIDEO: youtube.com/watch?v=-FIc3ii … yy6fHZYPTL

[size=150]Last update: 12 June 2018[/size][size=150] - Changes Log: [/size]
(Lattest features added at the bottom of this list)

1: Added the new Laptop Battery indicator. (NOT functional, since it is not compiled with Mixxx yet)
2: Added the new “recording time” indicator.
3: Corrected colors for the #AARRGGBB color format. (Noticeable in the waves)
4: Added “star rating” in the main (big) decks.
5: Added the new “effect selector” (QComboBox) in the effects. (Click in the effect name)
6: Added button to show/hide the vinyl controls. (Per deck/channel. Because it seems that many people just dont use it)
7: Added button for “quick effect”. (Per deck/channel, in the main (big) decks)
8: Added the “Beat Jump” and “Beat Loop” options.
9: Changed channels texts from “AB”,“CD” to “12”,“34”. (Requested by users)
10: Added the “cover art”, in the small buttons row. (Placed on decks. Helps me a lot, because it “drag-n-drop” feature)
11: Added options to select by module on the “Mics”, “Aux” and at “Long Waves”.
12: GUI was re-designed (Excessive/Confusing buttons. Much more user-friendly/intuitive GUI by now). And now it works great on vertical monitors, too.
13: All resources were optimized (~300Kb less).
14: Big Decks and Mini Decks can now move partially too. (Done by a Splitter)
15: Beat Sync in the mixer. (Between the Big Decks)
16: Fixed many many other small (minor) issues.
17: Strobes were added! (Experimental yet - Works great with music beats… BUT only after “Gains” from 8.0 and plus on most musics…
I will try to do it better using or any other trick, but will be hard … … … )
18: Possibility to display your own logo (Edit any file “logo_x.svg”, located inside the “graphics-logos” folder, then edit "mylogo"´s value at “skin.xml” file)
19: Added all the 64 Samplers.
20: Added music drop areas, for all decks, in the library toolbar (Specially handy when the library is in full view mode)
21: Added tooltips (Will be a progressive work…)
22: Added ducking to the microphones
23: Added all beat and grid options (Small buttons. Visible in Big Decks)
24: Added all key options (Small buttons. Visible in Big Decks)
25: Ducking options fixed (On microphones)

[size=100]INFO:[/size] This skin is always tested with the lattest Mixxx builds, so may not work well in previous Mixxx versions!
Last test on: mixxx-2.3.0 - [size=100]The lattest compiled MIXXX releases are here:[/size] downloads.mixxx.org/builds/master/release

[size=100]INFO:[/size] If you encounter any skin issues, they may be caused because Mixxx saves and keeps all skins “old” variables and “old” settings, in files. For example: In “Windows OS” these files are usually saved at: “C:\Users[i][/i]\AppData\Local\Mixxx”. Deleting these skins related files should solve all that issues. (Note: Mixxx will create new ones there when running. So, everything would be updated by then)

[size=200]Skin Download: Dark Metal v.2.9.8[/size]
DOWNLOAD #1: sourceforge.net/projects/dark-metal-mixxx-skin (Aprox: ~1.6Mb)
DOWNLOAD #2: github.com/jorgerosa/Mixxx-DarkMetal-Skin (backup, if above URL fails)

[size=120]CUSTOMIZING: How-Tos…[/size]

HOW-TO: Change between the three available type of “lights”?.. (squared/rounded/line)
1 • Open the “skin.xml” search and replace the variable "strobtype"´s value by “1”, “2” or “3”.
2 • Save the file. Reload the skin… Done!..
HOW-TO: Change between the three available spinning “discs”?.. (bobine/cd/vinyl)
1 • Open the “skin.xml” search and replace the variable "spinnytype"´s value by “1”, “2” or “3”.
2 • Save the file. Reload the skin… Done!..
HOW-TO: Select one from the many available color schemes?..
1 • Start your Mixxx, then go to “Options” > “Preferences” > “Interface” > “Color scheme” > select a color from that list.
2 • Done!..
HOW-TO: Create my own custom color scheme?..
1 • Open the “skin.xml” file.
2 • Create a new group, play with and values (see the existent ones there as examples), save that file and reload the skin to test it (this is done by selecting the “DarkMetal” skin again, from that dropdown menu). And… If the result is great, don´t forget to share (post here) those custom values to us!!
3 • Done!..
HOW-TO: Create and display my own logo?..
1 • Open any “logo_x.svg” file. These files are located at the “graphics-logos” folder. (You may use INKSCAPE to open/edit or create a new logo file)
2 • Draw your own logo, or just type your texts there. (Texts must be converted to paths, before saving the file)
3 • Open the “skin.xml” search and replace the variable "mylogo"´s value by “1”, “2”, “3”, “4”, “5”, etc, etc… (Just set the variable to the number of the “logo_x.svg” file that you intend to be displayed)
4 • Save all the files. Reload the skin… Done!..


[size=120]TODO… (or not…)[/size]
Bugs Launchpad - Customize the yellow icons from the treeview: bugs.launchpad.net/mixxx/+bug/1327614 (As reported by Lee Matos)
Bugs Launchpad - Texts colors are out from color process “on the fly” (Color Schemes) i[/i]
Bugs Launchpad - Add an audio stream receiver: bugs.launchpad.net/mixxx/+bug/1545288 (As reported by me)
Bugs Launchpad - Graphics colors intensity (opacity/etc…) syncronized with the current playing song: bugs.launchpad.net/mixxx/+bug/1552672 (As reported by me)


[size=120]Dark Metal “on screen” features:[/size]
• Many color schemes • 9 possiblities to show/hide racks buttons (Select only the right racks for you, so the skin gets the visual that you wish) • 64 Samplers (with load/save banks buttons) • 4 Decks • 4 Long Waves • 4 Analog VU Meters + Mutes • 4 Effects racks • 4 Micros • 4 Auxiliaries • Broadcast (for shoutcast/streaming audio) • REC button • Auto DJ • Mini Player (With 4 decks, great for smaller screens) • Etc, etc, etc…


[size=120]The “making of” Dark Metal skin:[/size]
• Tools:

  1. Notepad++ (My preferred to edit XML files): atom.io
  2. INKSCAPE (To draw the vectorial graphics): inkscape.org
  3. SVG Explorer Extension (Very handy and useful since it generates SVG thumbnails in the Windows´s explorer): tuxarena.com/2011/02/top-5-i … ntukubuntu
    • Tips:
  4. The included SVG files in this skin, not only are the screen displayed “images”, but they are the editable/working files too, so they can be opened and customized by anyone else too. You just need to have INKSCAPE or similar.
  5. Avoid Corel Draw (Tested with the lattest Corel Draw X7) - Very powerfull, but it adds extra proprietary metadata in the SVG files, what results in huge file sizes and it converts shadows into bitmaps. Besides all that, most of those files just can´t be parsed with Mixxx, or any other “standard” opensource SVG parser.
  6. Always export SVG files (from INKSCAPE) with all texts converted to paths!
  7. Preparing graphics to handle all the possible color correctly (When system is processing colors, to generate a new color scheme, colors may blur borders (eg: Very visible at the buttons), this happens because that colors are overriding theirs (normally defined by 1px strokes) own limits, what makes the visuals very ugly and incorrect). To avoid this: A) Degradee the colors to 100% black (or white) just before it reaches your graphic maximum width or height, just 1px before, will be enought. B) Void set values. 0 (zero) should always be “perfect”.
  8. Want to broadcast (for tests or to create your own radio)? Just go here: jorge.radiostream123.com - Probably offline at the moment… … … )[/i]


[size=180]Other Software: Unknown Invaders (Game)[/size]
And… While you are waiting for the guests to start your DJ session…
You may now entertain yourself with this game that… don´t “break” your DARKMETAL “DARK / VINTAGE” STYLE!.. :wink:
Info: Displays the system clock in-game too, so you wont be late…

  • Works only os “windows” now, but I will compile for all the other platforms too.
  • Its portable (No install is required).

VIDEO: youtube.com/watch?v=knPLuCk … L&index=77

DOWNLOAD: sourceforge.net/projects/unknown-invaders-game (Aprox: ~30Mb)

Have fun! :slight_smile:
I´ll be back!..


[size=180]Other Software: IMP - Irrlicht Music Player[/size]
(Compiled for Windows OS only atm. No install is required, its fully portable. Includes full source code)
(All the included/needed libraries are “opensource” and “platform-independent”)

This project is not related with MIXXX, but plays music too, and since I use it a lot to entretain the kids in the house… Here it goes…
Its a “live music player”, can work like a “karaoke” or to “read bed time stories” (reads “.txt” and “.srt” subtitles files formats), BEST if you record your own voice reading stories, works like magic to the kids… Many many examples are included too. Just digg trought all that files, should be easy to customise all that stuff.

• Above image here: https://sites.google.com/site/jorgerosaportfolio/home/IMP-Thumb.jpg

VIDEO: youtube.com/watch?v=8LJm9Q8 … L&index=57

DOWNLOAD URL - #1: sourceforge.net/projects/irrlichtmp (Aprox: ~77Mb)
made in Portugal :unamused:


[size=180]Other Software: MOVE - Mixxx Ogre3D Visual Effects v.0.0.8[/size]
(Compiled for Windows OS only atm. No install is required, its fully portable. Includes full source code)
(All the included/needed libraries are “opensource” and “platform-independent”)

• Above full size image here: https://sites.google.com/site/jorgerosaportfolio/_/rsrc/1473357190556/home/MOVE_004.jpg

VIDEO: youtube.com/watch?v=SzX3MPH … L&index=42

  • Tries to “give” to the music some 3D visual effects.
  • The main idea is to work along with Mixxx (synchronized visuals) while playing music. At this moment this soft is standalone.
  • This software will display some 3D visuals (to be sent to a 2nd monitor or to TV sets). You could display your DJ name, Bar/Pub/Disco name, your own sponsor, etc, etc…


  1. The “.exe” (executable files) are inside the “bin” folder.
  2. KEYS and many REVELANT information is in the “README” file.

• Needs to be compiled for all platforms (Compiled only for MS Windows at the moment)

SMALL VIDEO: youtube.com/watch?v=SzX3MPH … L&index=41

DOWNLOAD URL - #1: sourceforge.net/projects/mve-mi … al-effects (Aprox: ~17Mb)
DOWNLOAD URL - #2: github.com/jorgerosa/Mixxx-MOVE (From GitHub)
made in Portugal :unamused:


[size=180]Other Software: UEMMC - Ultra Easy Minimal Media Converter[/size]
(Compiled for Windows OS only atm. No install is required, its fully portable. NO source code included! I cant find it atm, sorry!)
(All the included/needed libraries are “opensource” and “platform-independent”)

This project is not related with MIXXX, but its a fast and handy tool to convert between many media (music) formats.
I use this one a lot, and in case someone needs it too… Here it goes…

• Above image here: https://sites.google.com/site/jorgerosaportfolio/_/rsrc/1473357190556/home/UEMMC-MediaConverter-0001.jpg

DOWNLOAD URL - #1: sourceforge.net/projects/uemmc/ (Aprox: ~38Mb)
DOWNLOAD URL - #2: github.com/jorgerosa/UEMMC-Ultr … -Converter (From GitHub)
made in Portugal :unamused:

In case you need more stuff, try this URL: (Look there at the “free projects” or in the “downloads” section)

HAVE FUN !!! :slight_smile: :slight_smile: :slight_smile:


Looks nice Jorge, I’d add a bit more contrast between the button icons and background (I find them difficult to read, but may be because of the screenshot size).

Thanks for sharing :slight_smile:

Exactly what i tought!.. Oh man, I have so many many many code to do besides playing with this… But… There I go… again… And there is the version 1.1 contrast improved and lots of great new stuff… Nah… just a few tweaks, but you were right, this new one looks much better with more buttons contrast. People, don´t forget all working files are there, (PSD format) so you could easily improve this, and share it! Thanks for your comment picheto!
EDIT: Many changes were done. (It´s now Dark Metal V.1.1)

Yes, you can style all controls. See [url]https://mixxx.discourse.group/t/spartan-skin-for-mixxx-1-10-1-9/10922/1] for example.
It is an older skin, but today it works pretty much the same. There are many comments for the controls in the skin.xml, look at the [size=85][/size] inside the [size=85][/size] key.

Indeed!.. That url helped me a lot, so I´ve improved my skin a bit. Looks much more pretty now (I think). I´ve updated the 1st post urls.
Thankyou for show me the right path to fix it, jus!
EDIT: Many changes were done. (It´s now Dark Metal V.1.2)

Looks ok in Mac OSX too, do you have a custom system color scheme installed on Ubuntu by any chance?

Not your fault, unfortunately there are some platform specific issues with the star rating widget: https://bugs.launchpad.net/mixxx/+bug/1278592

Style the [size=85]QPushButton [/size]class, used in the skin.xml from my first response, e.g.

QPushButton { font: 15px/17px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; background: #061319; color: #00F4FF; margin-right:10px; padding: 4px; border: 1px solid #00F4FF;} QPushButton:pressed { background: #00F4FF; color: #061319; padding: 4px; border: 1px solid #00F4FF;} QPushButton::checked { background: #00F4FF; color: #061319; padding: 4px; border: 1px solid #00F4FF;}

Thanks for all the precious help jus !!!
jus: “(…) a custom system color scheme installed (…)” - Nope. It´s UBUNTU´s default color scheme (I´ve not changed nothing there… yet!..) :wink:
But I see your point. But, probably its because I´m missing something in Qt …

EDIT: Many changes were done. (It´s now Dark Metal V.1.3)
… Now, I need looong waves for a easier beat sync, so…
EDIT: Many changes were done. (It´s now Dark Metal V.1.4)

In (Gnu/Linux) UBUNTU that select bar still gets the native OS yellow color. I´ll keep on trying to fix that (There must be a way/workaround with Qt … not ?..)

You can set a custom GTKRC (!) and those colors will be used by QT to change those other colors. It’s annoying because we can’t set those colors inside the skin definition itself.

Cool! I´ll digg about that as soon I´ve time. Thanks for the tip, ywwg.

Nice work! I think you made mixxx default skin format really alive. As for Deck colors I think you use red shade for both deck. maybe your choice or reasons but that’s prety thing and can be mordified easily for ones taste.

And thanks for those psd files. Maybe I can make a one for my monitor resolution or to create a little different arrangement suitable for my machine and style. Like seems my old cpu not too happy over too many waveform running same time …smile. But again that’s my personel machine problem. :wink:

Thanks buddy for sharing your work!


Is there any way to make it smaller or edit it to a smaller size?

Just calculate the change in percent that you want to apply considering its main background (screen resolution) and your prefered resolution. Record a macro to reduce a file by that percent. Or maybe even pixel thing work like that I mean relative. Anyway, run that macro on its skin directory where all its files are kept. And it will reduce all file sizes to new relative size I suppose. Never done it that thing …I mean reduce image size but used macro facility few times and within adobe I think this could be one of the procedure.

Or there are other lengthy ways …haha like rearranging a composite psd and then do the resize and crop on composite file. But I won’t do it …smile. I left it on third layer or so. :wink:

Anyway, you don’t need to work with any psd file unless you want some typical changes not just size. For it you may just use existing skin files not psd ones. But you still wud need to update skin.xml I suppose …smile. Hope this works for you. As for myself I am currently happy with its oversize skin (just double kinda) …haha!


(Note: You might have to do little cropping with just main background file to adjust to your screen shape. i.e. W/H ratio Or maybe Dark metal guy himself provide some idea. After all he looks like a graphic man. :slight_smile:)

I wish I could use it but the resolution is way too big for me. could you make a 1440x900 size? Pweeaz?

This skin is nice! I especially like the option to change the spinning jog wheels… Excellent work! Is there a chance you’d make this a 1600x900 skin? I’d love to use it but my resolution is a bit too small. If you end up making the requested 1440x900 I’d probably use that too.


Kinda. Im working on resizing it to 1440 x 900

Heres all I’v done so far. Basically the easy part is done with.
Resized images and replaced.



This is a useable version (%20 Complete)
Heres a link to download what I have done so far.

dropbox.com/sh/ulnhesg3asls … pdlKa?dl=0


Here an update to %50 finished. Everything has been resized to 1440x900 Now I just have to reposition everything.

Link To unfinished work.(Just needs repositioned)
dropbox.com/sh/f70thcndlh55 … hbbqa?dl=0

Thank you for all the work!
Just keep in mind that Mixxx 1.12 will support re-sizable skins.

Thankyou for your awesome software! I keep loving it each day more. I cant imagine all the code lines and time behind it… I´ll try to adapt the skin to your re-sizable skins. (Anyone to do it already? Would be great!).

[size=130]Now… Here is the deal for you, guys… (everyone!)[/size]

I´ve being developing IMP - Irrlicht Music Player (Nothing similar is available, it plays music, visuals, lyrics like a karaoke, has a 3D clock, etc, etc, etc…) so you may find it quite odd at the first try… But the more you try it… then… Probably the feeling will be… the same! :laughing: ). OK, anyways, since I am far away from my little baby, I had an idea to develop this software to somehow be with her. The idea is to read books and bedtime stories, recording my voice, adding there so she could listen everyday… And like we all know, babies love lights and lots of stuff… BUT no worries works great with “Gothic Industrial Music” too!.. (Many examples are included there) :wink:

  • Today I had an idea, how about a “button” in MIXXX that could launch a new window (and maybe displayed in a 2nd monitor or a giant display) with bands, effects, etc… all is rendered in 3D in real time. I think no other DJ software has a feature like that too. (I see only send recorded videos or images only)… Well I dunno even people would like it… Anyways there would always be a close button, right?..

  • Everything there is very simple. It uses irrlicht for the 3D and Audiere for sound. Both simple libraries, both with permissive licences, both cross-platform, so would fit great with these ones. To do, would be to change that (simple) audio lib by the one you use in MIXXX… And thats all (I think).

If you guys would like the idea, the download url is this one:
DOWNLOAD --> http://sourceforge.net/projects/irrlichtmp
All files and source code is there, as “clean” as it could be… I think…

  • Before anything else… Yes! Of course you can change, edit, delete, trash it, throw it to the head of your favourite politician, etc, etc, whatever you want to do with it. All my software in sourceforge is only developed in that way. No restrictions. - Any help from me, no problem. My only issue is time, but I would help as far as I could… ONLY if devs and the comunity thinks that would be nice and worth the effort, of course. Ok… CYA!

Hello again guys, everyone is keeping doing good music?.. I hope so!!!
This may be “off-topic” but here it goes… I´ve developed a sort of “all-in-one” tool that I always bring with me, to convert between media formats.
I use it a lot (includes many many many codecs and no install is required). Its being so handy for me, specially converting audio formats (of course) and to “borrow” some music from movies… :smiling_imp: etc, etc… that I decided to share with everyone else too. I know its not that “beauty” kind of software :unamused: …but… it gets the “job done”. :wink:
Atm… runs only on [size=50]WINDOWS[/size]… Sorry!! :blush:
UEMMC Download —> sourceforge.net/projects/uemmc (It´s quite heavy has ~39Mb file size)
(Would be nice to have an media (specially for audio) converter in Mixxx, to avoid “extra” tools, no?.. I´m using the free ffmpeg libraries)

Hi jorgerosa

Thank you for your work and the link to your tool. IMHO converting files is somehow off the focus of Mixxx, especially since such tools like yours already exists.

Playing any file format is a core topic of Mixxx, but it is sometimes hard since Mixxx requires sample exact seeks.
We have already an experimental ffmpeg support in the Mixxx sources, that is AFAIK only tested with Linux. We have also a branch on GitHub that attempts to use ffmpeg as fallback codec, in case no optimized codec is available.

Do you have some spare time to check setup and test a ffmpeg build of Mixxx on windows?
(build with scons ffmpeg=1)

The Mixxx community has a leak of Windows developer, so any help is appreciated.

Thank you.

Kind regards,


Hi daschuer, I´ll check setup and test a ffmpeg build of Mixxx on windows, no problem.
Please just dont be in a rush, I´ve a very complicated business here to run. I may take a bit long… Sorry. :frowning:
(That tool was handy for me, but it sure lacks of… many many things. I usually used it to convert from many formats into .ogg files to store them in my HD, but since was a waste of using the embedded ffmpeg, I´ve been adding some features and decided to share it… a bit buggy but (almost) never crashes… and works fine… even when i have no idea how :unamused: … )