fix: chatlog component missing pinia + agenda switch to text dark mode colors (ietf-tools#6653)

Author: NGPixel

client/embedded.js

@@ -1,6 +1,13 @@
 import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import piniaPersist from 'pinia-plugin-persist'
 import Embedded from './Embedded.vue'
 
+// Initialize store (Pinia)
+
+const pinia = createPinia()
+pinia.use(piniaPersist)
+
 // Mount App
 
 const mountEls = document.querySelectorAll('div.vue-embed')
@@ -9,5 +16,6 @@ for (const mnt of mountEls) {
     componentName: mnt.dataset.component,
     componentId: mnt.dataset.componentId
   })
+  app.use(pinia)
   app.mount(mnt)
 }

ietf/templates/meeting/agenda.html

@@ -89,6 +89,12 @@
     right: 0;
     z-index: 1000000000;
 }
+
+.theme-dark #app-loading-footer .btn-light {
+    background-color: rgba(255,255,255,.1) !important;
+    border-color: rgba(255,255,255,.05) !important;
+    color: #FFF !important;
+}
 {% endblock %}
 {% block content %}
     {% origin %}