u-he

drzhnn · Post by **drzhnn** » Tue Jul 07, 2015 4:56 pm

aMUSEd wrote:
drzhnn wrote:
aMUSEd wrote:Yep, also I don't like how it hides the underlying buttons. Problem is if you make it opaque you won't be able to see them at all to click back, really it needs a button to close it. But otherwise this is amazing now, thanks.
The transparency of the panel is just a personal touch, I like it better this way. And as EvilDragon already said, you can change this by editing just one line in the script file.
OK I need a bit more than knowing the format is RRGGBBAA though - what does that mean?

RRGGBBAA is an additive color format in which the resulting color is formed by mixing Red (RR), Green (GG) and Blue (BB) colors in a range from 0 (no color) to 255 (full color). But instead of decimal system the colors are converted to hexadecimals (0 is 00, 255 is ff). The AA part of the RRGGBBAA is for opacity, again in range from 0 to 255 converted to hexadecimals. So 00 in AA part means fully transparent, ff means fully opaque.

In short

to make the editor panel opaque you'll need to change these lines in Zebra2.txt:

COLOUR name='osc_editor_bg' rgba='212024e0'
to
COLOUR name='osc_editor_bg' rgba='212024ff'

COLOUR name='mseg_editor_bg' rgba='21202482'
to
COLOUR name='mseg_editor_bg' rgba='212024ff'

or just replace the whole USER COLORS block with this:

Code: Select all

*** USER COLORS START ***
COLOUR name='label_text' rgba='ffffff40'
COLOUR name='label_mod' rgba='ff6000ff'
COLOUR name='label_menu' rgba='ffffff70'
COLOUR name='knob_unipolar_left' rgba='00f5ffff'
COLOUR name='knob_unipolar_center' rgba='00ff81ff'
COLOUR name='knob_unipolar_right' rgba='00ff58ff'
COLOUR name='knob_unipolar_mark' rgba='ff380000'
COLOUR name='knob_bipolar_left' rgba='00ff58ff'
COLOUR name='knob_bipolar_center' rgba='00f5ffff'
COLOUR name='knob_bipolar_right' rgba='00ff58ff'
COLOUR name='knob_bipolar_mark' rgba='ff380000'
COLOUR name='knob_mod_unipolar_left' rgba='ff6000ff'
COLOUR name='knob_mod_unipolar_center' rgba='ff6000ff'
COLOUR name='knob_mod_unipolar_right' rgba='ff6000ff'
COLOUR name='knob_mod_unipolar_mark' rgba='ff540000'
COLOUR name='knob_mod_bipolar_left' rgba='ff6000ff'
COLOUR name='knob_mod_bipolar_center' rgba='ff6000ff'
COLOUR name='knob_mod_bipolar_right' rgba='ff6000ff'
COLOUR name='knob_mod_bipolar_mark' rgba='ff540000'
COLOUR name='knob_special_unipolar_left' rgba='00f5ffff'
COLOUR name='knob_special_unipolar_center' rgba='00ff81ff'
COLOUR name='knob_special_unipolar_right' rgba='00ff58ff'
COLOUR name='knob_special_unipolar_mark' rgba='ff380000'
COLOUR name='knob_special_bipolar_left' rgba='00ff58ff'
COLOUR name='knob_special_bipolar_center' rgba='00f5ffff'
COLOUR name='knob_special_bipolar_right' rgba='00ff58ff'
COLOUR name='knob_special_bipolar_mark' rgba='ff380000'
COLOUR name='knob_secondary_unipolar_left' rgba='00f5ffff'
COLOUR name='knob_secondary_unipolar_center' rgba='00ff81ff'
COLOUR name='knob_secondary_unipolar_right' rgba='00ff58ff'
COLOUR name='knob_secondary_unipolar_mark' rgba='ffffff00'
COLOUR name='knob_secondary_bipolar_left' rgba='00ff58ff'
COLOUR name='knob_secondary_bipolar_center' rgba='00f5ffff'
COLOUR name='knob_secondary_bipolar_right' rgba='00ff58ff'
COLOUR name='knob_secondary_bipolar_mark' rgba='ffffff00'
COLOUR name='knob_eq1_unipolar_left' rgba='00f5ffff'
COLOUR name='knob_eq1_unipolar_center' rgba='00ff81ff'
COLOUR name='knob_eq1_unipolar_right' rgba='00ff58ff'
COLOUR name='knob_eq1_unipolar_mark' rgba='ffffff00'
COLOUR name='knob_eq1_bipolar_left' rgba='00ff58ff'
COLOUR name='knob_eq1_bipolar_center' rgba='00f5ffff'
COLOUR name='knob_eq1_bipolar_right' rgba='00ff58ff'
COLOUR name='knob_eq1_bipolar_mark' rgba='ffffff00'
COLOUR name='knob_eq2_unipolar_left' rgba='00f5ffff'
COLOUR name='knob_eq2_unipolar_center' rgba='00ff81ff'
COLOUR name='knob_eq2_unipolar_right' rgba='00ff58ff'
COLOUR name='knob_eq2_unipolar_mark' rgba='ffffff00'
COLOUR name='knob_eq2_bipolar_left' rgba='00ff58ff'
COLOUR name='knob_eq2_bipolar_center' rgba='00f5ffff'
COLOUR name='knob_eq2_bipolar_right' rgba='00ff58ff'
COLOUR name='knob_eq2_bipolar_mark' rgba='ffffff00'
COLOUR name='knob_eq3_unipolar_left' rgba='00f5ffff'
COLOUR name='knob_eq3_unipolar_center' rgba='00ff81ff'
COLOUR name='knob_eq3_unipolar_right' rgba='00ff58ff'
COLOUR name='knob_eq3_unipolar_mark' rgba='ffffff00'
COLOUR name='knob_eq3_bipolar_left' rgba='00ff58ff'
COLOUR name='knob_eq3_bipolar_center' rgba='00f5ffff'
COLOUR name='knob_eq3_bipolar_right' rgba='00ff58ff'
COLOUR name='knob_eq3_bipolar_mark' rgba='ffffff00'
COLOUR name='knob_eq4_unipolar_left' rgba='00f5ffff'
COLOUR name='knob_eq4_unipolar_center' rgba='00ff81ff'
COLOUR name='knob_eq4_unipolar_right' rgba='00ff58ff'
COLOUR name='knob_eq4_unipolar_mark' rgba='ffffff00'
COLOUR name='knob_eq4_bipolar_left' rgba='00ff58ff'
COLOUR name='knob_eq4_bipolar_center' rgba='00f5ffff'
COLOUR name='knob_eq4_bipolar_right' rgba='00ff58ff'
COLOUR name='knob_eq4_bipolar_mark' rgba='ffffff00'
COLOUR name='knob_bg' rgba='00000032'
COLOUR name='knob_mod_bg' rgba='00000032'
COLOUR name='knob_secondary_bg' rgba='ffffff12'
COLOUR name='knob_secondary_mod_bg' rgba='ffffff12'
COLOUR name='xy_puck_big' rgba='00ff81ff'
COLOUR name='xy_puck_small' rgba='ffffff70'
COLOUR name='eq_puck_1' rgba='ffffff70'
COLOUR name='eq_puck_2' rgba='ffffff70'
COLOUR name='eq_puck_3' rgba='ffffff70'
COLOUR name='eq_puck_4' rgba='ffffff70'
COLOUR name='config_bg' rgba='46454a00'
COLOUR name='config_sub_bg' rgba='46454aa1'
COLOUR name='diva_vcf_bg' rgba='46454a00'
COLOUR name='osc_bg' rgba='46454a00'
COLOUR name='osc_sub_bg' rgba='46454aa1'
COLOUR name='noise_bg' rgba='46454a00'
COLOUR name='vcf_bg' rgba='46454a00'
COLOUR name='fmo_bg' rgba='46454a00'
COLOUR name='fmo_sub_bg' rgba='46454aa1'
COLOUR name='comb_bg' rgba='46454a00'
COLOUR name='shaper_bg' rgba='46454a00'
COLOUR name='mix_bg' rgba='46454a00'
COLOUR name='xmf_bg' rgba='46454a00'
COLOUR name='xmf_sub_bg' rgba='46454aa1'
COLOUR name='sb_bg' rgba='46454a00'
COLOUR name='dist_bg' rgba='46454a00'
COLOUR name='arp_bg' rgba='46454a00'
COLOUR name='arp_sub_bg' rgba='46454aa1'
COLOUR name='arpmod_bg' rgba='46454a00'
COLOUR name='matrix_bg' rgba='46454a00'
COLOUR name='matrix_sub_bg' rgba='46454aa1'
COLOUR name='mseg_bg' rgba='46454a00'
COLOUR name='env_bg' rgba='46454a00'
COLOUR name='env_sub_bg' rgba='46454a71'
COLOUR name='lfo_bg' rgba='46454a00'
COLOUR name='lfo_sub_bg' rgba='46454a71'
COLOUR name='lfog_bg' rgba='46454a00'
COLOUR name='lfog_sub_bg' rgba='46454a71'
COLOUR name='mmix_bg' rgba='46454a00'
COLOUR name='mmap_bg' rgba='46454a00'
COLOUR name='fx_rack_bg' rgba='ffffff00'
COLOUR name='modfx_bg' rgba='46454a00'
COLOUR name='delay_bg' rgba='46454a00'
COLOUR name='comp_bg' rgba='46454a00'
COLOUR name='eq_bg' rgba='46454a00'
COLOUR name='rev_bg' rgba='46454a00'
COLOUR name='res_bg' rgba='46454a00'
COLOUR name='keyboard_bg' rgba='ffffff14'
COLOUR name='envfol_bg' rgba='ffffff14'
COLOUR name='pitchfol_bg' rgba='ffffff14'
COLOUR name='main_bg' rgba='212024ff'
COLOUR name='perf_bg' rgba='212024ee'
COLOUR name='osc_editor_bg' rgba='212024ff'
COLOUR name='label_group' rgba='ffffff90'
COLOUR name='group_bg' rgba='00000000'
COLOUR name='module_highlight' rgba='ffffff00'
COLOUR name='editor_in_rack_bg' rgba='21202472'
COLOUR name='mseg_editor_bg' rgba='212024ff'
COLOUR name='mseg_cursor' rgba='ffffff1e'
COLOUR name='xy_bg' rgba='00000024'
COLOUR name='label_xy' rgba='ffffff32'
COLOUR name='module_tab_bg' rgba='00000032'
COLOUR name='label_module_tab_unselected' rgba='ffffff3c'
COLOUR name='label_module_tab_selected' rgba='ffffff3c'
COLOUR name='slider_bg' rgba='00000032'
COLOUR name='slider_border' rgba='0000001e'
COLOUR name='metarange_handle' rgba='ffffff3c'
COLOUR name='metarange_depth' rgba='ffffff50'
COLOUR name='browser_bg' rgba='1a191cf7'
COLOUR name='button_light_bg' rgba='ffffff00'
COLOUR name='button_light_border' rgba='ffffff0f'
COLOUR name='button_dark_bg' rgba='00000032'
COLOUR name='button_dark_border' rgba='0000001e'
COLOUR name='module_border' rgba='ffffff14'
COLOUR name='sub_module_border' rgba='ffffff00'
COLOUR name='scrollbar' rgba='ffffff10'
COLOUR name='grid_bg' rgba='ffffff0a'
COLOUR name='mixer_strip_bg' rgba='ffffff04'
*** USER COLORS END ***

