Changes Per Readme
This commit is contained in:
@@ -1,40 +1,8 @@
|
|||||||
# Quickstart Theme for NodeBB
|
# 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`:
|
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
|
```json
|
||||||
"screenshot": "screenshot.png"
|
"screenshot": "screenshot.png"
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|||||||
@@ -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
|
||||||
|
);
|
||||||
+2238
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
+44
-33
@@ -1,35 +1,46 @@
|
|||||||
{
|
{
|
||||||
"name": "nodebb-theme-quickstart",
|
"name": "nodebb-theme-westgate",
|
||||||
"version": "0.1.0",
|
"version": "0.1.0",
|
||||||
"description": "Enter a description here",
|
"description": "NodeBB Theme for Shadows Over Westgate",
|
||||||
"main": "lib/theme.js",
|
"author": {
|
||||||
"keywords": [],
|
"name": "vickydotbat",
|
||||||
"license": "MIT",
|
"email": "vickydotbat@tutamail.com",
|
||||||
"husky": {
|
"url": "https://forum.westgate.pw"
|
||||||
"hooks": {
|
},
|
||||||
"pre-commit": "npx lint-staged",
|
"repository": {
|
||||||
"commit-msg": "npx commitlint -E HUSKY_GIT_PARAMS"
|
"type": "git",
|
||||||
}
|
"url": "https://github.com/vickydotbat/nodebb-theme-westgate"
|
||||||
},
|
},
|
||||||
"lint-staged": {
|
"bugs": {
|
||||||
"*.js": [
|
"url": "https://github.com/vickydotbat/nodebb-theme-westgate/issues"
|
||||||
"eslint --fix",
|
},
|
||||||
"git add"
|
"main": "lib/theme.js",
|
||||||
]
|
"keywords": [],
|
||||||
},
|
"license": "MIT",
|
||||||
"dependencies": {
|
"husky": {
|
||||||
},
|
"hooks": {
|
||||||
"devDependencies": {
|
"pre-commit": "npx lint-staged",
|
||||||
"@commitlint/cli": "11.0.0",
|
"commit-msg": "npx commitlint -E HUSKY_GIT_PARAMS"
|
||||||
"@commitlint/config-angular": "11.0.0",
|
}
|
||||||
"eslint": "8.x",
|
},
|
||||||
"eslint-config-airbnb-base": "14.2.1",
|
"lint-staged": {
|
||||||
"eslint-config-nodebb": "0.1.1",
|
"*.js": [
|
||||||
"eslint-plugin-import": "2.x",
|
"eslint --fix",
|
||||||
"husky": "5.0.9",
|
"git add"
|
||||||
"lint-staged": "10.5.4"
|
]
|
||||||
},
|
},
|
||||||
"nbbpm": {
|
"dependencies": {},
|
||||||
"compatibility": "^4.0.0"
|
"devDependencies": {
|
||||||
},
|
"@commitlint/cli": "11.0.0",
|
||||||
|
"@commitlint/config-angular": "11.0.0",
|
||||||
|
"eslint": "8.x",
|
||||||
|
"eslint-config-airbnb-base": "14.2.1",
|
||||||
|
"eslint-config-nodebb": "0.1.1",
|
||||||
|
"eslint-plugin-import": "2.x",
|
||||||
|
"husky": "5.0.9",
|
||||||
|
"lint-staged": "10.5.4"
|
||||||
|
},
|
||||||
|
"nbbpm": {
|
||||||
|
"compatibility": "^4.0.0"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+21
-24
@@ -1,26 +1,23 @@
|
|||||||
{
|
{
|
||||||
"id": "nodebb-theme-quickstart",
|
"id": "nodebb-theme-westgate",
|
||||||
"hooks": [
|
"hooks": [
|
||||||
{ "hook": "static:app.load", "method": "init" },
|
{ "hook": "static:app.load", "method": "init" },
|
||||||
{ "hook": "filter:admin.header.build", "method": "addAdminNavigation" },
|
{ "hook": "filter:admin.header.build", "method": "addAdminNavigation" },
|
||||||
{ "hook": "filter:widgets.getAreas", "method": "defineWidgetAreas" },
|
{ "hook": "filter:widgets.getAreas", "method": "defineWidgetAreas" },
|
||||||
{ "hook": "filter:config.get", "method": "getThemeConfig" },
|
{ "hook": "filter:config.get", "method": "getThemeConfig" },
|
||||||
{ "hook": "filter:settings.get", "method": "getAdminSettings"},
|
{ "hook": "filter:settings.get", "method": "getAdminSettings" },
|
||||||
{ "hook": "filter:user.saveSettings", "method": "saveUserSettings" },
|
{ "hook": "filter:user.saveSettings", "method": "saveUserSettings" },
|
||||||
{ "hook": "filter:user.profileMenu", "method": "addProfileItem" },
|
{ "hook": "filter:user.profileMenu", "method": "addProfileItem" },
|
||||||
{ "hook": "filter:middleware.renderHeader", "method": "filterMiddlewareRenderHeader" }
|
{ "hook": "filter:middleware.renderHeader", "method": "filterMiddlewareRenderHeader" }
|
||||||
],
|
],
|
||||||
"scripts": [
|
"scripts": ["public/client.js", "../nodebb-theme-harmony/public/harmony.js"],
|
||||||
"public/client.js",
|
"templates": "templates",
|
||||||
"../nodebb-theme-harmony/public/harmony.js"
|
"modules": {
|
||||||
],
|
"../admin/plugins/theme-quickstart.js": "../nodebb-theme-harmony/public/admin.js",
|
||||||
"templates": "templates",
|
"../client/account/theme.js": "../nodebb-theme-harmony/public/settings.js"
|
||||||
"modules": {
|
},
|
||||||
"../admin/plugins/theme-quickstart.js": "../nodebb-theme-harmony/public/admin.js",
|
"staticDirs": {
|
||||||
"../client/account/theme.js": "../nodebb-theme-harmony/public/settings.js"
|
"inter": "node_modules/@fontsource/inter/files",
|
||||||
},
|
"poppins": "node_modules/@fontsource/poppins/files"
|
||||||
"staticDirs": {
|
}
|
||||||
"inter": "node_modules/@fontsource/inter/files",
|
|
||||||
"poppins": "node_modules/@fontsource/poppins/files"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
+5
-5
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"id": "nodebb-theme-quickstart",
|
"id": "nodebb-theme-westgate",
|
||||||
"name": "My Theme Name",
|
"name": "My Theme Name",
|
||||||
"description": "Enter a description here",
|
"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"
|
"baseTheme": "nodebb-theme-harmony"
|
||||||
}
|
}
|
||||||
|
|||||||
+1
-1
@@ -1,4 +1,4 @@
|
|||||||
// override harmony font-path
|
// override harmony font-path
|
||||||
$font-path: "./plugins/nodebb-theme-quickstart";
|
$font-path: "./plugins/nodebb-theme-westgate";
|
||||||
|
|
||||||
@import "../nodebb-theme-harmony/theme";
|
@import "../nodebb-theme-harmony/theme";
|
||||||
|
|||||||
Reference in New Issue
Block a user