Initial Checklist

• I understand this is a user story and questions should be posted in the Community Discussions
• I searched issues and couldn’t find anything (or linked relevant results below)

User Story

As a user of OpenCloud, I want all of the UI to look cohesive so that don't get overwhelmed by different looking UI's within one and the same application.

User Value

UI/UX

Acceptance Criteria

• Collabora gets fed with our theme color roles so the topbar, background and texts have our colors
• Works for dark and light mode

Technical background: This can be done relatively easy via the css_variables input field: https://sdk.collaboraonline.com/docs/theming.html#content-of-hidden-field-css-variables. We just need to read the color role values in TypeScript, maybe from the html element since it includes all of them as inline styles.