Merge pull request #110 from BarryCarlyon/toast

Toasts and the RePurpeling

.gitignore

@@ -4,3 +4,4 @@ dist
 dist_full
 dist_test
 build
+app/views/assets/bootstrap.min.css

app/modules/config.js

@@ -183,7 +183,7 @@ module.exports = function(lib) {
             }
 
             if (resp.data && resp.data.length == 1) {
-                errorMsg(`Loaded Extension Configuration for ${client_id} with version ${resp.data[0].version}`);
+                errorMsg(`Loaded Extension Manifest for ${client_id} with version ${resp.data[0].version}`);
                 store.set('active', {
                     client_id,
                     version: resp.data[0].version

app/views/assets/bootstrap.addition.css

@@ -0,0 +1,104 @@
+:root,
+[data-bs-theme=dark] {
+    --bs-primary-rgb: 190, 170, 255;
+    --bs-primary-rgb: 130, 114, 184;
+
+    /*--bs-primary-text-emphasis: #3d0565;*/
+    --bs-primary-bg-subtle: #4d265b;
+}
+
+
+.btn-primary {
+    color: #333;
+    background-color: #beaaff;
+    border-color: #beaaff
+}
+
+.btn-primary:hover {
+    color: #DDD;
+    background-color: #DDD3FF;
+    border-color: #DDD3FF
+}
+
+.btn-check:focus+.btn-primary,
+.btn-primary:focus {
+    color: #333;
+    background-color: #DDD3FF;
+    border-color: #DDD3FF;
+    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, 0.5)
+}
+
+.btn-check:checked+.btn-primary,
+.btn-check:active+.btn-primary,
+.btn-primary:active,
+.btn-primary.active,
+.show>.btn-primary.dropdown-toggle {
+    color: #DDD;
+    background-color: #DDD3FF;
+    border-color: #0a53be
+}
+
+.btn-check:checked+.btn-primary:focus,
+.btn-check:active+.btn-primary:focus,
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.show>.btn-primary.dropdown-toggle:focus {
+    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, 0.5)
+}
+
+.btn-primary:disabled,
+.btn-primary.disabled {
+    color: #DDD;
+    background-color: #beaaff;
+    border-color: #beaaff
+}
+
+
+.btn-outline-primary {
+    color: #beaaff;
+    border-color: #beaaff
+}
+
+.btn-outline-primary:hover {
+    color: #fff;
+    background-color: #beaaff;
+    border-color: #beaaff
+}
+
+.btn-check:focus+.btn-outline-primary,
+.btn-outline-primary:focus {
+    box-shadow: 0 0 0 .25rem rgba(190, 170, 255, 0.5)
+}
+
+.btn-check:checked+.btn-outline-primary,
+.btn-check:active+.btn-outline-primary,
+.btn-outline-primary:active,
+.btn-outline-primary.active,
+.btn-outline-primary.dropdown-toggle.show {
+    color: #fff;
+    background-color: #beaaff;
+    border-color: #beaaff
+}
+
+.btn-check:checked+.btn-outline-primary:focus,
+.btn-check:active+.btn-outline-primary:focus,
+.btn-outline-primary:active:focus,
+.btn-outline-primary.active:focus,
+.btn-outline-primary.dropdown-toggle.show:focus {
+    box-shadow: 0 0 0 .25rem rgba(190, 170, 255, 0.5)
+}
+
+.btn-outline-primary:disabled,
+.btn-outline-primary.disabled {
+    color: #beaaff;
+    background-color: transparent
+}
+
+[data-bs-theme=dark] .accordion-button::after {
+    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237962c4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237962c4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+}
+
+.accordion {
+  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(181, 13, 253, 0.25);
+}