Как интерполировать цвет узла с помощью пользовательских переменных CSS?

Есть узел, и мне нужно динамически менять его цвет. Я также хочу сделать это, используя переменные CSS. Проблема в том, что JavaFX, похоже, выполняет поиск CSS только тогда, когда свойство узла (заливка) явно привязано к соответствующему свойству объекта, настраиваемому по стилям, значение которого должно быть получено через CSS. Другими словами, CSS работает только в том случае, если свойство styleable привязано к свойству узла и этот узел существует в графе сцены.

Но если свойство Node уже привязано, я не смогу интерполировать его значение на временной шкале. Есть ли здесь обходной путь? Например, могу ли я каким-то образом вручную запустить поиск переменных CSS до начала временной шкалы?

Минимальный воспроизводимый пример:

public class ExampleApp extends Application {

    public static void main(String[] args) {
        launch();
    }

    @Override
    public void start(Stage stage) {
        var r = new AnimatedRect(200, 200);
        // actual: rect flashes red and blue
        // expected: rect flashes green and orange
        r.setStyle("-color1: green; -color2: orange;");

        var scene = new Scene(new BorderPane(r), 200, 200);
        stage.setScene(scene);
        stage.show();
    }

    static class AnimatedRect extends Rectangle {

        public AnimatedRect(double width, double height) {
            super(width, height);
            setFill(color1.get());

            // if you bind the color property to the rect fill, the CSS variables will start to work,
            // but the timeline will stop because it's forbidden to change a bound value,
            // ... and unfortunately bidirectional binding won't help here either
            // fillProperty().bind(color1);

            var timeline = new Timeline(
                new KeyFrame(Duration.millis(0),
                    new KeyValue(fillProperty(), color1.get(), LINEAR)
                ),
                new KeyFrame(Duration.millis(1000),
                    new KeyValue(fillProperty(), color2.get(), LINEAR)
                )
            );
            timeline.setCycleCount(Timeline.INDEFINITE);
            timeline.setAutoReverse(false);

            sceneProperty().addListener((obs, o, n) -> {
                if (n != null) {
                    timeline.play();
                } else {
                    timeline.stop();
                }
            });
        }

        final StyleableObjectProperty<Paint> color1 = new SimpleStyleableObjectProperty<>(
            StyleableProperties.COLOR1, AnimatedRect.this, "-color1", Color.RED
        );

        final StyleableObjectProperty<Paint> color2 = new SimpleStyleableObjectProperty<>(
            StyleableProperties.COLOR2, AnimatedRect.this, "-color2", Color.BLUE
        );

        static class StyleableProperties {

            private static final CssMetaData<AnimatedRect, Paint> COLOR1 = new CssMetaData<>(
                "-color1", PaintConverter.getInstance(), Color.RED
            ) {
                @Override
                public boolean isSettable(AnimatedRect c) {
                    return !c.color1.isBound();
                }

                @Override
                public StyleableProperty<Paint> getStyleableProperty(AnimatedRect c) {
                    return c.color1;
                }
            };

            private static final CssMetaData<AnimatedRect, Paint> COLOR2 = new CssMetaData<>(
                "-color2", PaintConverter.getInstance(), Color.BLUE
            ) {
                @Override
                public boolean isSettable(AnimatedRect c) {
                    return !c.color2.isBound();
                }

                @Override
                public StyleableProperty<Paint> getStyleableProperty(AnimatedRect c) {
                    return c.color2;
                }
            };

            private static final List<CssMetaData<? extends Styleable, ?>> STYLEABLES;

            static {
                final List<CssMetaData<? extends Styleable, ?>> styleables =
                    new ArrayList<>(Rectangle.getClassCssMetaData());
                styleables.add(COLOR1);
                styleables.add(COLOR2);
                STYLEABLES = Collections.unmodifiableList(styleables);
            }
        }

        public static List<CssMetaData<? extends Styleable, ?>> getClassCssMetaData() {
            return StyleableProperties.STYLEABLES;
        }

        @Override
        public List<CssMetaData<? extends Styleable, ?>> getCssMetaData() {
            return getClassCssMetaData();
        }
    }
}

ОБНОВЛЯТЬ:

Я нашел проблему. JavaFX разрешает переменные CSS после подключения узла к сцене. Мой предыдущий код создает временную шкалу до изменения значений цвета. Поэтому мне нужно следить за изменениями цвета и соответствующим образом обновлять временную шкалу. Поскольку он неизменяем, единственный способ — создать новый объект. Это все еще не оптимально, потому что если я обновлю оба цвета, анимация будет воспроизводиться дважды, но, по крайней мере, сейчас она работает.

static class AnimatedRect extends Rectangle {

SimpleObjectProperty<Timeline> timeline = new SimpleObjectProperty<>();

public AnimatedRect(double width, double height) {
    super(width, height);
    setFill(color1.get());

    color1.addListener((obs, o, v) -> {
        if (timeline.get() != null) {
            timeline.get().stop();
        }
        timeline.set(createTimeline());
        timeline.get().play();
    });

    color2.addListener((obs, o, v) -> {
        if (timeline.get() != null) {
            timeline.get().stop();
        }

        timeline.set(createTimeline());
        timeline.get().play();
    });

    sceneProperty().addListener((obs, o, n) -> {
        if (n != null) {
            if (timeline.get() != null) {
                timeline.get().play();
            }
        } else {
            if (timeline.get() != null) {
                timeline.get().stop();
            }
        }
    });
}

Timeline createTimeline() {
    var timeline = new Timeline(
        new KeyFrame(Duration.millis(0),
            new KeyValue(fillProperty(), color1.getValue(), LINEAR)
        ),
        new KeyFrame(Duration.millis(1000),
            new KeyValue(fillProperty(), color2.getValue(), LINEAR)
        )
    );
    timeline.setCycleCount(Timeline.INDEFINITE);
    timeline.setAutoReverse(false);

    return timeline;
}

// .. the rest of the code