Share your themes!


#1

Here’s my first theme with the code.

How to change?
Just copy the dark.theme file with a new name.
Change extension to .zip, Now unzip to a folder.
Edit the file theme.json file with new code. (I used Notepad++ with Quick Color Picker plugin)
You can use the folder yourtheme.theme, no need to zip it.

Godly Dark Shade theme

{
    "ToolbarTopColor": "#222326",
    "ToolbarBottomColor": "#000000",

    "SliderPopupTopColor": "#2c2c2c",
    "SliderPopupBottomColor": "#000000",

    "BorderColor": "#393b40",
    "LightBorderColor": "#5d5d5d",
    "TabBarTopColor": "#000000",
    "TabBarBottomColor": "#222326",

    "SidePanelColor": "#1c2733",
    "SidePanelHighlightedColor": "#ede4df",

    "DarkTextColor": "#dfe1e5",
    "LightTextColor": "#949599",
    "ActiveListItemColor": "#002d62",
    "UltraLightTextColor": "#707070",

    "SlotBackgroundColor": "#000000",
    "SlotPanelBackgroundColor": "#121212",
    "SlotTextColor": "#FFFFFF",
    "RackSlotBorderColor": "#405975",

    "ColumnHeadersTopColor": "#222326",
    "ColumnHeadersBottomColor":"#222326",
    "ColumnHeadersTextColor":"#52555c",

    "StatusPanelTextColor": "#1c80fc",

    "FocusedTextColor": "#FFFFFF",
    	"FocusedText": "#04cff1",

    "RoundButtonTextColor": "#d6d6d6",
    "SelectedTabTextColor": "#dfe1e5",
    "TabTextColor": "#949599",

    "SliderTickColor": "#707070",

    "PopupMenuBackgroundColor": "#121212",
    "PopupMenuTextColor": "#dfe1e5",
    "PopupMenuTitleBackgroundColor": "#222326",
    "PopupMenuTitleTextColor": "#949599",

    "LevelMeterColorCold":"#1aff1a",
    "LevelMeterColorHot":"#ff2c00",
    	"FirstBeatColor":"#00FF00",

    "ButtonCaption":"#a6a8ac",
    "ButtonCaptionPressed":"#dfe1e5",

    "TooltipColorTop":"#cccccc",
    "TooltipColorBottom":"#b3b3b3",
    "TooltipColorText":"#000000",

    "BasicColor_Red":"#8c0000",
    "BasicColor_Maroon":"#3B0B0B",
    "BasicColor_Green":"#0B3B0B",
    "BasicColor_Lime":"#0B6B0B",
    "BasicColor_Blue":"#0B0B6B",
    "BasicColor_Navy":"#0B0B3B",
    "BasicColor_Yellow":"#6B6B0B",
    "BasicColor_Olive":"#3B3B0B",
    "BasicColor_Fuscia":"#6B0B6B",
    "BasicColor_Purple":"#3B0B3B",
    "BasicColor_Cyan":"#0B6B6B",
    "BasicColor_Teal":"#0B3B3B",
    "BasicColor_Orange":"#6B3B0B",
    "BasicColor_Brown":"#3B230B",

    }


Alternative Skindesigns II
#2

I haven’t changed allot, Brads was already very slick.
Just added some depth.


Modifying Themes?
#3

Cool! I should play around with that a little myself! :smile:

Terry


#4

Here’s a new one.
Enjoy !

Godly Blue Shade theme

