First test commit

frontend/app/assets/css/colors.scss

@@ -0,0 +1,32 @@
+$themes: (
+    dark: (
+        background: #141414,
+        background-line: #202324,
+        background-fore: #10141f,
+        border-color: #819796,
+        text: #ebede9,
+        link: #a4dddb,
+    ),
+    light: (
+        background: #ffffff,
+        background-line: #f0f0f0,
+        background-fore: #ffffff,
+        border-color: #e0e0e0,
+        text: #1e1e1e,
+        link: #ff7d74,
+    )
+);
+
+@mixin theme-vars($theme-map) {
+  @each $name, $value in $theme-map {
+    --color-#{$name}: #{$value};
+  }
+}
+
+:root {
+  @include theme-vars(map-get($themes, dark));
+}
+
+[data-theme="light"] {
+  @include theme-vars(map-get($themes, light));
+}

frontend/app/assets/css/fonts.scss

@@ -0,0 +1,6 @@
+@font-face {
+  font-family: 'Hurmit';
+  src: url('@/assets/fonts/HurmitNerdFontMono-Regular.otf') format('opentype');
+  font-weight: normal;
+  font-style: normal;
+}

frontend/app/assets/css/main.scss

@@ -0,0 +1,49 @@
+body {
+  background-size: 28px 28px;
+  background-image:
+    linear-gradient(to right, var(--color-background-line) 1px, transparent 1px),
+    linear-gradient(to bottom, var(--color-background-line) 1px, var(--color-background) 1px);
+
+  margin: 0;
+  padding: 0;
+  min-height: 100vh;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+
+
+* {
+  color: var(--color-text);
+  font-family: 'Hurmit';
+}
+
+.pixelated {
+  image-rendering: pixelated; /* good for pixel art or low-res images */
+  /* OR for standard crisp images */
+  image-rendering: crisp-edges;
+  pointer-events: none;
+}
+
+ul {
+  list-style: none; /* Remove default bullets */
+  margin: 8px 0;
+}
+ul > li {padding: 0px 25px} /* Stretching li elements a little so it looks prettier */
+li {
+  position: relative;
+}
+li::before {
+    content: "";
+    width: 8px;
+    height: 8px;
+    background-color: var(--color-text);
+    position: absolute;
+    top: 6px;
+    left: 4px;
+}
+
+a {
+  color: var(--color-link);
+}