Featured Video Play Icon

Ableton Live 10: Skin Map & ‘Stone Cold’ theme by Auranoc

 

Theming Ableton Live 10

Making themes for Ableton Live 10 isn’t hard but the crappiest part of the process is not knowing what all the codes link to, hence I decided to make this map.

To change your skin, in Ableton Live, go to ‘options’, ‘look feel’ then click the drop down labled ‘Theme’ under the color header.

You can download the skin being worked on throughout this mapping process here  (‘Yellow Stone’).
Below is a finished screen shot.

Skin map

This skin guide is for PC users, however the skin map can also be used for reference by MAC users. 

Now, lets get on with the custom skinning process.

Navigate to your Ableton folder, then go to the resources folder, then themes.

Copy & rename one of the standard themes. This is now the file you’ll be working on. It’s probably best to pick one that you like already if you’re just wanting to make minor changes, otherwise it doesn’t matter.

Open the file with notepad or a coding app. From here on, the only thing that needs doing is changing RGB codes with that of colors you want. To find RGB values, use photoshop or a site like https://htmlcolorcodes.com/

Below are pictures and names of all the elements and what they do. The color of each element was set to yellow to make the changes easier to spot.

Note: The ‘Alpha’ value is the opacity of each element, 0 being see through and 255 being max visibility.

 

ControlForeground

This is the main foreground text.

TextDisabled

Text of elements that are disabled/unavialable

ControlDisabled

Channel button when it’s set to off.

MeterBackground

SurfaceHighlight

SurfaceArea

Desktop

ViewCheckControlEnabledOn

ScrollbarInnerHandle

ScrollbarInnerTrack

ScrollbarOuterHandle

ScrollbarOuterTrack

ScrollbarLCDHandle

ScrollbarLCDTrack

DetailViewBackground

PreferencesTab

SelectionFrame

This is the color of the border on the frame you’re dragging an item into. It only shows during the dragging process.

ControlBackground

ControlFillHandle

ChosenDefault

ChosenRecord

ChosenPreListen

ImplicitArm

???

RangeDefault

RangeDisabled

When the channel or module is turned OFF.

RangeDisabledOff

???

LearnMidi

LearnKey

LearnMacro

RangeEditField

RangeEditField2

???

BiolReset

ChosenAlternative

ChosenAlert

ChosenPlay

Clip1-16

???

ClipText

ClipBorder

SelectionBackground

SelectionForeground

StandbySelectionForeground

SurfaceBackground

AutomationColor

LoopColor

ArrangementRulerMarkings

DetailViewRulerMarkings

ShadowDark

I think this is the color it references for darkness on shadows. Probably best kept set to RGB 0,0,0.

ShadowLight

I think this is the color it references for lighter ends of shadows. Probably best kept set to RGB 255,255,255.

DisplayBackground

AbletonColor

WaveformColor

VelocityColor

Alert

ControlOnForeground

ControlOffForeground

ControlOnDisabledForeground

ControlOffDisabledForeground

ControlOnAlternativeForeground

ControlTextBack

ControlContrastFrame

ControlSelectionFrame

ControlContrastTransport

Progress & ProgressText

 

TransportProgress

You won’t see it if your CPU isn’t under some load, if you have a beefy PC, load up a more complete project for testing.

ClipSlotButton

BrowserBar

BrowserBarOverlayHintTextColor

This shows when you’re clicked off the search panel

BrowserDisabledItem

This is just disabled item text in the browser.

BrowserSampleWaveform

AutomationDisabled

AutomationMouseOver

MidiNoteMaxVelocity

This sneaky little bastard..

RetroDisplayBackground

RetroDisplayBackgroundLine

RetroDisplayForeground

RetroDisplayForeground2

RetroDisplayForegroundDisabled

RetroDisplayGreen

RetroDisplayRed

RetroDisplayHandle & RetroDisplayHandle2

One is the selected handle as shown by ‘2’ and one is non selected but active as shown by ‘1’.

RetroDisplayScaleText

ThresholdLineColor

GainReductionLineColor

InputCurveColor

InputCurveOutlineColor

OutputCurveColor

OutputCurveOutlineColor

SpectrumDefaultColor

SpectrumAlternativeColor

Operator 1-4

These change the on/off & & levels color on each OSC line.

DrumRackScroller1

DrumRackScroller2

FilledDrumRackPad

SurfaceAreaFocus

FreezeColor


GridLabel

ArrangerGridTiles

DetailGridTiles

TreeColumnHeadBackground

The ‘Tree’ tags cover the menu elements.

TreeColumnHeadForeground

TreeColumnHeadSelected

Active when you’re clicking on the header

TreeColumnHeadFocus

This just highlights when you’re active in the selection window.

TreeRowCategoryForeground

TreeRowCategoryBackground

SearchIndication

SearchIndicationStandby

KeyZoneBackground

KeyZoneCrossfadeRamp

VelocityZoneBackground

VelocityZoneCrossfadeRamp

SelectorZoneBackground

SelectorZoneCrossfadeRamp

ViewCheckControlEnabledOff

ViewCheckControlDisabledOff

BackgroundClip

This is how the background midi track is colored (when you’ve selected multiple midi tracks simultaneously)

BackgroundClipFrame

WarperTimeBarRulerBackground

WarperTimeBarMarkerBackground

BipolarPotiTriangle

Poti

DeactivatedPoti

When the clip or bank is off, this marks the area remaining – in this case, the setting is 0 and the dial can be turned up – it shows how much you have left

PotiNeedle

DeactivatePotiNeedle

The ‘needle’ / arm when clip is deactivated

TransportOffBackground

TransportOffDisabledForeground

TransportSelectionBackground

Comments are closed, but trackbacks and pingbacks are open.