Skip to content

docs(site): rebrand docs.defectdojo.com to the 2026 brand (Earth Undertones) - #15736

Draft
devGregA wants to merge 1 commit into
devfrom
brand/docs-earth-undertones
Draft

docs(site): rebrand docs.defectdojo.com to the 2026 brand (Earth Undertones)#15736
devGregA wants to merge 1 commit into
devfrom
brand/docs-earth-undertones

Conversation

@devGregA

Copy link
Copy Markdown
Contributor

What this is

docs.defectdojo.com restyled to Brand Guidelines v1.0 (Aug 2026), second of the four web properties (status page was first: DefectDojo-Inc/status-page#8 set the pattern). Draft on purpose: brand launch timing is Greg's call.

What changed (all within docs/, style-only)

  • Tokens (_variables-custom.scss + _custom.scss): Dystopian Orange #FF6B35 primary, Deep Midnight #001215 chrome, Midnight #003038 code/dark surfaces, Dust #FFF8F0 reading canvas, Daybreak #94D2BD / Dusk #005F73 secondary tones, links Accent Blue #234D93 (the guide's digital-only color).
  • Type: self-hosted Inter variable (latin, SIL OFL) replaces six Work Sans faces. Italics synthesize for now; an italic subset can follow if it bothers anyone.
  • Logos: wordmark SVGs regenerated from the 2026 wordmark; standalone wordmark only, per the logo rules.
  • Shape: zero border-radius sweep (cards, chips, search pill, buttons including .rounded-pill); the 2px blue-to-orange hairline becomes a single Dystopian Orange hairline.
  • Buttons: explicit .btn-primary / .btn-outline-primary skins in both modes. This also fixes a pre-existing issue where doks-core's dark-mode defaults leaked Bootstrap blue tints into the home CTAs.
  • Edition toggle: Open Source = Dusk, Pro = Dystopian Orange (Pro is hot-coded across all brand materials).
  • Code blocks: card chrome on Midnight; Chroma syntax palette re-tinted only in its blue family (to Daybreak tints); semantic green/amber/red kept so diffs and errors still read as diffs and errors.
  • DocSearch modal variables reskinned to match.

Not changed

DOM, class names, content, shortcodes, PurgeCSS safelisting behavior, the token architecture, and custom.js.

Verification

  • Built clean with Hugo 0.153.4 extended; home, content pages (sidebar, TOC, breadcrumbs, edition toggle), and both color modes checked in-browser; grep audit shows zero references to the old palette, Work Sans, or old token names.
  • Heads-up, pre-existing and untouched: netlify.toml pins HUGO_VERSION=0.125.1, which cannot build the current @thulite/doks-core (its templates use the try function). Production must be getting its Hugo version from the Netlify UI; worth aligning the file some day.

🤖 Generated with Claude Code

…rtones)

Applies Brand Guidelines v1.0 (Aug 2026) to the docs site:

- Palette: Dystopian Orange primary, deep-midnight header/footer/code
  surfaces, Dust reading canvas, Daybreak/Dusk secondary tones,
  Accent Blue links per the guide's digital-only colors. Dark mode
  runs Deep Midnight / Midnight surfaces.
- Typography: self-hosted Inter variable (latin, OFL) replaces the
  six Work Sans faces; italics synthesize until an italic subset is
  added.
- Logos: wordmark SVGs regenerated from the 2026 wordmark
  (standalone, no symbol lockup per the logo rules).
- Shape: zero border radius across the site, including Bootstrap's
  .rounded-pill; single orange hairline replaces the blue-to-orange
  gradient.
- Buttons: explicit .btn-primary/.btn-outline-primary skins in both
  color modes (doks-core's dark defaults previously leaked Bootstrap
  blue tints into the home CTAs).
- Edition toggle: Open Source = Dusk, Pro = Dystopian Orange,
  matching the Pro-is-hot coding used across brand materials.
- Chroma/code: card chrome moves to Midnight surfaces; blue-family
  syntax hues re-tinted to the Daybreak family, semantic green/amber/
  red hues kept for meaning.
- DocSearch modal reskinned to the same tokens.

No DOM, class-name, or content changes; PurgeCSS safelisting and the
existing token architecture are preserved.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@github-actions github-actions Bot added the docs label Aug 19, 2026
@9alexx3

9alexx3 commented Aug 20, 2026

Copy link
Copy Markdown
Contributor

When I was working on docs: Fix typos PR. I noticed a visual issue with the light theme, which makes it difficult to see the code clearly in its respective code blocks.

Since this PR changes the some CSS styles, wouldn't it be better to fix this (if it hasn't already been done)?

Light theme:
image

Dark theme:
image

URL: https://docs.defectdojo.com/get_started/contributing/how-to-write-a-parser/#do-not-parse-urls-by-hand

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants