Skip to content

Color variables everywhere#1623

Open
Arnei wants to merge 8 commits into
opencast:r/20.xfrom
Arnei:color-variables-everywhere
Open

Color variables everywhere#1623
Arnei wants to merge 8 commits into
opencast:r/20.xfrom
Arnei:color-variables-everywhere

Conversation

@Arnei

@Arnei Arnei commented Jun 15, 2026

Copy link
Copy Markdown
Member

Includes #1618.

This patch aims making colors in our css easier to work with. It does this by

  • Placing color values in _variables.scss and using variables everywhere else.
  • Reducing the total number of colors, particularly all the different gray variants.
  • Creating one gray scale instead of three different ones.

Especially the color reduction results in many subtle color changes all over the UI. They should still overall keep in spirit with the design.

How to test this

Can be tested as is. Check if the UI still looks as expected everywhere.

Arnei added 8 commits June 11, 2026 09:46
Touches upon
- The "Details >" links in some dialogs
- Sub-Header Tabs (e.g. event assets)
- Inactive NavBar items (e.g. "Series" when on event page)
- Stats Filter
- Footer Text
And move relevant css to a more appropriate file.
Only show the "Save" and "Cancel" buttons in the ACL tab
if there is something to save or cancel. This is in line
with the behaviour of other tabs.
In a further attempt to unify and reduce our color
complexity, this patch replaces computed colors with variables
and move the color calculations to variables.scss.

In some cases it also replaces colors that are only used once
in that specific place with a more generally used color.
Replaces a bunch of grey or near-grey colors with
suitable alternatives. This constitutes a style change
insofar as that some of our grey text or grey borders are now
not slightly tinted blue anymore.
In my opinion this is not a big loss and even ends up making
text easier to read.
Rearranges colors values in the scss file. Gets rid of the
"primary-color" naming scheme, as it is unnecessarily wordy
for no benefit.
@Arnei Arnei added type:code-enhancement Internal improvements to the codebase type:visual-clarity Improves UI readability labels Jun 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

type:code-enhancement Internal improvements to the codebase type:visual-clarity Improves UI readability

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant