Skip to content

Feedback about the new theme variables #776

@patricklafrance

Description

@patricklafrance

Hello,

I have recently been playing with the new theme variables feature, which is awesome by the way!

Here are a list of limitations I have been running into.

Missing variables

Navigation

Stack headers font-size

The font-size of the stack headers cannot be changed.

I changed the case of the stack headers from "uppercase" to "normal". But right now the stack headers font-size is smaller than the navigation items, which break the visual hierarchy. Having the ability to customize the font-size of the stack headers would be useful.

Image

Table of Contents

Headers font-size

Similar to the navigation stack headers, I would appreciate the ability to customize the font-size of the headers.

Image

Active item weight

For the item of the navigation (left sidebar), I have been able to increase the weight of the active item, but I don't have a similar option for the items of the Table of Contents.

Image

Breadcrumb

I haven't found any variables affecting the breadcrumb. Therefore the breadcrumb links are different from the links of the navigation and table of contents.

Image

Tables

I haven't found any variables for the tables.

(To clarify why the rendering is that bad, it's because to clearly highlight all the elements to customize, I started from the base theme rather than the dark theme)

Image

Code elements

I haven't found any variables for code elements.

Image

Copywright text color

I haven't found any variables for the copywright text.

Image

Base item variables

It's not super clear for me what is the scope of the base variables.

Image

Shared retype configuration

At Workleap we are using Retype as a "hub". This setup comes with the expectation that all sites look similar. It's been a challenge to share the same Retype configuration because every time a configured change is applied, it requires to update all the sites.

With the new theme feature, this issue is exacerbated.

A welcoming feature would be the ability to share a Retype configuration file, similar to what most frontend tools are offering (ESLint, Rsbuild, etc..)

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions