feat(design): Integrate Bloqr Design Language — tri-line logo, themed API docs#1587
Merged
jaypatrick merged 4 commits intomainfrom Apr 14, 2026
Merged
Conversation
… API docs - Replace favicon.svg with tri-line Bloqr filter-list icon (3 descending bars, orange accent, dark #070B14 background) matching the landing page design language - Replace assets/logo.svg with 200×48 wordmark: tri-line icon + BLOQR + ADBLOCK COMPILER - Update Angular app header to use new wordmark (assets/logo.svg, 120px wide) - Update mobile sidenav with inline SVG tri-line icon replacing the ⚡ emoji - Theme Scalar UI (/api/docs) with BLOQR_SCALAR_CSS: override all --scalar-* tokens to orange (#FF5500) + cyan (#00D4FF) on dark (#070B14), Space Grotesk font, gradient orange-to-cyan accent bar, theme: 'none' for full CSS control - Theme Swagger UI (/api/swagger) with manuallySwaggerUIHtml: full dark HTML page using BLOQR_SWAGGER_CSS with orange/cyan HTTP method colors, dark bg, validated URLs - Theme ReDoc (/api/redoc) with same BLOQR_SCALAR_CSS, theme: 'none', classic layout - Update API landing page: tri-line SVG hero logo, orange border-top accent, gradient radial hero bg, 'Primary' badge on Scalar card, cyan-styled OpenAPI JSON card Agent-Logs-Url: https://github.com/jaypatrick/adblock-compiler/sessions/197b8ce6-0e57-46a8-82bd-6032ea6e49d0 Co-authored-by: jaypatrick <1800595+jaypatrick@users.noreply.github.com>
Copilot
AI
changed the title
[WIP] Integrate Bloqr design language into Adblock backend
feat(design): Integrate Bloqr Design Language — tri-line logo, themed API docs
Apr 14, 2026
Owner
|
@copilot Fix CI |
…trailing blank line Agent-Logs-Url: https://github.com/jaypatrick/adblock-compiler/sessions/136f1338-3223-436f-bee5-2c60319bd652 Co-authored-by: jaypatrick <1800595+jaypatrick@users.noreply.github.com>
Contributor
Author
Owner
|
@copilot apply changes based on the comments in this thread |
Copilot stopped work on behalf of
jaypatrick due to an error
April 14, 2026 21:43
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Replaces the old shield favicon and 4-bar logo with the Bloqr tri-line brand identity across the Angular SPA and all Worker-served API doc pages. Applies the full Bloqr dark palette (orange
#FF5500+ cyan#00D4FFon#070B14) to Scalar, Swagger, and ReDoc.Description
The app and API docs were missing the Bloqr brand identity: no tri-line logo, no consistent orange/cyan color language, and all three API doc UIs were using their default light/purple themes.
Changes
Logos & Favicon
frontend/src/favicon.svg— New tri-line icon: 3 descending bars (full-width white, medium muted white, short orange with glow) on dark#070B14rounded-corner background with an orange accent stripe at topfrontend/src/assets/logo.svg— New 200×48 wordmark combining the tri-line icon with "BLOQR" (Space Grotesk bold) + "ADBLOCK COMPILER" subtitle and an orange underline accentAngular App Header
assets/logo.svgwordmark (120px) instead of small favicon + text⚡ Bloqrto inline SVG tri-line icon + textWorker API Docs (
worker/routes/docs.routes.ts)/api/docs—theme: 'purple'→theme: 'none'+BLOQR_SCALAR_CSSoverriding the full--scalar-*token set; orange/cyan gradient accent bar across the top; Space Grotesk + JetBrains Mono fonts/api/swagger—manuallySwaggerUIHtmlreturns a complete dark HTML document withBLOQR_SWAGGER_CSS: dark panel backgrounds, orange POST method badges, cyan GET badges, dark inputs/models,executebutton in orange. CDN asset URLs are allow-list validated and HTML-attribute-escaped before injection/api/redoc—theme: 'default'→theme: 'none'+ sameBLOQR_SCALAR_CSS, Scalar classic three-panel layout/and/api— Inline tri-line SVG hero, orangeborder-topaccent, radial orange+cyan gradient background, "Primary" badge on Scalar card, cyan-styled OpenAPI JSON download cardFormatting Fix
isValidUrlarrow function to a single line and removed trailing blank line indocs.routes.tsto satisfydeno fmtCI checkTesting
/api/docs,/api/swagger,/api/redoc,/api/openapi.json) render correctly; existingdocs.routes.test.tsassertions ('Bloqr API','swagger-ui'string checks) still satisfied by the updated HTML outputdeno fmtfailure (collapsedisValidUrlarrow to single line, removed trailing blank line)Zero Trust Architecture Checklist
Worker / Backend
*) on write/authenticated endpoints — N/A (no new write endpoints)[vars]) — N/A (no secrets used).prepare().bind()(no string interpolation) — N/A (no DB queries)Frontend / Angular
CanActivateFnauth guards — N/A (header/logo change only)localStorage) — N/AAPI Shield / Vulnerability Scanner
operationIdinopenapi.yaml— N/A (no new endpoints)/{id}path parameters) include asecurity:annotation — N/AWHERE user_id = ?) — N/A404(not403) to avoid leaking resource existence — N/Acloudflare-schema.yamlregenerated ifopenapi.yamlchanged — N/A (OpenAPI spec unchanged)