added darkly-compact - issue 552

src/assets/css/themes/_variables.darkly-compact.scss

@@ -0,0 +1,62 @@
+@import "variables.darkly";
+
+// DEBUG
+// * {
+//   border: 1px red solid;
+// }
+
+/*
+    GENERAL
+*/
+
+// Desktop Breakpoint
+$container-max-widths: (
+  lg: 1920px,
+);
+
+// Reduce hr height
+hr.my-3 {
+  margin-top: 0.5rem !important;
+  margin-bottom: 0.5rem !important;
+}
+
+/*
+    POST-LISTING
+*/
+
+.post-listing {
+  line-height: 1;
+
+  .post-title h5 {
+    margin: 0;
+  }
+
+  .post-title + p {
+    padding-top: 0.125rem !important;
+    padding-bottom: 0.125rem !important;
+  }
+
+  .community-link {
+    padding-left: 0.125rem;
+  }
+
+  .person-listing {
+    padding-right: 0.125rem;
+  }
+
+  ul.list-inline {
+    &.mt-2 {
+      margin-top: 0.125rem !important;
+    }
+    &.mb-1 {
+      margin-bottom: 0.125rem !important;
+    }
+  }
+
+  .btn-sm {
+    --bs-btn-padding-y: 0;
+  }
+  .img-icon {
+    display: none;
+  }
+}

src/assets/css/themes/darkly-compact.scss

@@ -0,0 +1,2 @@
+@import "variables.darkly-compact";
+@import "../../../../node_modules/bootstrap/scss/bootstrap";

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

@@ -4,7 +4,13 @@ import { readdir } from "fs/promises";
 const extraThemesFolder =
   process.env["LEMMY_UI_EXTRA_THEMES_FOLDER"] || "./extra_themes";
 
-const themes = ["darkly", "darkly-red", "litely", "litely-red"];
+const themes = [
+  "darkly",
+  "darkly-red",
+  "darkly-compact",
+  "litely",
+  "litely-red",
+];
 
 export async function buildThemeList(): Promise<string[]> {
   if (existsSync(extraThemesFolder)) {