S5/S8 needs Spectrum waveform colors on display

and here it is

 

Thanks a lot mate. I will test it as soon as possible, and give you a feedback.

Cheers

 

Hi. Just to confirm that waveform is working great with me, thanks to you!!!

Respekt mate and thanks a lot for the help.

Good mixes

Cheers

 

as it seems you can also play around with the rgb values to change the color to anything you would like ? did anyone tried that ?

 

Now why can't NI do this officially for the S8,D2 and S5 ? mind boggles me come on NI !!!

 

it works on the d2 also ...

 

I didn't visited this thread for a while. I'm glad you found those hacks useful You can play with RGBA values (alpha also works) – actually the scheme I included in hack is result of trial-and-error, however it's still not perfect. After each change you need to restart traktor, so experimenting is relaly slow.

 

One of my suggestions to NI in actual BETA test:


Olso, i think post here simple instruction one mor time:

First, install NotePad++ (it's free: https://notepad-plus-plus.org/)

For S8, Find this file in TRAKTOR DIRECTORY and use NOTEPAD++ for editing:

../qml/Screens/Views/Definitions/Colors.qml

THIS IS PRESETS:

property variant waveformColorsMap: [
// Default
{ low1: rgba (24, 48, 80, 180), low2: rgba (24, 56, 96, 190),
mid1: rgba (80, 160, 160, 100), mid2: rgba (48, 112, 112, 150),
high1: rgba (184, 240, 232, 120), high2: rgba (208, 255, 248, 180) },
// Red - #c80000
{ low1: rgba (200, 0, 0, 150), low2: rgba (200, 30, 30, 155),
mid1: rgba (180, 100, 100, 120), mid2: rgba (180, 110, 110, 140),
high1: rgba (220, 180, 180, 140), high2: rgba (220, 200, 200, 160) },
// Dark Orange - #ff3200
{ low1: rgba (255, 50, 0, 150), low2: rgba (255, 70, 20, 170),
mid1: rgba (180, 70, 50, 120), mid2: rgba (180, 90, 70, 140),
high1: rgba (255, 200, 160, 140), high2: rgba (255, 220, 180, 160) },
// Light Orange - #ff6e00
{ low1: rgba (255, 110, 0, 150), low2: rgba (245, 120, 10, 160),
mid1: rgba (255, 150, 80, 120), mid2: rgba (255, 160, 90, 140),
high1: rgba (255, 220, 200, 140), high2: rgba (255, 230, 210, 160) },
// Warm Yellow - #ffa000
{ low1: rgba (255, 160, 0, 160), low2: rgba (255, 170, 20, 170),
mid1: rgba (255, 180, 70, 120), mid2: rgba (255, 190, 90, 130),
high1: rgba (255, 210, 135, 140), high2: rgba (255, 220, 145, 160) },
// Yellow - #ffc800
{ low1: rgba (255, 200, 0, 160), low2: rgba (255, 210, 20, 170),
mid1: rgba (241, 230, 110, 120), mid2: rgba (241, 240, 120, 130),
high1: rgba (255, 255, 200, 120), high2: rgba (255, 255, 210, 180) },
// Lime - #64aa00
{ low1: rgba (100, 170, 0, 150), low2: rgba (100, 170, 0, 170),
mid1: rgba (190, 250, 95, 120), mid2: rgba (190, 255, 100, 150),
high1: rgba (230, 255, 185, 120), high2: rgba (230, 255, 195, 180) },
// Green - #0a9119
{ low1: rgba ( 10, 145, 25, 150), low2: rgba ( 20, 145, 35, 170),
mid1: rgba ( 80, 245, 80, 110), mid2: rgba ( 95, 245, 95, 130),
high1: rgba (185, 255, 185, 140), high2: rgba (210, 255, 210, 180) },
// Mint - #00be5a
{ low1: rgba ( 0, 155, 110, 150), low2: rgba ( 10, 165, 130, 170),
mid1: rgba ( 20, 235, 165, 120), mid2: rgba ( 20, 245, 170, 150),
high1: rgba (200, 255, 235, 140), high2: rgba (210, 255, 245, 170) },
// Cyan - #009b6e
{ low1: rgba ( 10, 200, 200, 150), low2: rgba ( 10, 210, 210, 170),
mid1: rgba ( 0, 245, 245, 120), mid2: rgba ( 0, 250, 250, 150),
high1: rgba (170, 255, 255, 140), high2: rgba (180, 255, 255, 170) },
// Turquoise - #0aa0aa
{ low1: rgba ( 10, 130, 170, 150), low2: rgba ( 10, 130, 180, 170),
mid1: rgba ( 50, 220, 255, 120), mid2: rgba ( 60, 220, 255, 140),
high1: rgba (185, 240, 255, 140), high2: rgba (190, 245, 255, 180) },
// Blue - #1e55aa
{ low1: rgba ( 30, 85, 170, 150), low2: rgba ( 50, 100, 180, 170),
mid1: rgba (115, 170, 255, 120), mid2: rgba (130, 180, 255, 140),
high1: rgba (200, 230, 255, 140), high2: rgba (215, 240, 255, 170) },
//Plum - #6446a0
{ low1: rgba (100, 70, 160, 150), low2: rgba (120, 80, 170, 170),
mid1: rgba (180, 150, 230, 120), mid2: rgba (190, 160, 240, 150),
high1: rgba (220, 210, 255, 140), high2: rgba (230, 220, 255, 160) },
// Violet - #a028c8
{ low1: rgba (160, 40, 200, 140), low2: rgba (170, 50, 190, 170),
mid1: rgba (200, 135, 255, 120), mid2: rgba (210, 155, 255, 150),
high1: rgba (235, 210, 255, 140), high2: rgba (245, 220, 255, 170) },
// Purple - #c81ea0
{ low1: rgba (200, 30, 160, 150), low2: rgba (210, 40, 170, 170),
mid1: rgba (220, 130, 240, 120), mid2: rgba (230, 140, 245, 140),
high1: rgba (250, 200, 255, 140), high2: rgba (255, 200, 255, 170) },
// Magenta - #e60a5a
{ low1: rgba (230, 10, 90, 150), low2: rgba (240, 10, 100, 170),
mid1: rgba (255, 100, 200, 120), mid2: rgba (255, 120, 220, 150),
high1: rgba (255, 200, 255, 140), high2: rgba (255, 220, 255, 160) },
// Fuchsia - #ff0032
{ low1: rgba (255, 0, 50, 150), low2: rgba (255, 30, 60, 170),
mid1: rgba (255, 110, 110, 130), mid2: rgba (255, 125, 125, 160),
high1: rgba (255, 210, 220, 140), high2: rgba (255, 220, 230, 160) }
]​

HERE PARAMETER FOR CHOOSE PRESET. Now chosen "0" - its first preset (// Default) - you canchatge parameters there, or in another preset and choose it by change parameter bellow (any from 0 to 16)

function getDefaultWaveformColors()
{
return waveformColorsMap[0];
}​

About parameters:
{ low1: rgba (230, 10, 90, 150), - Mine color for BASS (Make it no so bright)
low2: rgba (240, 10, 100, 170), - Peak color for BASS (litle bit brighter than Low1 for look better)
mid1: rgba (255, 100, 200, 120), - Mine color for MID
mid2: rgba (255, 120, 220, 150), - Peak color for MID
high1: rgba (255, 200, 255, 140), - Mine color for HIGH (Make it white - look really good)
high2: rgba (255, 255, 255, 160) }, - Peak color for HIGH (White to)

rgba (RED, GREEN, BLUE, ALPHA) - use google "rgba" and you can find online page with color choose possibility and visualisation with color code...

My screens now:


One more... Remember directory names and make Back Up for this two files... After reinstall TRAKTOR - everything goes back...

 

AWESOME CHEERS BUD!!!

 

so these qml files only apply to controllers? i'd love to alter the program's gui colors because i don't like dark uis.

 

Correct, controller UI only.

 

It's still not a "fix" as there's still no actual way to get the full-spectrum waveform through the S8 (boo!) - but I did make a handy tool to let you modify the colors in a more user-friendly way. Check it out here:

https://www.native-instruments.com/forum/threads/kontrol-s8-s5-waveform-editor.324925/

 

there are many screen hacks out there (google them or search this forum), which make huge improvements to the layout and information presented on the s5 and s8 screens, including coloring the waveforms.

 

+1