Initial publish

src/app.css

@@ -0,0 +1,63 @@
+@import 'tailwindcss';
+@plugin '@tailwindcss/typography';
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+body {
+    --theme-background: #f0f0f0;
+    --theme-background-darker: #e0e0e0;
+    --theme-foreground: #202020;
+    --theme-floating: #f0f0f0;
+
+    background-color: var(--theme-background);
+    color: var(--theme-foreground);
+}
+
+@utility bg-theme {
+    background-color: var(--theme-background);
+}
+
+@utility bg-theme-darker {
+    background-color: var(--theme-background-darker);
+}
+
+@utility bg-theme-floating {
+    background-color: var(--theme-floating);
+}
+
+@utility text-color-theme {
+    color: var(--theme-foreground);
+}
+
+.btn {
+    @apply px-2 py-1 cursor-pointer;
+}
+
+.btn-generic {
+    @apply bg-gray-400/40 hover:bg-gray-300/40 dark:hover:bg-gray-500/40 rounded transition-colors;
+}
+
+.generic-select {
+    @apply border py-1 px-2 rounded;
+}
+
+.printarea {
+    visibility: hidden;
+    display: none;
+}
+
+@media print {
+    body {
+        visibility: hidden;
+    }
+
+    .printarea {
+        display: block;
+        visibility: visible;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+}