feat: export complete Discourse themes ecosystem (16 themes, SCSS, JS components and color schemes)

2026-08-30 18:07:57 +02:00
parent 0d76aaa622
commit 3a411c2643
258 changed files with 16878 additions and 0 deletions
@@ -0,0 +1,152 @@
+@use "lib/viewport";
+
+:root {
+  --main-grid-gap: 0.5em;
+}
+
+html:not(:has(.has-full-page-chat)) {
+  background-color: var(--background-color);
+
+  @include viewport.until(lg) {
+    background-color: var(--d-content-background);
+  }
+}
+
+body {
+  -webkit-font-smoothing: antialiased;
+
+  @include viewport.until(sm) {
+    background-color: var(--d-content-background);
+  }
+
+  @include viewport.from(lg) {
+    &.account-created-page,
+    &.activate-account-page {
+      background: var(--background-color);
+    }
+  }
+}
+
+#main-outlet-wrapper {
+  @include viewport.from(lg) {
+    gap: var(--main-grid-gap);
+  }
+}
+
+body.has-sidebar-page.has-full-page-chat #main-outlet-wrapper {
+  column-gap: var(--main-grid-gap);
+  background-color: var(--background-color);
+
+  @include viewport.until(lg) {
+    background-color: var(--secondary);
+  }
+}
+
+body.has-full-page-chat:not(.has-sidebar-page) {
+  .d-header {
+    background-color: var(--background-color);
+  }
+
+  #main-outlet-wrapper {
+    gap: var(--main-grid-gap);
+
+    @include viewport.until(lg) {
+      gap: 0;
+    }
+  }
+}
+
+body.has-sidebar-page #main-outlet-wrapper {
+  #main-outlet {
+    max-width: unset;
+  }
+
+  @include viewport.from(lg) {
+    gap: var(--main-grid-gap);
+    padding-right: var(--main-grid-gap);
+  }
+}
+
+body:not(.has-sidebar-page) #main-outlet-wrapper {
+  @include viewport.from(lg) {
+    grid-template-columns: 0 minmax(0, 1fr) 0;
+  }
+}
+
+body:not(.has-full-page-chat, .wizard) {
+  @include viewport.from(xl) {
+    background-color: var(--background-color);
+  }
+
+  #main-outlet-wrapper {
+    #main-outlet {
+      width: 100%;
+      max-width: unset;
+      padding-bottom: var(--space-6);
+      border-radius: var(--d-border-radius-large);
+      background-color: var(--d-content-background);
+
+      @include viewport.until(lg) {
+        border-radius: 0;
+      }
+
+      html.composer-open & {
+        padding-bottom: var(--composer-height);
+      }
+
+      @include viewport.from(sm) {
+        > *:not(
+            .experimental-screen,
+            .activate-account,
+            .discourse-kanban-board-viewer
+          ) {
+          box-sizing: border-box;
+          max-width: 1000px;
+          margin-inline: auto;
+          padding-inline: var(--space-6);
+        }
+      }
+    }
+  }
+}
+
+body.has-admin-changes-banner #main-outlet-wrapper #main-outlet {
+  // makes space so save banner doesn't overlap content
+  padding-bottom: 6em;
+}
+
+@include viewport.until(sm) {
+  .welcome-banner {
+    display: none;
+  }
+}
+
+#list-area {
+  .topic-list-body {
+    padding-top: var(--space-4);
+  }
+}
+
+aside.onebox {
+  background-color: var(--d-content-background);
+}
+
+.d-editor-preview-wrapper {
+  border-radius: var(--d-border-radius);
+  padding: 1em;
+  background-color: var(--d-content-background);
+}
+
+.no-ember {
+  #main-outlet {
+    border-radius: var(--d-border-radius-large);
+    max-height: calc(100vh - 50px - 1em - var(--main-grid-gap));
+  }
+}
+
+.activate-account {
+  .activate-account-button,
+  .continue-button {
+    margin-inline: 0;
+  }
+}