{#each path as crumb, index}
{#if index !== 0}
-
+
{/if}
{crumb || 'home'}
{/each}
@@ -51,12 +51,13 @@
display: flex;
grid-gap: 0.25rem;
text-transform: capitalize;
+ align-items: center;
&__crumb:hover {
text-decoration: underline;
}
- &__separator {
+ :global(.icon) {
color: var(--color-text-lightest)
}
}
diff --git a/theseus_gui/src/routes/__layout.svelte b/theseus_gui/src/routes/__layout.svelte
index 730a69145..8080cd50a 100644
--- a/theseus_gui/src/routes/__layout.svelte
+++ b/theseus_gui/src/routes/__layout.svelte
@@ -1,17 +1,13 @@
-
-
-
-
-
+
diff --git a/theseus_gui/src/routes/index.svelte b/theseus_gui/src/routes/index.svelte
index bd279a672..350b84244 100644
--- a/theseus_gui/src/routes/index.svelte
+++ b/theseus_gui/src/routes/index.svelte
@@ -1,7 +1,7 @@
diff --git a/theseus_gui/src/routes/library.svelte b/theseus_gui/src/routes/library/index.svelte
similarity index 98%
rename from theseus_gui/src/routes/library.svelte
rename to theseus_gui/src/routes/library/index.svelte
index 998f670f1..6b1baac26 100644
--- a/theseus_gui/src/routes/library.svelte
+++ b/theseus_gui/src/routes/library/index.svelte
@@ -3,11 +3,9 @@
-
diff --git a/theseus_gui/src/routes/library/instance/[id]/__layout.svelte b/theseus_gui/src/routes/library/instance/[id]/__layout.svelte
new file mode 100644
index 000000000..bac23565b
--- /dev/null
+++ b/theseus_gui/src/routes/library/instance/[id]/__layout.svelte
@@ -0,0 +1,49 @@
+
+
+
+
+
diff --git a/theseus_gui/src/routes/library/instance/[id]/settings.svelte b/theseus_gui/src/routes/library/instance/[id]/settings.svelte
new file mode 100644
index 000000000..3cea4c11d
--- /dev/null
+++ b/theseus_gui/src/routes/library/instance/[id]/settings.svelte
@@ -0,0 +1,55 @@
+
+
+
+
+
+
Java
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theseus_gui/src/styles/global.postcss b/theseus_gui/src/styles/global.postcss
index 439bdb157..2c1d2a91a 100644
--- a/theseus_gui/src/styles/global.postcss
+++ b/theseus_gui/src/styles/global.postcss
@@ -1,110 +1,12 @@
-@import 'normalize.postcss';
@import 'components.postcss';
-.theme {
- --color-brand-light: hsl(155, 54%, 30%);
- --color-brand-dark: hsl(155, 58%, 25%);
- --color-brand-contrast: hsl(0, 0%, 100%);
-
- --shadow-inset-lg: inset 0px -2px 2px hsla(221, 39%, 11%, 0.1);
- --shadow-inset: inset 0px -2px 2px hsla(221, 39%, 11%, 0.05);
- --shadow-inset-sm: inset 0px -1px 1px hsla(221, 39%, 11%, 0.25);
-
- --shadow-raised-lg: 0px 2px 4px hsla(221, 39%, 11%, 0.2);
- --shadow-raised: 0px -2px 4px hsla(221, 39%, 11%, 0.1);
-
- --shadow-floating: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
- rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
- --shadow-bar: rgba(0,0,0,.3) 0 0 20px 2px;
-
- --color-text: hsl(221, 10%, 95%);
- --color-text-light: hsl(215, 14%, 74%);
- --color-text-lightest: hsl(220, 9%, 70%);
- --color-heading: hsl(222, 16%, 80%);
- --color-link: hsl(215, 100%, 75%);
-
- --color-raised-bg: hsl(220, 13%, 25%);
- --color-raised-bg-hover: hsl(220, 13%, 20%);
- --color-divider: hsl(220, 13%, 50%);
- --color-button-bg: hsl(220, 13%, 35%);
- --color-button-bg-hover: hsl(220, 13%, 32%);
-
- --color-badge-gray-text: hsl(0, 2%, 69%);
- --color-badge-gray-dot: hsl(0, 6%, 77%);
- --color-badge-red-text: hsl(343, 63%, 67%);
- --color-badge-red-dot: hsl(342, 70%, 53%);
- --color-badge-green-text: hsl(156, 53%, 50%);
- --color-badge-green-dot: hsl(140, 64%, 40%);
- --color-badge-yellow-text: hsl(40, 57%, 60%);
- --color-badge-yellow-dot: hsl(40, 92%, 62%);
-
- --color-table-border: hsl(214, 12%, 35%);
- --color-table-alternate-row: hsl(216, 12%, 17%);
-
- --color-code-bg: hsl(217, 12%, 29%);
-
- --color-danger-bg: hsl(355deg, 70%, 20%);
- --color-danger-text: hsl(342deg, 70%, 75%);
-
- --color-input-light: hsl(220, 13%, 20%);
-
- --color-scrollbar: hsl(220, 13%, 40%);
-
- /* Launcher added */
+.theme-dark {
--status-bg: hsl(216, 5%, 29%);
--sidebar-bg: hsl(216, 10%, 3%);
--nav-active-bg: hsl(217, 9%, 25%);
--font-size-sm: 0.75rem;
--color-bg: hsl(217, 9%, 18%);
- --color-brand: hsl(145, 78%, 48%);
-}
-
-html, body {
- overflow: hidden;
- padding: 0;
- margin: 0;
-}
-
-body {
- @extend .theme;
- --rounded: 1rem;
- --rounded-top: 1rem 1rem 0 0;
- --rounded-bottom: 0 0 1rem 1rem;
- --rounded-sm: 0.6rem;
- --rounded-max: 999999999px;
-
- --font-standard: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto,
- Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-
- --font-size-nm: 0.875rem; /* 16px */
- --font-size-xl: 1.5rem; /* 24px */
-
- --font-weight-regular: 400;
- --font-weight-medium: 600;
- --font-weight-bold: 700;
-
- display: flex;
- background-color: var(--color-bg) !important; /* overrides style set on first load */
- color: var(--color-text);
- font-family: var(--font-standard);
- font-size: var(--font-size-nm);
- font-weight: var(--font-weight-regular);
- min-height: 100vh;
- max-height: 100vh;
-
- scrollbar-color: var(--color-scrollbar) var(--color-bg);
-
- *::-webkit-scrollbar {
- width: 14px;
- }
-
- *::-webkit-scrollbar-track {
- background-color: var(--color-bg);
- }
-
- *::-webkit-scrollbar-thumb {
- background-color: var(--color-scrollbar);
- border-radius: 999px;
- border: 3px solid var(--color-bg);
- }
-}
+ --color-brand: hsl(145, 75%, 45%);
+ --color-brand-contrast: black;
+ --sub-page-bg: hsl(220, 9%, 13%)
+}
\ No newline at end of file
diff --git a/theseus_gui/src/styles/normalize.postcss b/theseus_gui/src/styles/normalize.postcss
deleted file mode 100644
index 8299c9d40..000000000
--- a/theseus_gui/src/styles/normalize.postcss
+++ /dev/null
@@ -1,55 +0,0 @@
-@import 'sanitize.css';
-@import 'sanitize.css/forms.css';
-@import 'sanitize.css/typography.css';
-
-/* Overrides */
-
-button {
- margin: 0;
- padding: 0;
- font-size: inherit;
- box-shadow: none;
- border: none;
- cursor: pointer;
-}
-
-a {
- color: inherit;
- text-decoration: none;
-}
-
-*:focus {
- outline: none;
-}
-
-button:focus-visible,
-a:focus-visible,
-[tabindex='0']:focus-visible {
- outline: 0.2rem solid var(--color-brand);
-}
-
-html,
-body,
-#svelte {
- height: 100%;
-}
-
-html {
- overflow-y: hidden;
- overflow-x: hidden;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p {
- line-height: 100%;
- margin: 0;
-}
-
-ul {
- padding: 0 0 0 1.5rem;
-}
diff --git a/theseus_gui/svelte.config.js b/theseus_gui/svelte.config.js
index b428c0de1..c4156a740 100644
--- a/theseus_gui/svelte.config.js
+++ b/theseus_gui/svelte.config.js
@@ -1,27 +1,23 @@
import adapter from '@sveltejs/adapter-static';
-import preprocess from 'svelte-preprocess';
import path from "path";
-import Icons from 'unplugin-icons/vite';
+import { preprocess, plugins } from 'omorphia/config/svelte.config'
/** @type {import('@sveltejs/kit').Config} */
const config = {
- preprocess: preprocess({
- postcss: true,
- }),
+ preprocess,
kit: {
adapter: adapter({
fallback: '200.html',
}),
vite: {
plugins: [
- Icons({
- compiler: 'svelte',
- }),
+ ...plugins,
],
resolve: {
alias: {
$assets: path.resolve('./src/assets'),
$components: path.resolve('./src/components'),
+ $layout: path.resolve('./src/layout'),
$lib: path.resolve('./src/lib'),
$stores: path.resolve('./src/stores'),
$styles: path.resolve('./src/styles'),
diff --git a/theseus_gui/tsconfig.json b/theseus_gui/tsconfig.json
index 380147a1a..4baf33aef 100644
--- a/theseus_gui/tsconfig.json
+++ b/theseus_gui/tsconfig.json
@@ -30,6 +30,7 @@
"paths": {
"$assets/*": ["src/assets/*"],
"$components/*": ["src/components/*"],
+ "$layout/*": ["src/components/*"],
"$lib/*": ["src/lib/*"],
"$stores/*": ["src/stores/*"],
"$styles/*": ["src/styles/*"],