dpnmw/community-landing
1
0
Fork 0
mirror of https://github.com/dpnmw/community-landing.git synced 2026-03-18 09:27:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Logo Options Updated

Browse Source
This commit is contained in:
DPN MW
2026-03-09 11:26:49 -04:00
parent 7fae76132a
commit 82b1f22c58
7 changed files with 38 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
assets/javascripts/discourse/initializers/community-landing-admin-tabs.js
View File

@@ -18,8 +18,8 @@ const DESCRIPTIONS = {
json_ld_enabled: "Add JSON-LD structured data (Organization + WebSite schema) for search engines.",
// ── Branding: Logo ──
logo_dark_url: "Logo image URL for dark mode. Shown in navbar and footer. Leave blank to show site name as text.",
logo_light_url: "Logo image URL for light mode. If not set, the dark logo is used for both themes.",
logo_dark_url: "Logo image URL for dark mode. Shown in navbar and footer. Leave blank to use the Discourse site logo.",
logo_light_url: "Logo image URL for light mode. Leave blank to use the dark logo for both themes.",
logo_height: "Logo height in pixels (16–80). Applies to both navbar and footer logos.",
logo_use_accent_color: "Tint the logo to match the accent color. Works best with monochrome SVG or PNG logos.",
footer_logo_url: "Override logo for the footer only. If not set, the navbar logo is reused.",
@@ -45,12 +45,12 @@ const DESCRIPTIONS = {
// ── Preloader ──
preloader_enabled: "Show a loading overlay with logo and progress counter while the page loads.",
preloader_logo_url: "Custom logo for the preloader. Leave blank to use the site logo.",
preloader_logo_dark_url: "Logo image for the preloader in dark mode. Leave blank to use the site logo.",
preloader_logo_light_url: "Logo image for the preloader in light mode. Leave blank to use the dark preloader logo.",
preloader_bg_dark: "Preloader background for dark mode.",
preloader_bg_light: "Preloader background for light mode.",
preloader_text_color_dark: "Percentage text color for dark mode.",
preloader_text_color_light: "Percentage text color for light mode.",
preloader_logo_color: "Logo color. Works with single-color SVG logos on transparent background.",
preloader_bar_color: "Progress bar color. Leave blank for accent color.",
preloader_min_duration: "Minimum display time (ms). Prevents a flash on fast connections.",
@@ -278,10 +278,10 @@ const TABS = [
"scroll_animation", "staggered_reveal_enabled", "dynamic_background_enabled",
"mouse_parallax_enabled", "scroll_progress_enabled",
"google_font_name", "title_font_name", "icon_library",
"preloader_enabled", "preloader_logo_url",
"preloader_enabled", "preloader_logo_dark_url", "preloader_logo_light_url",
"preloader_bg_dark", "preloader_bg_light",
"preloader_text_color_dark", "preloader_text_color_light",
"preloader_logo_color", "preloader_bar_color", "preloader_min_duration"
"preloader_bar_color", "preloader_min_duration"
])
},
{
@@ -449,7 +449,8 @@ const IMAGE_UPLOAD_SETTINGS = {
android_app_badge_image_url: { label: "Upload Badge", multi: false },
app_cta_image_url: { label: "Upload Image", multi: false },
splits_background_image_url: { label: "Upload Image", multi: false },
preloader_logo_url: { label: "Upload Logo", multi: false },
preloader_logo_dark_url: { label: "Upload Logo (Dark)", multi: false },
preloader_logo_light_url: { label: "Upload Logo (Light)", multi: false },
};
let currentTab = "settings";

24
assets/stylesheets/community_landing/landing.css
View File

@@ -2159,15 +2159,21 @@ html, .cl-body {
}
.cl-preloader__logo {
width: 120px;
height: 60px;
background: var(--cl-preloader-logo-color, var(--cl-preloader-text, #ffffff));
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
max-width: 120px;
max-height: 60px;
object-fit: contain;
}
/* Dark/light logo visibility */
.cl-preloader__logo--light { display: none; }
.cl-preloader__logo--dark { display: block; }
[data-theme="light"] .cl-preloader__logo--dark { display: none; }
[data-theme="light"] .cl-preloader__logo--light { display: block; }
@media (prefers-color-scheme: light) {
:root:not([data-theme="dark"]) .cl-preloader__logo--dark { display: none; }
:root:not([data-theme="dark"]) .cl-preloader__logo--light { display: block; }
}
.cl-preloader__counter {