bmrzycki · Post by **bmrzycki** » Tue Jul 07, 2015 6:38 pm

aMUSEd wrote:OK I need a bit more than knowing the format is RRGGBBAA though - what does that mean?

R = Red
G = Green
B = Blue
A = Alpha (opacity)

The letters are duplicated to show you have two characters for each color (in hexadecimal) : 00 - FF.
Here's one (of many) documents describing this http://www.css3.info/preview/rgba/ .

aMUSEd · Post by **aMUSEd** » Tue Jul 07, 2015 6:41 pm

Thanks - yeah I realised it had something to do with RGB but didn't understand why 2 or what values to enter.

EvilDragon · Post by **EvilDragon** » Wed Jul 08, 2015 10:20 am

drzhnn wrote:
EvilDragon wrote:Perhaps could be a good idea to make that close button actually visible?
I tried this, but failed making it look natural.

I think something like this is perfectly fine:

HcDoom · Post by **HcDoom** » Wed Jul 15, 2015 2:51 pm

Looks good. Only nitpick I have is when I go to MSEG or OSC settings and its a bit too transparent, I have problem focusing at first 5-10 secs. One question. In S1 v3, whenever I open Zebra it returns back to default skin and size. I clicked make my defaul with Redux skin, but it doesnt work. How can I make Zebra to permanently use Redux skin?

Also, is there anyway to make filter tabs (or all other new tabs) in different color than as Osc´s, etc...? To make everything a bit more easy to go by. At this moment when everything is so grey, I am not sure is it filter, is it osc or something else.

Thx

LFO8 · Post by **LFO8** » Wed Jul 15, 2015 4:52 pm

EvilDragon wrote:I think something like this is perfectly fine:

I was able to match the opacity to that example, but how did you get the close down cross in there at the top left?

LFO8 · Post by **LFO8** » Sat Jul 25, 2015 5:48 pm

ED, did you read my post about the close down button?

EvilDragon · Post by **EvilDragon** » Sat Jul 25, 2015 6:02 pm

Had to make a custom image and find out what's the hidden close button in the script and reposition it, along with assigning the image to it. Repeat for Zebrify.

LFO8 · Post by **LFO8** » Sat Jul 25, 2015 6:09 pm

Great, thanks buddy. Care to share the png? I really like the way you did it.

EvilDragon · Post by **EvilDragon** » Sun Jul 26, 2015 8:54 am

It's just an X from the old "XYs" tab button, slightly squished by two rows

(More importantly, not at my desktop for the next couple of days so no Redux here. Please, try it yourself

)

LFO8 · Post by **LFO8** » Sun Jul 26, 2015 8:59 am

Aha. Cheers!

urlwolf · Post by **urlwolf** » Sat Aug 08, 2015 9:28 pm

When I use redux with the demo of zebra, there are two nag screens, a small and a big one. The small one I can click away. But the big one doesn't respond to clicks(on FLstudio). Any workarounds?

Thanks

drzhnn · Post by **drzhnn** » Sun Aug 09, 2015 12:42 am

Sorry urlwolf, I don't have a workaround for you at the moment, but you can try using the first generation Redux - it doesn't seem to have this nag screen problem.

LFO8 · Post by **LFO8** » Sun Aug 09, 2015 9:56 am

While you are here drzhnn, is there a quick way to change the height of the Zebra Redux GUI in the script? I would like to make it a bit taller.