Rearrange the information in Performance View from the settings and CSS library

Describe your issue here:

Hi, I would like to rearrange the information in Performance View from the settings, I want to move the clock below the progress bar. And is there any way to get the elapse time in that view?, also is it possible to get like a CSS library?

Thank you!!

Please fill out these values to make it easier to troubleshoot:

  • OS and Version: macOS Sonoma 14.2.1
  • Version of AbleSet: 2.6.0-beta.3
  • Version of Ableton Live: 11.3.13

Rearranging the information on the performance page sounds like a good idea! I’ve added it to my todo list.

Regarding the CSS library, could you elaborate on what you mean?

Thank you Leo!!

Regarding the CSS, I want to get some exact examples from the code, specially to change the colors from the different sections (Song name, clock, timecode, etc)
Let me know
Thank you!

Here are some CSS examples on changing colors of song name and clock:

.performance .song-name {
   color: blue;

.performance .clock text {
   fill: red;

I don’t use timecode so I don’t have that information. By the way, you can get this type of information fairly easily by using the “Inspect element” feature that all of the big three browsers support. Here’s a helpful article regarding this topic:

Thanks, @RichardB!

There’s also a User Styles category in this forum that contains some examples of CSS you can use. You might be interested in the Color Schemes one :slight_smile:

1 Like

Thank you @leolabs and @RichardB !!!

1 Like