diff --git a/README.md b/README.md index 431e3f9..05d79b5 100644 --- a/README.md +++ b/README.md @@ -138,24 +138,24 @@ You can modify the styles of the user interface using CSS variables. The CSS var --name-of-variable-one:value1;--name-of-variable-two:value2 ``` -The following table contains the CSS variables you can modify to change the user interface: - -| CSS Variable | Default | Description | -|--------------------------------|---------|--------------------------------------------------------------------| -| --event-background-color | #007e89 | The color for the background of the event agenda. | -| --event-title-color | #003861 | The color for the title of the event agenda. | -| --event-text-color | #003861 | The color for the text of the event agenda. | -| --event-running-session-color | #9bf4ff | The color for the background of rooms with running sessions. | -| --event-next-session-color | #62d7e3 | The color for the background of rooms with sessions starting next. | -| --event-closed-room-color | #5da6b2 | The color for the background of closed rooms. | -| --event-room-border | none | The border for the event room. | -| --social-background-color | #1aa3b1 | The color for the background of the social wall. | -| --social-title-color | #003861 | The color for the title of the social wall. | -| --social-text-color | #003861 | The color for the text of the social wall. | -| --social-post-background-color | #84ddee | The color for the background of social posts. | -| --social-post-border | none | The border for the social posts. | - -The custom styles of some events are documented below. +The following table contains the CSS variables you can modify to change the user interface and their default values: + +| CSS Variable | Default | Description | +|--------------------------------|-------------------|--------------------------------------------------------------------| +| --event-background-color | #e7eaee | The color for the background of the event agenda. | +| --event-title-color | #262626 | The color for the title of the event agenda. | +| --event-text-color | #262626 | The color for the text of the event agenda. | +| --event-running-session-color | #ffffff | The color for the background of rooms with running sessions. | +| --event-next-session-color | #eeeeee | The color for the background of rooms with sessions starting next. | +| --event-closed-room-color | #cccccc | The color for the background of closed rooms. | +| --event-room-border | 1px solid #909090 | The border for the event room. | +| --social-background-color | #e7eaee | The color for the background of the social wall. | +| --social-title-color | #262626 | The color for the title of the social wall. | +| --social-text-color | #262626 | The color for the text of the social wall. | +| --social-post-background-color | #ffffff | The color for the background of social posts. | +| --social-post-border | 1px solid #909090 | The border for the social posts. | + +Default values may change in newer versions of *Apus*. The custom styles of some events are documented below. #### Java Forum Stuttgart diff --git a/frontend/themes/apus/styles.css b/frontend/themes/apus/styles.css index fbbd262..8955290 100644 --- a/frontend/themes/apus/styles.css +++ b/frontend/themes/apus/styles.css @@ -17,19 +17,19 @@ */ :root { - --event-background-color: #007e89; - --event-title-color: #003861; - --event-text-color: #003861; - --event-running-session-color: #9bf4ff; - --event-next-session-color: #62d7e3; - --event-closed-room-color: #5da6b2; - --event-room-border: none; + --event-background-color: #e7eaee; + --event-title-color: #262626; + --event-text-color: #262626; + --event-running-session-color: #ffffff; + --event-next-session-color: #eeeeee; + --event-closed-room-color: #cccccc; + --event-room-border: 1px solid #909090; - --social-background-color: #1aa3b1; - --social-title-color: #003861; - --social-text-color: #003861; - --social-post-background-color: #84ddee; - --social-post-border: none; + --social-background-color: #e7eaee; + --social-title-color: #262626; + --social-text-color: #262626; + --social-post-background-color: #ffffff; + --social-post-border: 1px solid #909090; background-color: #000000; }