Skip to content

Conversation

@Arnei
Copy link
Member

@Arnei Arnei commented Sep 8, 2025

Includes #1400. #1400 Should be reviewed and merged first.

This PR replaces the "hardcoded" color values that are flying around everywhere in our scss files with the color variables defined in _variables.scss. Color values that are not represented by our variables are either added to the variables file, or replaced with a variable with a similar value.

Goals:

  • Make colors easier to work with. Having our colors all grouped in one place should make it easier to e.g. implement a dark mode.
  • Reduce the number of different colors. We really should not need 50 different shades of grey (number approximated).
  • Increase contrast. I used the opportunity to slightly change some colors to make the ui more readable.

How to test this

This touches every element that has color, so unfortunately pretty much everything. Quickly click through everything ui element you can find and check if any colors appear "off".

Arnei added 26 commits August 14, 2025 13:51
Replace more fontawesome icons with lucide icons
and remove all fontawesome css files.
We are not using the accordion capabiltiies anywhere.
Clearfix helps with certain "float" issues. In our code it was either
added unnecessarily, or the issue could be solved in another way easily
enough.
Removes some css that does not go together with other css,
according to sass.
Removes lots of leftover corrections that we do not need anymore.
Move css to more appropriate places. Only movement, no changes.
And either crete new files or put it in the appropriate places.
integrate the css for modals from main to modal-base
We have a bunch of css concerning colors flying around in our
tsx files. To ensure our colors are consistent in the future, this patch
moves the css into our scss files and replaces hex codes with variables.
While the use of the "style" attribute can be necessary in many cases,
we mostly seem to use it because we were too lazy to put the css in it's
proper place in the scss files.
Let's remedy that.
These don't exist anymore, so we can remove them.
Make more dropdowns have the same background and text color
for hovered options.
Make the published cell in the events table look like other cells with
similar appearance.
In the table heeader, fix both sorting chevrons being colored
as "active", instead of only one.
Also make the active chevron darker to be more easily
recognizable.
@Arnei Arnei added type:code-enhancement Internal improvements to the codebase type:visual-clarity Improves UI readability labels Sep 8, 2025
@github-actions
Copy link
Contributor

github-actions bot commented Sep 8, 2025

This pull request has conflicts ☹
Please resolve those so we can review the pull request.
Thanks.

@github-actions
Copy link
Contributor

github-actions bot commented Sep 8, 2025

Use docker or podman to test this pull request locally.

Run test server using develop.opencast.org as backend:

podman run --rm -it -p 127.0.0.1:3000:3000 ghcr.io/opencast/opencast-admin-interface:pr-1431

Specify a different backend like stable.opencast.org:

podman run --rm -it -p 127.0.0.1:3000:3000 -e PROXY_TARGET=https://stable.opencast.org ghcr.io/opencast/opencast-admin-interface:pr-1431

It may take a few seconds for the interface to spin up.
It will then be available at http://127.0.0.1:3000.
For more options you can pass on to the proxy, take a look at the README.md.

@github-actions
Copy link
Contributor

This pull request has conflicts ☹
Please resolve those so we can review the pull request.
Thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

status:conflicts 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