{
// Toolbar   
    "ToolbarTopColor": "#002040",
    "ToolbarBottomColor": "#000000",
    "StatusPanelTextColor": "#1c80fc",
	
// Sliderticker	
    "SliderPopupTopColor": "#002040",
    "SliderPopupBottomColor": "#000000",
	
    "SliderTickColor": "#707070",
	
    "BorderColor": "#09090a",
    "LightBorderColor": "#2a2a2a",
    "TabBarTopColor": "#000000",
    "TabBarBottomColor": "#222326",

    "SidePanelColor": "#001327",
    "SidePanelHighlightedColor": "#ffff00",
	
// General Text
    "DarkTextColor": "#ffffff",
    "LightTextColor": "#1a2734",
    "ActiveListItemColor": "#0000d9",
    "UltraLightTextColor": "#002d5a",
	
//Objects and slots
    "SlotBackgroundColor": "#000000",
    "SlotPanelBackgroundColor": "#121212",
    "SlotTextColor": "#597ba2",
    "RackSlotBorderColor": "#354960",
	
//Level meter	
	"LevelMeterColorCold":"#1aff1a",
    "LevelMeterColorHot":"#ff2c00",
	"FirstBeatColor":"#00FF00",

    "ColumnHeadersTopColor": "#222326",
    "ColumnHeadersBottomColor":"#222326",
    "ColumnHeadersTextColor":"#52555c",


    "FocusedTextColor": "#FFFFFF",
	"FocusedText": "#04cff1",

    "RoundButtonTextColor": "#d6d6d6",
    "SelectedTabTextColor": "#dfe1e5",
    "TabTextColor": "#616266",

// Quick controller
    "PopupMenuBackgroundColor": "#bfbfff",
    "PopupMenuTextColor": "#100040",
    "PopupMenuTitleBackgroundColor": "#222326",
    "PopupMenuTitleTextColor": "#949599",

// Buttons
    "ButtonCaption":"#a6a8ac",
    "ButtonCaptionPressed":"#dfe1e5",

// Tooltips
    "TooltipColorTop":"#e8f04f",
    "TooltipColorBottom":"#979533",
    "TooltipColorText":"#000000",

// Rack colors
    "BasicColor_Red":"#8c0000",
    "BasicColor_Maroon":"#3B0B0B",
    "BasicColor_Green":"#0B3B0B",
    "BasicColor_Lime":"#0B6B0B",
    "BasicColor_Blue":"#0B0B6B",
    "BasicColor_Navy":"#0B0B3B",
    "BasicColor_Yellow":"#b0b013",
    "BasicColor_Olive":"#3B3B0B",
    "BasicColor_Fuscia":"#6B0B6B",
    "BasicColor_Purple":"#3B0B3B",
    "BasicColor_Cyan":"#0B6B6B",
    "BasicColor_Teal":"#0B3B3B",
    "BasicColor_Orange":"#6B3B0B",
    "BasicColor_Brown":"#3B230B",

}



#5

Very Nice!     


#6

Jeej another one !
Matches my Nord :wink:

Godly Red Shade

{
// Toolbar   
    "ToolbarTopColor": "#a60000",
    "ToolbarBottomColor": "#000000",
    "StatusPanelTextColor": "#ffbf00",
	
// Sliderticker	
    "SliderPopupTopColor": "#a60000",
    "SliderPopupBottomColor": "#000000",
	
    "SliderTickColor": "#707070",
	
    "BorderColor": "#09090a",
    "LightBorderColor": "#2a2a2a",
    "TabBarTopColor": "#000000",
    "TabBarBottomColor": "#222326",

    "SidePanelColor": "#400010",
    "SidePanelHighlightedColor": "#d90000",
	
// General Text
    "DarkTextColor": "#ffffff",
    "LightTextColor": "#1a2734",
    "ActiveListItemColor": "#e6ac00",
    "UltraLightTextColor": "#a60000",
	
    "FocusedTextColor": "#FFFFFF",
	"FocusedText": "#a60000",
	
//Objects and slots
    "SlotBackgroundColor": "#000000",
    "SlotPanelBackgroundColor": "#121212",
    "SlotTextColor": "#597ba2",
    "RackSlotBorderColor": "#354960",
	
//Level meter	
	"LevelMeterColorCold":"#1aff1a",
    "LevelMeterColorHot":"#ff2c00",
	"FirstBeatColor":"#00FF00",

    "ColumnHeadersTopColor": "#222326",
    "ColumnHeadersBottomColor":"#222326",
    "ColumnHeadersTextColor":"#52555c",

    "RoundButtonTextColor": "#d6d6d6",
    "SelectedTabTextColor": "#dfe1e5",
    "TabTextColor": "#616266",

// Quick controller
    "PopupMenuBackgroundColor": "#bfbfff",
    "PopupMenuTextColor": "#100040",
    "PopupMenuTitleBackgroundColor": "#222326",
    "PopupMenuTitleTextColor": "#949599",

// Buttons
    "ButtonCaption":"#a6a8ac",
    "ButtonCaptionPressed":"#dfe1e5",

// Tooltips
    "TooltipColorTop":"#e8f04f",
    "TooltipColorBottom":"#84822d",
    "TooltipColorText":"#000000",

// Rack colors
    "BasicColor_Red":"#8c0000",
    "BasicColor_Maroon":"#3B0B0B",
    "BasicColor_Green":"#0B3B0B",
    "BasicColor_Lime":"#0B6B0B",
    "BasicColor_Blue":"#0B0B6B",
    "BasicColor_Navy":"#0B0B3B",
    "BasicColor_Yellow":"#b0b013",
    "BasicColor_Olive":"#3B3B0B",
    "BasicColor_Fuscia":"#6B0B6B",
    "BasicColor_Purple":"#3B0B3B",
    "BasicColor_Cyan":"#0B6B6B",
    "BasicColor_Teal":"#0B3B3B",
    "BasicColor_Orange":"#6B3B0B",
    "BasicColor_Brown":"#3B230B",

}

Download:
GodlyRedShade.theme.zip (4.0 MB)

@brad, I can’t find those blue onces in the theme file. Is the text missing?


#7

Possibly missing from the theme - I’ll check and fix before the next build.

Logged here.


#8

@So_Godly I am loving those themes you made! And, yes, the red goes with my Akai MPK249 (RED)! :smile:

Terry


#9

Haha, I’m glad you like it buddy, yes the red is also my fav color !
I even changed the yellow screen font to blue so it matches my Nord. Can send you the change also if you like.


#10

Here is the addapted version, with blue screen font.
GodlyRedShade.zip (2.0 MB)

(unzip)


#11

Heh… glad you knew you didn’t really need to ask! :slight_smile:

In it goes! Thanks!

Terry


#12

I knew it would make you happy :wink:


#13

I’ve updated it to the latest Cantabile and added some graphic adaptations.

Godly Red Shade Theme v1.1 (v3222)

With white rack text:

Unzip into your Cantabile Program Files Folder
GodlyRedShade3222.theme.zip (1.9 MB)


#14

Looks exciting - but, TBH, I wouldn’t want to spend hours editing with this theme - would probably make me too aggressive. Plus, it’s not really ergonomic (contrasts, hard-to-read rack/plugin labels.

Increasingly, I tend to use very simple, relaxed interfaces that help me concentrate on content/workflow and not on shiny reflections on buttons etc. And when playing live, that principle holds even more: I need layouts / colors that let me focus at one glance on what is important.

Live interfaces tend to be more colorful for me than Studio stuff: I spend more time staring at the screen in the studio, so I need the screen to be more subdued to not wear my eyeys out - couldn’t work with this theme at all. When playing live, colors are more important, since they help “anchor” the eye quickly when simply glancing at a screen in passing, so I use bright colors and strong contrast to set important items off from the un-important - doesn’t look very sophisticated like some of the fancy tone-in-tone DAW interfaces but helps navigate quickly on stage. But too much color would be like screams from every direction of the room: you don’t know where to focus.

So whilst this theme does really look cool when showing off Cantabile, I don’t think it really helps USING Cantabile.

I think that @brad has done a great job combining looks and ergonomics in his two themes.

Just my 0.02 EUR - no offense…

Cheers,

Torsten


#15

Thanks Torsten,
Yes I agree, a theme has to be very simple and basic.
For sure Brad has done a very well job on it.

For me, I need it to have the most important things very clear and bright, the other things you can almost ignore.

That’s what I tried with this theme:

  • upcoming songs are dimmed and the current song is forward.
  • the colors are for showcase now, as you can see, I added some very bright, so I can mark, almost in fluo some lines (fushia, yellow, cyan)
  • the level markers are bright green, not grey (I can understand grey was used, as this was the normal state of the level and orange the unormal)
  • I made the top icons more subtile. What is not active should not be very bright, dark in my opinion.
  • the sliders have a bar so it’s more clear what level it has
  • Add clear marking in the Title header that a song is modified.

But also for me, a theme needs to give me a good feeling. For me it’s very important, as it is the virtual house I live in. For some that house is very basic, for some cozy.

You could be right dough that the text of the plugins is not clear enough. Still thinking about that.

The original theme has to much lines and items in front that distract from the important things. The White theme is even worst, looks like an accountancy software to me :slight_smile:
That’s why they make plugins sexy, isn’t it? :slight_smile:
I think the Dark theme is a big improvement, not only for the eye on stage and practical reasons of dimming the screen.

Probably also just a matter of taste indeed :slight_smile:


#16

I corrected it, much better IMO.

{
// Toolbar   
    "ToolbarTopColor": "#a60000",
    "ToolbarBottomColor": "#000000",
    "StatusPanelTextColor": "#447b8d",
	
// Sliderticker	
    "SliderPopupTopColor": "#a60000",
    "SliderPopupBottomColor": "#000000",
	
    "SliderTickColor": "#707070",
	
    "BorderColor": "#09090a",
    "LightBorderColor": "#2a2a2a",
    "TabBarTopColor": "#000000",
    "TabBarBottomColor": "#222326",

    "SidePanelColor": "#400010",
    "SidePanelHighlightedColor": "#d90000",
	
// General Text
    "DarkTextColor": "#ffffff",
    "LightTextColor": "#1a2734",
    "UltraLightTextColor": "#a60000",
	
    "FocusedTextColor": "#FFFFFF",
	"FocusedText": "#a60000",
	
	"ActiveListItemColor": "#d6b543",
	// new in 3222	
	"SelectedListViewRowTop":"#ff0000",   
	"SelectedListViewRowBottom":"#66001a",
	"UnfocusedSelectedListViewRowTop":"#FFFFFF",
	"UnfocusedSelectedListViewRowBottom":"#D3D3D3",
	
//Objects and slots
    "SlotBackgroundColor": "#000000",
    "SlotPanelBackgroundColor": "#121212",
    "SlotTextColor": "#ffffff",
    "RackSlotBorderColor": "#354960",
	
//Level meter	
	"LevelMeterColorCold":"#1aff1a",
    "LevelMeterColorHot":"#ff2c00",
	"FirstBeatColor":"#00FF00",

    "ColumnHeadersTopColor": "#222326",
    "ColumnHeadersBottomColor":"#222326",
    "ColumnHeadersTextColor":"#52555c",

    "RoundButtonTextColor": "#d6d6d6",
    "SelectedTabTextColor": "#dfe1e5",
    "TabTextColor": "#616266",

// Quick controller
    "PopupMenuBackgroundColor": "#bfbfff",
    "PopupMenuTextColor": "#100040",
    "PopupMenuTitleBackgroundColor": "#222326",
    "PopupMenuTitleTextColor": "#949599",

// Buttons
    "ButtonCaption":"#a6a8ac",
    "ButtonCaptionPressed":"#dfe1e5",

// Tooltips
    "TooltipColorTop":"#e8f04f",
    "TooltipColorBottom":"#84822d",
    "TooltipColorText":"#000000",

// Rack colors
    "BasicColor_Red":"#8c0000",
    "BasicColor_Maroon":"#500f0f",
    "BasicColor_Green":"#0B3B0B",
    "BasicColor_Lime":"#0B6B0B",
    "BasicColor_Blue":"#0B0B6B",
    "BasicColor_Navy":"#0B0B3B",
    "BasicColor_Yellow":"#ffff00",
    "BasicColor_Olive":"#3B3B0B",
    "BasicColor_Fuscia":"#a8006d",
    "BasicColor_Purple":"#3B0B3B",
    "BasicColor_Cyan":"#00b8c8",
    "BasicColor_Teal":"#0B3B3B",
    "BasicColor_Orange":"#b85700",
    "BasicColor_Brown":"#3B230B",

	
// Saved state message
	"ModifiedSetListSuffix":" < \u26AB SETLIST  E D I T E D \u26AB",
	"ModifiedSongSuffix":" < \u26AB SONG  E D I T E D \u26AB",
	"ModifiedRackSuffix":" < \u26AB RACK  E D I T E D \u26AB",	
}

#17

Yeah the red is a bit much for my taste, but each to his own. If that’s what you like, go for it - that’s why the theme support is there.

LOL :slight_smile: you don’t seem the aggressive type @Torsten

I agree! In fact the light theme has been fairly neglected since I put the dark theme together.

The point about the lines has been raised a couple of times too - that’s something I should fix.


#18

Red matches my Nord, I’m a fashion guy :sunglasses:
Thx for the input.

Theming is indeed important.
Many software has it and many users complain when the theme is dull of some app. For example Synth 1. A returning complaint.


#19

@So_Godly
Matches my red Akai MPK249 also! :heart_eyes:

@Neil_Durant
Say, Neil, how about sharing that dark theme of yours from several months ago? I see that file is no longer available.

Terry


#20

Ok, here’s an updated version of my theme. The only difference between this and what you get with the latest Cantabile build is that the horizontal separator lines between rows is a lighter grey; I was finding the more prominent lines in the default dark theme a bit distracting. Here’s the file - unzip it and drop it in along side your other themes:

Neil.zip (1.1 MB)

Here’s a comparison with the factory dark theme, so you can see the difference:

Factory dark theme:

My dark theme:

Neil