CSS parsing breaks when using border: $text

[eliasdorneles]

I wanted to create a widget with a border the same color as the text.

However, when I tried using border: solid $text I get this error:

Other color names like $primary, $secondary, etc; these work fine, but for some reason it breaks for $text.

Here is a simplified example that demonstrates the issue:

from textual.app import App, ComposeResult
from textual.widgets import Label


class MyApp(App):
    CSS = """
    Screen Label {
        border: solid $text;
    }
    """

    def compose(self) -> ComposeResult:
        yield Label("Hello, world!")


if __name__ == "__main__":
    app = MyApp()
    app.run()

This should work, right?

[github-actions]

Thank you for your issue. Give us a little time to review it.

PS. You might want to check the FAQ if you haven't done so already.

This is an automated reply, generated by FAQtory

[TomJGooding]

From the docs it looks like $primary and $secondary are part of the 12 base colors, whereas $text only works with the color property for setting text color..

For example background: $text won't work either. I agree it would be useful to allow easily setting other elements like the border the same color as the text.

[willmcgugan]

It's because the text variable has a second alpha value, which isn't supported everywhere. Maybe it should, but in the meantime $foreground will give you the text color with no alpha.

[github-actions]

Don't forget to star the repository!

Follow @textualizeio for Textual updates.