Add i386 theme

src/assets/css/themes/_variables.i386.scss

@@ -0,0 +1,58 @@
+@import "./variables";
+
+// Colors
+$white: #fff;
+$gray-100: #f8f9fa;
+$gray-200: #ebebeb;
+$gray-300: #bbb;
+$gray-500: #adb5bd;
+$gray-800: #303030;
+$gray-900: #222;
+
+$blue: #5555ff;
+$cyan: #55ffff;
+$green: #55ff55;
+$indigo: #ff55ff;
+$red: #ff5555;
+$yellow: #fefe54;
+$orange: #a85400;
+$pink: #fe54fe;
+$purple: #fe5454;
+
+$primary: #fefe54;
+$secondary: $gray-900;
+$success: #00aa00;
+$danger: #aa0000;
+$info: #00aaaa;
+$warning: #aa00aa;
+$light: $gray-800;
+$dark: black;
+
+$body-bg: #000084;
+$body-color: $gray-300;
+
+$link-hover-color: $white;
+
+$font-family-sans-serif: DOS, Monaco, Menlo, Consolas, "Courier New", monospace;
+$font-family-monospace: DOS, Monaco, Menlo, Consolas, "Courier New", monospace;
+
+$navbar-dark-color: $gray-300;
+$navbar-light-brand-color: $gray-300;
+$navbar-dark-active-color: $gray-100;
+$nav-tabs-link-active-color: $gray-100;
+$navbar-dark-hover-color: rgba($gray-300, 0.75);
+$navbar-light-disabled-color: $gray-800;
+$navbar-light-active-color: $gray-100;
+$navbar-light-hover-color: $gray-200;
+$navbar-light-color: $gray-300;
+
+$enable-rounded: false;
+
+$input-color: $white;
+$input-bg: rgb(102, 102, 102);
+$input-placeholder-color: $gray-500;
+$input-disabled-bg: $gray-800;
+
+$card-bg: $gray-800;
+$card-border-color: $white;
+$mark-bg: #463b00;

src/assets/css/themes/i386.scss

@@ -0,0 +1,12 @@
+@import "variables.i386";
+@import "../../../../node_modules/bootstrap/scss/bootstrap";
+
+.btn-outline-secondary {
+  color: $gray-500;
+}
+
+.dropdown-item.active,
+.dropdown-item:hover,
+option:disabled {
+  color: $secondary;
+}

src/server/utils/build-themes-list.ts

@@ -11,6 +11,7 @@ const themes: ReadonlyArray<string> = [
   "litely",
   "litely-red",
   "litely-compact",
+  "i386",
 ];
 
 export async function buildThemeList(): Promise<ReadonlyArray<string>> {