Adds more themes, adds ability to hide unneeded components

src/components/LinkItems/Collapsable.vue

@@ -93,7 +93,7 @@ export default {
     padding: var(--item-group-padding);
     margin: 10px;
     border-radius: var(--curve-factor);
-    background: var(--primary);
+    background: var(--item-group-outer-background);
     box-shadow: var(--item-group-shadow);
     height: fit-content;
     width: 100%;
@@ -140,7 +140,7 @@ export default {
         border-radius: var(--curve-factor);
         transition: all 0.25s ease-out;
         text-align: left;
-        color: var(--item-group-background);
+        color: var(--item-group-heading-text-color); //var(--item-group-background);
 
         h3 {
             margin: 0;
@@ -150,7 +150,7 @@ export default {
     }
 
     .lbl-toggle:hover {
-        color: var(--background);
+        color: var(--item-group-heading-text-color-hover);
     }
 
     .lbl-toggle::before {

src/components/LinkItems/Item.vue

@@ -97,7 +97,7 @@ export default {
 .item {
   flex-grow: 1;
   position: relative;
-  color: var(--primary);
+  color: var(--item-text-color);
   vertical-align: middle;
   margin: 0.5rem;
   background: var(--item-background);

src/components/LinkItems/ItemOpenMethodIcon.vue

@@ -43,7 +43,8 @@ export default {
     width: 1rem;
     margin: 2px;
     path {
-      fill: var(--primary);
+      // fill: var(--primary);
+      fill: currentColor;
     }
   }
   &.top svg { top: 0; }