Removed old architecture. Added new base project structure

Moonlight.Client/Styles/additions/buttons.css

@@ -0,0 +1,80 @@
+/* Buttons */
+
+.btn,
+.btn-lg,
+.btn-sm,
+.btn-xs {
+    @apply font-medium text-sm inline-flex items-center justify-center border border-transparent rounded-lg leading-5 shadow-sm transition;
+}
+
+.btn {
+    @apply px-3 py-2;
+}
+
+.btn-lg {
+    @apply px-4 py-3;
+}
+
+.btn-sm {
+    @apply px-2 py-1;
+}
+
+.btn-xs {
+    @apply px-2 py-0.5;
+}
+
+/* Colors */
+
+.btn-primary {
+    @apply bg-primary-600 hover:bg-primary-500 focus-visible:outline-primary-600;
+}
+
+.btn-secondary {
+    @apply bg-secondary-800 hover:bg-secondary-700 focus-visible:outline-secondary-800;
+}
+
+.btn-tertiary {
+    @apply bg-tertiary-600 hover:bg-tertiary-500 focus-visible:outline-tertiary-600;
+}
+
+.btn-danger {
+    @apply bg-danger-600 hover:bg-danger-500 focus-visible:outline-danger-600;
+}
+
+.btn-warning {
+    @apply bg-warning-500 hover:bg-warning-400 focus-visible:outline-warning-500;
+}
+
+.btn-info {
+    @apply bg-info-600 hover:bg-info-500 focus-visible:outline-info-600;
+}
+
+.btn-success {
+    @apply bg-success-600 hover:bg-success-500 focus-visible:outline-success-600;
+}
+
+/* Outline */
+
+.btn-outline-primary {
+    @apply bg-gray-800 hover:border-gray-600 text-primary-500;
+}
+
+.btn-outline-tertiary {
+    @apply bg-gray-800 hover:border-gray-600 text-tertiary-500;
+}
+
+.btn-outline-danger {
+    @apply bg-gray-800 hover:border-gray-600 text-danger-500;
+}
+
+.btn-outline-warning {
+    @apply bg-gray-800 hover:border-gray-600 text-warning-400;
+}
+
+.btn-outline-info {
+    @apply bg-gray-800 hover:border-gray-600 text-info-500;
+}
+
+.btn-outline-success {
+    @apply bg-gray-800 hover:border-gray-600 text-success-500;
+}

Moonlight.Client/Styles/additions/cards.css

@@ -0,0 +1,19 @@
+.card {
+    @apply flex flex-col bg-gray-800 shadow-sm rounded-xl;
+}
+
+.card-header {
+    @apply px-5 py-4 border-b border-gray-700/60 flex items-center;
+}
+
+.card-title {
+    @apply font-semibold text-gray-100;
+}
+
+.card-body {
+    @apply px-5 py-5;
+}
+
+.card-footer {
+    @apply pt-3 pb-3 border-t border-gray-700/60 mt-auto;
+}

Moonlight.Client/Styles/additions/fonts.css

@@ -0,0 +1,3 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=fallback');
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
+@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

Moonlight.Client/Styles/additions/forms.css

@@ -0,0 +1,77 @@
+/* Forms */
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-results-button,
+input[type="search"]::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+}
+
+.form-input,
+.form-textarea,
+.form-multiselect,
+.form-select,
+.form-checkbox,
+.form-radio {
+    @apply bg-gray-700/60 border-2 focus:ring-0 focus:ring-offset-0 disabled:bg-gray-700/30 disabled:border-gray-700 disabled:hover:border-gray-700;
+}
+
+.form-checkbox {
+    @apply rounded;
+}
+
+.form-input,
+.form-textarea,
+.form-multiselect,
+.form-select {
+    @apply text-sm text-gray-100 leading-5 py-2 px-3 border-gray-700 focus:border-primary-500 shadow-sm rounded-lg;
+}
+
+.form-input,
+.form-textarea {
+    @apply placeholder-gray-700;
+}
+
+.form-select {
+    @apply pr-10;
+}
+
+.form-checkbox,
+.form-radio {
+    @apply text-primary-500 checked:bg-primary-500 checked:border-transparent border border-gray-700/60 focus:border-primary-500/50;
+}
+
+/* Switch element */
+.form-switch {
+    @apply relative select-none;
+    width: 44px;
+}
+
+.form-switch label {
+    @apply block overflow-hidden cursor-pointer h-6 rounded-full;
+}
+
+.form-switch label > span:first-child {
+    @apply absolute block rounded-full;
+    width: 20px;
+    height: 20px;
+    top: 2px;
+    left: 2px;
+    right: 50%;
+    transition: all .15s ease-out;
+}
+
+.form-switch input[type="checkbox"]:checked + label {
+    @apply bg-primary-600;
+}
+
+.form-switch input[type="checkbox"]:checked + label > span:first-child {
+    left: 22px;
+}
+
+.form-switch input[type="checkbox"]:disabled + label {
+    @apply cursor-not-allowed bg-gray-700/20 border border-gray-700/60;
+}
+
+.form-switch input[type="checkbox"]:disabled + label > span:first-child {
+    @apply bg-gray-600;
+}

Moonlight.Client/Styles/additions/progress.css

@@ -0,0 +1,25 @@
+.progress {
+    @apply bg-gray-800 rounded-full overflow-hidden;
+}
+
+.progress-bar {
+    @apply bg-primary-500 rounded-full h-3;
+    transition: width 0.6s ease;
+}
+
+.progress-bar.progress-intermediate {
+    animation: progress-animation 1s infinite linear;
+    transform-origin: 0 50%
+}
+
+@keyframes progress-animation {
+    0% {
+        transform: translateX(0) scaleX(0);
+    }
+    40% {
+        transform: translateX(0) scaleX(0.4);
+    }
+    100% {
+        transform: translateX(100%) scaleX(0.5);
+    }
+}

Moonlight.Client/Styles/additions/scrollbar.css

@@ -0,0 +1,9 @@
+* {
+    scrollbar-width: thin;
+    scrollbar-color: #64748b transparent;
+}
+
+.no-scrollbar {
+    scrollbar-width: none;
+    scrollbar-color: transparent transparent;
+}