Skip to Main Content
Feature Request FR-3742
Product Area User Interface
Status DELIVERED

4 Voters

Additional text style CSS utility classes

philipp hartenfeller Public
· Apr 16 2024

Idea Summary
I propose to extend the utility classes for basic text styling. The aim is to make it easier to communicate hierarchy (like importance differences between title, subtitle, description and other contextual information).

Font weight: We have bold (700) already, but I think this is not enough. There should be options for lighter texts (e.g. 200) and there is also room between normal and bold (500 or 600), which is commonly used in modern web designs. TailwindCSS has a nice scale, just as a reference.

Text colors: We have the status and theme colors already. I think there should be variations for the main text color that are “off”. For example, we have the --ut-component-text-muted-color property that should also be available as a class, in my opinion. I would also like there to be at least two levels of muted colors.

Font sizes: Currently there are no classes related to font sizes. I think helper classes should be available so that people don't hard-code pixel sizes. A scale with relational units should be available, like Tailwind for example.

Use Case
Template directives + Template Components are widely used in APEX. This means that users are encouraged to design their own HTML templates. The utility classes are the easiest way to achieve this when compared with your own CSS stylesheets or HTML style properties.

This has been delivered in Oracle APEX 24.2!

Comments

Comments

  • tcaruth OP 1.2 years ago

    I have a stylesheet that I use on every app, that provides some of what you've explained here. It uses css variables where I can, to build some extra utility classes. It'd be nice if there were some prebuilt classes in UT for us that I wouldn't have to be worried about fixing during an upgrade.