HTWK/htwkalender-pwa
1
0
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender-pwa.git synced 2025-07-16 09:38:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat:#4 updated calendar color for event and border

Browse Source
This commit is contained in:
Elmar Kresse
2024-05-23 17:38:44 +02:00
parent d35ee8aa30
commit a44a0e1448
8 changed files with 43 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/public/primevue-sass-theme/README.md
View File

@ -7,5 +7,5 @@ npx sass public/primevue-sass-theme/themes/lara/lara-dark/yellow/theme.scss publ
```
```bash
npx sass public/primevue-sass-theme/themes/lara/lara-light/blue/theme.scss public/themes/lara-light-blue/theme.css
npx sass public/primevue-sass-theme/themes/lara/lara-light/green/theme.scss public/themes/lara-light-blue/theme.css
```

12
frontend/public/primevue-sass-theme/themes/lara/lara-dark/yellow/theme.scss
View File

@ -53,6 +53,18 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
color: map-get($colors, "htwk-schwarz"); /*#1c2127*/
}
.fc-v-event {
background: map-get($colors, "primary");
border: 2px solid rgba(193, 180, 0, 0.94);
color: map-get($colors, "htwk-schwarz"); /*#1c2127*/
border-radius: 6px;
margin: 1%;
}
.fc-v-event .fc-event-main {
color: map-get($colors, "htwk-schwarz"); /*#1c2127*/
}
.fc.fc-unthemed .fc-view-container .fc-divider {
background: map-get($colors, "htwk-grau"); /*#071426*/
border: 1px solid map-get($colors, "htwk-grau-140"); /*#0b213f*/

7
frontend/public/primevue-sass-theme/themes/lara/lara-light/green/theme.scss
View File

@ -56,6 +56,13 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
color: $primaryTextColor; /*#1c2127*/
}
.fc-v-event {
background: map-get($colors, "primary");
border: 2px solid rgba(0, 121, 62, 0.94);
border-radius: 6px;
margin: 1%;
}
.fc.fc-unthemed .fc-view-container .fc-divider {
background: $primaryTextColor; /*#071426*/
border: 1px solid map-get($colors, "htwk-grau-140"); /*#0b213f*/

10
frontend/public/themes/lara-dark-blue/theme.css
View File

@ -10133,6 +10133,16 @@
border: 1px solid rgba(255, 237, 0, 0.24);
color: #000000; /*#1c2127*/
}
:root .fc-v-event {
background: #ffed00;
border: 2px solid rgba(193, 180, 0, 0.94);
color: #000000; /*#1c2127*/
border-radius: 6px;
margin: 1%;
}
:root .fc-v-event .fc-event-main {
color: #000000; /*#1c2127*/
}
:root .fc.fc-unthemed .fc-view-container .fc-divider {
background: #2e3639; /*#071426*/
border: 1px solid #1b2022; /*#0b213f*/

2
frontend/public/themes/lara-dark-blue/theme.css.map
View File

File diff suppressed because one or more lines are too long

6
frontend/public/themes/lara-light-blue/theme.css
View File

@ -10132,6 +10132,12 @@
border: 1px solid rgba(0, 148, 76, 0.24);
color: #ffffff; /*#1c2127*/
}
:root .fc-v-event {
background: #00944c;
border: 2px solid rgba(0, 121, 62, 0.94);
border-radius: 6px;
margin: 1%;
}
:root .fc.fc-unthemed .fc-view-container .fc-divider {
background: #ffffff; /*#071426*/
border: 1px solid #1b2022; /*#0b213f*/

2
frontend/public/themes/lara-light-blue/theme.css.map
View File

File diff suppressed because one or more lines are too long

7
frontend/src/components/RoomOccupation.vue
View File

@ -172,9 +172,12 @@ const calendarOptions: ComputedRef<CalendarOptions> = computed(() => ({
id: event.id.toString(),
start: event.start,
end: event.end,
color: event.showFree
? "var(--htwk-gruen-500)"
backgroundColor: event.showFree
? "var(--htwk-gruen-500)"
: "var(--htwk-grau-60-500)",
borderColor: event.showFree
? "var(--htwk-gruen-600)"
: "var(--htwk-grau-60-600)",
textColor: event.showFree
? "var(--green-50)"
: "white",