Standing up global settings page. (#63)

* Adds markup to Settings page.

* Fixes card styling. Makes theme a dropdown. Fleshes out theme store and helpers.

* Settings wired up to backend. Omorphia package bumped.

* settings not syncing

* Further polishes Global Settings.

* Post-merge cleanup.

* Cleans up code. Ensures Java versions are present.

* Wires up auto-detect modal. Wires up Java version browse. Styling updates.

* Styling inputs. Adjusts modals.

* Removes theme helpers. Removes unnecessary classes.

* Always displays settings save btn. Watch code removed. New Card added.

* Cleans up merge from master. Adds AnimatedLogo to settings.

* Installs updated Omorphia. Removes unnecessary styles. Fixes loading logo position.

* Starts wiring up theming to settings. Adds Tauri command to get just theme.

* Settings page polish. allowList updated.

* Condenses modals into one. Implements JRE checking.

* Updates Omorphia package. Removes unnecessary styles.

* Removes get_theme. Styling changes.

* Changes appbar background for light-mode.

* Fixes

* fix color with var

---------

Co-authored-by: thesuzerain <wverchere@gmail.com>
Co-authored-by: Jai A <jaiagr+gpg@pm.me>

theseus_gui/src/pages/project/Versions.vue

@@ -51,7 +51,7 @@
     </div>
   </Card>
   <Card class="mod-card">
-    <div class="table-container">
+    <div class="table">
       <div class="table-row table-head">
         <div class="table-cell table-text download-cell" />
         <div class="name-cell table-cell table-text">Name</div>
@@ -167,54 +167,8 @@ defineProps({
   gap: 0.5rem;
 }
 
-.table-container {
-  display: grid;
-  grid-template-rows: repeat(auto-fill, auto);
-  width: 100%;
-  border-radius: var(--radius-md);
-  overflow: hidden;
-}
-
 .table-row {
-  display: grid;
   grid-template-columns: min-content 1fr 1fr 1.5fr;
-  transition: opacity 0.5s ease-in-out, filter 0.2s ease-in-out, scale 0.05s ease-in-out,
-    outline 0.2s ease-in-out;
-
-  &.selectable:focus-visible,
-  &.selectable:hover {
-    cursor: pointer;
-    filter: brightness(0.85);
-  }
-
-  &.selectable:active {
-    filter: brightness(0.8);
-    scale: 0.99;
-  }
-}
-
-.table-head {
-  .table-cell {
-    background-color: var(--color-accent-contrast);
-  }
-}
-
-.table-cell {
-  padding: 1rem;
-  height: 100%;
-  align-items: center;
-  display: flex;
-  background-color: var(--color-raised-bg);
-}
-
-.name-cell {
-  padding-left: 0;
-}
-
-.table-text {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: fade;
 }
 
 .manage {
@@ -227,17 +181,6 @@ defineProps({
   }
 }
 
-.mod-text {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  color: var(--color-contrast);
-}
-
-.table-row:nth-child(even) .table-cell {
-  background-color: var(--color-bg);
-}
-
 .card-row {
   display: flex;
   align-items: center;