Updated riso.app with Site Configuration Parameter

src/components/CEventsCalendar/CEventsCalendar.scss

@@ -22,7 +22,6 @@ $graytext: #555;
 }
 
 .flex-container {
-  background-color: #ccc;
   padding: 10px;
   display: flex;
   flex-direction: row;
@@ -33,12 +32,12 @@ $graytext: #555;
   background-color: #9f9f9f;
   padding: 10px;
   margin: 10px;
-  color: #fff;
+  // color: #fff;
   font-size: 1rem;
 }
 
 .cal {
-  color: black;
+  // color: black;
   font-size: 0.75rem;
   font-weight: 400;
   line-height: 1.25rem;
@@ -118,14 +117,12 @@ $graytext: #555;
 }
 
 .listaev {
-  color: black;
   font-size: 0.75rem;
   font-weight: 400;
   line-height: 1.25rem;
   letter-spacing: 0.03333em;
 
   &__date {
-    color: #061220;
     font-size: 1rem;
   }
 
@@ -139,6 +136,10 @@ $graytext: #555;
     color: black;
   }
 
+  &__details_darktheme {
+    color: white;
+  }
+
   &__tdimg {
     width: 150px;
     height: 150px;
@@ -164,7 +165,7 @@ $graytext: #555;
   }
 
   &__table tr:hover {
-    background-color: #deecef;
+    // background-color: #deecef;
   }
 
   &__align_center_mobile {
@@ -287,7 +288,7 @@ $graytext: #555;
 }
 
 .mysel {
-  color: white;
+  color: skyblue;
 }
 
 .myflex {

src/components/CEventsCalendar/CEventsCalendar.ts

@@ -1021,6 +1021,7 @@ export default defineComponent({
       editEvent,
       EState,
       CancelBookingEvent,
+      site: globalStore.site,
     }
   }
 })

src/components/CEventsCalendar/CEventsCalendar.vue

@@ -62,7 +62,7 @@
                 class="shadow-5 q-mb-md" dense>
                 {{ myevent.title }}
               </q-chip>
-              <div class="cal__details" v-html="myevent.details"></div>
+              <div :class="`cal__details`+ ($q.dark.isActive ? `_darktheme`: ``)" v-html="myevent.details"></div>
               <div v-if="myevent.teacher" class="cal__teacher">
                             <span class="cal__teacher-title">{{ $t('cal.teacher') }}: <span
                               class="margin_with"></span></span>
@@ -820,7 +820,7 @@
 
                   <div style="margin: 10px;"></div>
 
-                  <p class="listaev__details" v-html="event.details"></p>
+                  <p :class="`listaev__details` + $q.dark.isActive ? `_darktheme`: ``" v-html="event.details"></p>
                   <div v-if="event.teacher" class="">
                                     <span class="cal__teacher-title">{{ $t('cal.teacher') }}: <span
                                       class="margin_with"></span></span>