element-hq / element-web

A glossy Matrix collaboration client for the web.
https://element.io
GNU Affero General Public License v3.0
11.17k stars 1.99k forks source link

Documentation in theming.md seems outdated #26575

Closed djschilling closed 4 months ago

djschilling commented 11 months ago

Steps to reproduce

I wrote a custom config for element web. Changing some colors worked fine. But some of the variables seem to not work anymore as described here.

Is there somewhere a complete list of variables that can be used here? Is it possible to override the letter spacing for the font?

Here is the current state of my theme:

"custom_themes": [
            {
                "name": "ChurchTools",
                "is_dark": false,
                "fonts": {
                    "faces": [
                        {
                            "font-family": "Lato",
                            "src": [
                                {
                                    "url": "/themes/element/lato-v14-latin-ext_latin-regular.woff2",
                                    "format": "woff2"
                                }
                            ]
                        }
                    ],
                    "general": "Lato, sans",
                    "monospace": "'Courier New'"
                },
                "colors": {
                    "accent": "#2563EB",
                    "quinary-content": "#E2E8F0",
                    "warning-color": "#EF4444",
                    "sidebar-color": "#EBEFF5",
                    "roomlist-background-color": "#F1F5F9",
                    "roomlist-text-color": "#0F172A",
                    "roomlist-text-secondary-color": "#475569",
                    "roomlist-highlights-color": "#E2E8F0",
                    "roomlist-separator-color": "#E2E8F0",
                    "timeline-background-color": "#ffffff",
                    "timeline-text-color": "#0F172A",
                    "timeline-text-secondary-color": "#475569",
                    "timeline-highlights-color": "#F1F5F9",
                    "username-colors": [
                        "#0EA5E9",
                        "#22C55E",
                        "#2563EB",
                        "#8B5CF6",
                        "#EAB308",
                        "#EF4444",
                        "#F97316",
                        "#D946EF"
                    ],
                    "avatar-background-colors": [
                        "#22C55E",
                        "#2563EB",
                        "#F97316"
                    ]
                }
            }
        ]
    }
t3chguy commented 11 months ago

Related https://github.com/vector-im/element-web/issues/26285

Johennes commented 11 months ago

The whole approach to theming will change with Compound but the concrete details of that still need to be worked out. In the meantime, we should at the minimum add a disclaimer about this known to be broken in the docs.

zip0zip0 commented 10 months ago

Is there a status on when the new 'Theming' and its documentation will be in place?

Johennes commented 10 months ago

I'm not able to answer this anymore, sadly, but @langleyd might be.

t3chguy commented 4 months ago

The docs got fixed at some point