Adjust border radius on category list page

about.json

@@ -1,36 +1,23 @@
 {
-  "name": "Air Theme",
+  "name": "OrcasHub Theme",
   "about_url": null,
   "license_url": null,
   "components": [
     "https://github.com/jordanvidrine/discourse-category-group-boxes.git",
-    "https://github.com/discourse/discourse-clickable-topic.git",
-    "https://github.com/discourse/discourse-search-banner.git"
+    "https://github.com/discourse/discourse-clickable-topic.git"
   ],
   "modifiers": {
     "serialize_topic_excerpts": true
   },
   "color_schemes": {
-    "air-light": {
+    "OrcasHub": {
       "primary": "1c1c1c",
       "secondary": "f9fcff",
       "tertiary": "3877e5",
       "quaternary": "7e8b93",
-      "header_background": "f9fcff",
-      "header_primary": "122b43",
-      "highlight": "e6cb37",
-      "danger": "d05454",
-      "success": "71bd9f",
-      "love": "c16ad7"
-    },
-    "air-dark": {
-      "primary": "e0e0e0",
-      "secondary": "2d2d2d",
-      "tertiary": "9a5cfd",
-      "quaternary": "71bd9f",
-      "header_background": "202020",
+      "header_background": "374151",
       "header_primary": "e0e0e0",
-      "highlight": "9a5cfd",
+      "highlight": "e6cb37",
       "danger": "d05454",
       "success": "71bd9f",
       "love": "c16ad7"

common/common.scss

@@ -1,3 +1,21 @@
+// Header image above nav bar
+.outer {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+    display: flex;
+    justify-content: center;
+    background-color: var(--header_background);
+}
+
+.top-header-image {
+    background-image: url($OrcasHub-Top-Logo);
+}
+
+// Hide the default logo in the header bar
+.home-logo-wrapper-outlet {
+    display: none;
+}
+
 // custom search banner customizations
 .custom-search-banner-wrap {
   margin: 0 auto !important;
@@ -216,7 +234,7 @@ div.ac-wrap {
 
 .btn:not(.themes-tab):not(.components-tab),
 .select-kit.dropdown-select-box .dropdown-select-box-header {
-  border-radius: 8px;
+  border-radius: .375rem;
   border: 1px solid transparent;
 }
 
@@ -255,26 +273,13 @@ html {
       ),
       linear-gradient(0deg, var(--secondary) 100%, var(--secondary) 100%);
   }
-  .background-container {
-    position: fixed;
-    top: 0;
-    left: 0;
-    height: 100vh;
-    width: 100vw;
-    background: linear-gradient(
-      90deg,
-      var(--tertiary-hover) 0%,
-      var(--tertiary) 100%
-    );
-    clip-path: ellipse(148% 70% at 91% -14%);
-  }
 }
 
 html body #main-outlet {
   margin-top: 30px;
   margin-bottom: 50px;
   background: var(--secondary);
-  border-radius: 1em;
+  border-radius: .5rem;
   padding: 3em 3em 5%;
   max-width: 1150px;
   .archetype-regular & {
@@ -299,6 +304,16 @@ html body #main-outlet {
   border-radius: 0.5em;
 }
 
+// Category List
+
+.custom-category-boxes-container {
+    .custom-category-boxes {
+        .category-box {
+            border-radius: .5rem !important;
+        }
+    }
+}
+
 // Topic List
 
 @keyframes background-fade-highlight {
@@ -349,7 +364,7 @@ html body #main-outlet {
       margin-bottom: 0.5em;
       background-color: var(--secondary);
       border: 1px solid rgba(var(--primary-rgb), 0.2);
-      border-radius: 1em;
+      border-radius: .5rem;
       position: relative;
       transition: box-shadow 100ms ease-in-out;
       box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
@@ -454,7 +469,7 @@ html body #main-outlet {
       .avatar {
         width: 40px;
         height: 40px;
-        border-radius: 8px;
+        border-radius: .375rem;
       }
       a.latest {
         .avatar {
@@ -513,9 +528,6 @@ html body #main-outlet {
 }
 
 .published-page {
-  .background-container {
-    display: none;
-  }
   &::before {
     background: linear-gradient(
       90deg,

common/header.html

@@ -1 +1,5 @@
-<div class="background-container"></div>
+<div class="outer">
+    <a href="https://orcas.community/">
+        <div class="top-header-image"></div>
+	</a>
+</div>

desktop/desktop.scss

@@ -1,3 +1,8 @@
 @import "showcased-categories";
 @import "chat-desktop";
 @import "sidebar-desktop";
+
+.top-header-image {
+    height: 128px;
+    width: 246px;
+}

javascripts/discourse/initializers/customize-edit-category-general.js

@@ -7,7 +7,7 @@ export default {
   initialize() {
     withPluginApi("0.8.14", (api) => {
       api.modifyClass("component:edit-category-general", {
-        pluginId: "discourse-air",
+        pluginId: "orcashub-discourse-theme",
 
         didInsertElement() {
           this._super(...arguments);

javascripts/discourse/initializers/init-topic-excerpts.js

@@ -2,7 +2,7 @@ import { apiInitializer } from "discourse/lib/api";
 
 export default apiInitializer("0.8", (api) => {
   api.modifyClass("component:topic-list-item", {
-    pluginId: "discourse-air",
+    pluginId: "orcashub-discourse-theme",
     expandPinned: true,
   });
 });

mobile/mobile.scss

@@ -1,5 +1,11 @@
 @import "chat-mobile";
 
+.top-header-image {
+    height: 80px;
+    width: 154px;
+    background-size: 154px 80px;
+}
+
 .custom-search-banner-wrap {
   h1 {
     font-size: 2.5em !important;

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "discourse-air",
+  "name": "orcashub-discourse-theme",
   "version": "1.0.0",
-  "repository": "https://github.com/discourse/discourse-air",
+  "repository": "https://git.grosinger.net/tgrosinger/orcashub-discourse-theme",
   "author": "Jordan Vidrine",
   "license": "GPL-2.0-or-later",
   "devDependencies": {

scss/sidebar-desktop.scss

@@ -11,7 +11,7 @@
   .sidebar-wrapper {
     margin: 30px 0 50px;
     background-color: var(--secondary);
-    border-radius: 1em;
+    border-radius: .5rem;
     top: calc(var(--header-offset) + 30px);
     height: calc(100vh - (var(--header-offset) + 80px));
     @include box-shadow;