Skip to content

WIP: Feat/rebranding#5459

Open
fabianrbz wants to merge 38 commits into
mainfrom
feat/rebranding
Open

WIP: Feat/rebranding#5459
fabianrbz wants to merge 38 commits into
mainfrom
feat/rebranding

Conversation

@fabianrbz
Copy link
Copy Markdown
Contributor

@fabianrbz fabianrbz commented Jun 4, 2026

Description

WIP: add some basic colors

TODO:

  • images
  • mermaid
  • spec-renderer
  • hover styles/etc
  • semantic colors
  • border color
  • links in components
  • ...

Checklist

  • Tested how-to docs. If not, note why here.
  • All pages contain metadata.
  • Any new docs link to existing docs.
  • All autogenerated instructions render correctly (API, decK, Konnect, Kong Manager).
  • Style guide (capitalized gateway entities, placeholder URLs) implemented correctly.
  • Every page has a description entry in frontmatter.
  • Add new pages to the product documentation index (if applicable).

@fabianrbz fabianrbz requested a review from a team as a code owner June 4, 2026 08:25
Copilot AI review requested due to automatic review settings June 4, 2026 08:25
@fabianrbz fabianrbz added the do not merge Issues/ PRs whose changes should not be merged at this time label Jun 4, 2026
@netlify
Copy link
Copy Markdown

netlify Bot commented Jun 4, 2026

Deploy Preview for kongdeveloper ready!

Name Link
🔨 Latest commit 7f29205
🔍 Latest deploy log https://app.netlify.com/projects/kongdeveloper/deploys/6a22c965eddd7c00086f298f
😎 Deploy Preview https://deploy-preview-5459--kongdeveloper.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This WIP PR starts a site rebranding by introducing a new base color palette (via CSS variables) and updating Tailwind/theme usage across templates and Vue components to rely more on semantic/global link styling instead of per-element text-brand classes.

Changes:

  • Add/extend Tailwind theme tokens for links, button text, and a configurable brand-saturated opacity.
  • Replace many hard-coded text-brand / *-brand-saturated/40 usages across includes/pages with the new link and brand-saturated styling approach.
  • Remove the Konami theme implementation (JS + related CSS overrides) and adjust global link styling in CSS.

Reviewed changes

Copilot reviewed 20 out of 21 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
tailwind.config.js Adds new color/text tokens (links, button) and makes brand-saturated opacity configurable via CSS var.
app/skills/index.html Removes text-brand from the “Clear filters” button styling.
app/search.html Removes text-brand from the sitemap link to rely on global link styles.
app/mesh/policies/index.html Removes bg-brand-saturated/40 from badges to align with updated brand-saturated behavior.
app/index.html Updates homepage “Ask AI” border styling to new brand-saturated behavior.
app/_layouts/default.html Updates tooltip colors/border to match the new palette.
app/_includes/syntax_highlighting.html Updates codeblock header/copy UI colors and fixes positioning context for “Copied!” feedback.
app/_includes/indices.html Removes per-link text-brand-saturated styling to rely on global link styles.
app/_includes/how-tos/prereq_cleanup_item.html Updates prereq/cleanup accordion icon background colors to new tokens.
app/_includes/header.html Removes decorative SVGs and removes several text-brand link color overrides in nav menus.
app/_includes/get_help.html Removes text-brand classes from help links/icons to rely on global link styling.
app/_includes/footer.html Removes decorative SVG elements from the footer.
app/_includes/edit_and_issue_links.html Removes text-brand from edit/issue links and icons to rely on global link styling.
app/_includes/cards/skill_marketplace.html Removes text-brand from the “Installation guide” link to rely on global link styling.
app/_includes/card.html Removes text-brand from CTA text rendering in cards.
app/_data/footer.yml Updates footer “view all” link class from text-brand to text-links.
app/_assets/stylesheets/index.css Replaces the core CSS variable palette, applies global link styling (a { ... text-links; }), updates button styles, and removes Konami theme overrides.
app/_assets/javascripts/konami.js Removes Konami theme JS implementation.
app/_assets/javascripts/apps/SearchModal.vue Updates borders/brand-saturated usage in the search modal UI.
app/_assets/javascripts/apps/Feedback.vue Updates textarea border color to new brand-saturated behavior.
app/_assets/entrypoints/application.js Drops the import for the removed Konami script.

Comment thread app/_includes/card.html Outdated
{% endif %}
{% if include.cta_text %}
<div class="flex text-sm text-brand">
<div class="flex text-sm">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

do not merge Issues/ PRs whose changes should not be merged at this time

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants