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

Feature Requests
1

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
2

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?

3

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!

4

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:

https://blog.hubspot.com/website/how-to-inspect

5

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
6

Thank you @leolabs and @RichardB !!!

1 Like