Icons with Themed Splits

[alkaris2]

I'm unsure how to add icons to Themed splits, though it follows the specifications of GTK3 for CSS, it's unclear how it's intended to be used and applied to theming for splits. the documentation of GTK3 mentions things like -gtk-icon-source for icon properties, but simply putting it into the CSS doesn't necessarily do anything or make icons appear in each split when listed. I've tried adding sub-class names for splits, but this also didn't seem to work.

ie; .split.split-name-1:before

[paoloose]

Sadly there is no (supported) way to add icons to splits. This is a desired feature, however.
Although the original repo shows a screenshot with icons in its README, when looking at the code I didn't find anything related to split icons. (If you see icons in this project's README, they are actually emojis).

the documentation of GTK3 mentions things like -gtk-icon-source for icon properties

Those icons are only related to some gtk built-in widgets such as checks, radios, arrows, etc.

ie; .split.split-name-1:before

I couldn't find anything about GTK css pseudo elements, so I think they are not supported.

As I said, split icons are a desired feature. I'm not having time to work on this for now, hopefully soon. If someone want to help, the desired way to define splits icons would be in an "icon" property for each split object in the splits json file; not in the .css themes :)

[paoloose]

If you need icons so badly, this dirty workaround may help:

In your css theme:

.split .split-title {
  padding-left: 26px;
  background-repeat: no-repeat;
  background-size: 20px;
}

And for each split you want to put an icon on:

.split:nth-child(1) .split-title {
  background-image: url('<url>');
}
.split:nth-child(2) .split-title {
  background-image: url('<url>');
}
.split:nth-child(3) .split-title {
  background-image: url('<url>');
}
/* ... */

Where <url> is an existing file (preferably an absolute path) in your system or a link to a web image.

[paoloose]

This feature was implemented in 9f30f32!

See https://github.com/paoloose/urn/blob/main/splits_examples/minecraft_speedrun.json for an example using split icons :-)