Changes Per Readme

README.md

@@ -1,37 +1,5 @@
 # Quickstart Theme for NodeBB
 
-This repository contains all of the preparatory work for a theme based off of the [Harmony theme](https://github.com/NodeBB/nodebb-theme-harmony). If you'd like to base your theme off another supported theme instead, switch to the appropriate branch:
-
-* [Lavender](https://github.com/NodeBB/nodebb-theme-lavender)
-
-Fork it to create your own theme based off of it!
-
-### Some things to change
-
-* You should rename this theme from `quickstart` to something else. Change all instances of that word in the following files:
-    * `package.json`
-    * `plugin.json`
-    * `theme.json`
-
-### When you're done...
-
-Be sure to add some other metadata to the `package.json`, like this:
-
-``` json
-"author": {
-    "name": "Your Name",
-    "email": "Your Email",
-    "url": "Your website"
-},
-"repository": {
-    "type": "git",
-    "url": "https://github.com/{your-username}/{your-repository}"
-},
-"bugs": {
-    "url": "https://github.com/{your-username}/{your-repository}/issues"
-}
-```
-
 Also, add a screenshot! Take a picture of your theme, and save it as "screenshot.png" in the root of your theme folder, then add this to `theme.json`:
 
 ```json

____bootstrap-overrides.scss

@@ -0,0 +1,170 @@
+// =========================================================
+// WESTGATE BOOTSTRAP VARIABLE OVERRIDES FOR NODEBB
+// Put this before Bootstrap/NodeBB imports that consume variables
+// =========================================================
+
+// --- Core palette
+$white: #f5efe4;
+$black: #08070a;
+
+$gray-100: #f0ebe2;
+$gray-200: #ddd5c8;
+$gray-300: #c7bcad;
+$gray-400: #a99d8e;
+$gray-500: #8b8074;
+$gray-600: #6f665d;
+$gray-700: #4d4746;
+$gray-800: #1a161d;
+$gray-900: #0b0a0d;
+
+// Accent / theme hues
+$blue: #7cafc2; // muted lore blue
+$indigo: #6c5a8e;
+$purple: #7b4a6f;
+$pink: #a06179;
+$red: #9c4b4b;
+$orange: #b57a45;
+$yellow: #c2a35a; // signature Westgate gold
+$green: #6f8c5b;
+$teal: #5d8c83;
+$cyan: #6f9eae;
+
+// --- Semantic theme colors
+$primary: #c2a35a;
+$secondary: #1a161d;
+$success: #6f8c5b;
+$info: #6f9eae;
+$warning: #c2a35a;
+$danger: #9c4b4b;
+$light: #ddd5c8;
+$dark: #0b0a0d;
+
+// --- Body / text / links
+$body-bg: #0b0a0d;
+$body-color: #e6e0d6;
+
+$link-color: #d8c28a;
+$link-hover-color: #e0c878;
+
+$emphasis-color: #f0e8dc;
+$secondary-color: #b9b2a6;
+$tertiary-color: #9a9086;
+
+$headings-color: #efe7da;
+
+// --- Borders / surfaces
+$border-color: #2a252d;
+$border-color-translucent: rgba(194, 163, 90, 0.12);
+
+$card-bg: #17151a;
+$card-cap-bg: #141219;
+$card-border-color: rgba(194, 163, 90, 0.12);
+
+$dropdown-bg: #141219;
+$dropdown-border-color: rgba(194, 163, 90, 0.14);
+$dropdown-link-color: #b9b2a6;
+$dropdown-link-hover-color: #efe7da;
+$dropdown-link-hover-bg: #241e26;
+$dropdown-link-active-color: #fff4dd;
+$dropdown-link-active-bg: #2a2215;
+$dropdown-header-color: #9a9086;
+
+$modal-content-bg: #141219;
+$modal-content-border-color: rgba(194, 163, 90, 0.14);
+$popover-bg: #141219;
+$popover-border-color: rgba(194, 163, 90, 0.14);
+$tooltip-bg: #221c24;
+$tooltip-color: #e6e0d6;
+
+// --- Inputs / forms
+$input-bg: #110f15;
+$input-color: #e6e0d6;
+$input-border-color: #2a252d;
+$input-placeholder-color: #8f877d;
+$input-focus-bg: #151219;
+$input-focus-color: #f0e8dc;
+$input-focus-border-color: rgba(194, 163, 90, 0.42);
+$input-group-addon-bg: #1a161d;
+$input-group-addon-border-color: #2a252d;
+
+$form-check-input-bg: #151219;
+$form-check-input-border: 1px solid rgba(194, 163, 90, 0.35);
+$form-check-input-checked-bg-color: #a8893f;
+$form-check-input-checked-border-color: #c2a35a;
+
+// --- Navs / tabs / pills
+$nav-link-color: #b9b2a6;
+$nav-link-hover-color: #e6e0d6;
+$nav-tabs-border-color: #2a252d;
+$nav-tabs-link-hover-border-color: rgba(194, 163, 90, 0.18);
+$nav-tabs-link-active-color: #e0c878;
+$nav-tabs-link-active-bg: #141219;
+$nav-tabs-link-active-border-color: rgba(194, 163, 90, 0.24);
+
+$nav-pills-link-active-color: #fff4dd;
+$nav-pills-link-active-bg: #473914;
+
+// --- Buttons
+$btn-color: #b9b2a6;
+$btn-border-radius: 0.45rem;
+$btn-focus-box-shadow: 0 0 0 0.2rem rgba(194, 163, 90, 0.16);
+
+$btn-close-color: #e6e0d6;
+$btn-close-opacity: 0.75;
+$btn-close-hover-opacity: 1;
+
+// --- List groups / tables
+$list-group-bg: #141219;
+$list-group-border-color: rgba(194, 163, 90, 0.1);
+$list-group-color: #b9b2a6;
+$list-group-hover-bg: #241e26;
+$list-group-action-hover-color: #efe7da;
+$list-group-action-active-bg: #2a2215;
+$list-group-action-active-color: #e0c878;
+
+$table-color: #b9b2a6;
+$table-bg: transparent;
+$table-border-color: rgba(194, 163, 90, 0.12);
+$table-striped-bg: rgba(255, 255, 255, 0.012);
+$table-hover-bg: rgba(194, 163, 90, 0.05);
+$table-hover-color: #efe7da;
+
+// --- Alerts using your lore palette instead of stock Bootstrap tones
+$primary-text-emphasis: #f0e6d8;
+$secondary-text-emphasis: #c6beaf;
+$success-text-emphasis: #d6e2ce;
+$info-text-emphasis: #d2e4ea;
+$warning-text-emphasis: #f3e3b2;
+$danger-text-emphasis: #e3c2c2;
+$light-text-emphasis: #4d4746;
+$dark-text-emphasis: #cfc7ba;
+
+$primary-bg-subtle: rgba(194, 163, 90, 0.14);
+$secondary-bg-subtle: rgba(26, 22, 29, 0.92);
+$success-bg-subtle: rgba(111, 140, 91, 0.14);
+$info-bg-subtle: rgba(111, 158, 174, 0.14);
+$warning-bg-subtle: rgba(194, 163, 90, 0.14);
+$danger-bg-subtle: rgba(156, 75, 75, 0.14);
+$light-bg-subtle: #1a161d;
+$dark-bg-subtle: #0b0a0d;
+
+$primary-border-subtle: rgba(194, 163, 90, 0.28);
+$secondary-border-subtle: rgba(194, 163, 90, 0.1);
+$success-border-subtle: rgba(111, 140, 91, 0.28);
+$info-border-subtle: rgba(111, 158, 174, 0.28);
+$warning-border-subtle: rgba(194, 163, 90, 0.28);
+$danger-border-subtle: rgba(156, 75, 75, 0.28);
+$light-border-subtle: rgba(194, 163, 90, 0.12);
+$dark-border-subtle: rgba(194, 163, 90, 0.12);
+
+// --- Optional: make Bootstrap's theme map explicit for NodeBB components
+$theme-colors: (
+  "primary": $primary,
+  "secondary": $secondary,
+  "success": $success,
+  "info": $info,
+  "warning": $warning,
+  "danger": $danger,
+  "light": $light,
+  "dark": $dark
+);

package.json

@@ -1,7 +1,19 @@
 {
-    "name": "nodebb-theme-quickstart",
+  "name": "nodebb-theme-westgate",
   "version": "0.1.0",
-    "description": "Enter a description here",
+  "description": "NodeBB Theme for Shadows Over Westgate",
+  "author": {
+    "name": "vickydotbat",
+    "email": "vickydotbat@tutamail.com",
+    "url": "https://forum.westgate.pw"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vickydotbat/nodebb-theme-westgate"
+  },
+  "bugs": {
+    "url": "https://github.com/vickydotbat/nodebb-theme-westgate/issues"
+  },
   "main": "lib/theme.js",
   "keywords": [],
   "license": "MIT",
@@ -17,8 +29,7 @@
       "git add"
     ]
   },
-    "dependencies": {
+  "dependencies": {},
-    },
   "devDependencies": {
     "@commitlint/cli": "11.0.0",
     "@commitlint/config-angular": "11.0.0",
@@ -31,5 +42,5 @@
   },
   "nbbpm": {
     "compatibility": "^4.0.0"
-    },
+  }
 }

plugin.json

@@ -1,5 +1,5 @@
 {
-	"id": "nodebb-theme-quickstart",
+  "id": "nodebb-theme-westgate",
   "hooks": [
     { "hook": "static:app.load", "method": "init" },
     { "hook": "filter:admin.header.build", "method": "addAdminNavigation" },
@@ -10,10 +10,7 @@
     { "hook": "filter:user.profileMenu", "method": "addProfileItem" },
     { "hook": "filter:middleware.renderHeader", "method": "filterMiddlewareRenderHeader" }
   ],
-	"scripts": [
+  "scripts": ["public/client.js", "../nodebb-theme-harmony/public/harmony.js"],
-		"public/client.js",
-		"../nodebb-theme-harmony/public/harmony.js"
-	],
   "templates": "templates",
   "modules": {
     "../admin/plugins/theme-quickstart.js": "../nodebb-theme-harmony/public/admin.js",

theme.json

@@ -1,7 +1,7 @@
 {
-    "id": "nodebb-theme-quickstart",
+  "id": "nodebb-theme-westgate",
   "name": "My Theme Name",
   "description": "Enter a description here",
-    "url": "https://github.com/nodebb/nodebb-theme-quickstart",
+  "url": "https://github.com/nodebb/nodebb-theme-westgate",
   "baseTheme": "nodebb-theme-harmony"
 }

theme.scss

@@ -1,4 +1,4 @@
 // override harmony font-path
-$font-path: "./plugins/nodebb-theme-quickstart";
+$font-path: "./plugins/nodebb-theme-westgate";
 
 @import "../nodebb-theme-harmony/theme";