feat: enhance footer design for brand consistency with Rocket.Chat #1016#1262
Open
amankv1234 wants to merge 1 commit intoRocketChat:developfrom
Open
feat: enhance footer design for brand consistency with Rocket.Chat #1016#1262amankv1234 wants to merge 1 commit intoRocketChat:developfrom
amankv1234 wants to merge 1 commit intoRocketChat:developfrom
Conversation
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
1 participant
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.
Enhance Footer Design for Better Consistency with Rocket.Chat Website
Acceptance Criteria fulfillment
Theme Alignment: Redesigned the footer layout (colors, spacing, typography) to match Rocket.Chat’s official website theme.
Branding: Integrated the official-style Rocket.Chat white logo for better brand identity.
Visual Hierarchy: Restructured links into clear categories (Company, Platform, Resources, Social) with proper alignment.
Responsiveness: Implemented a responsive 2-column grid for tablet-sized screens (max-width: 996px) and stacked columns for mobile.
Interactivity: Added smooth hover effects for all external links (BCC3CD → FFFFFF transition).
Accessibility: Maintained high contrast ratios and added descriptive ARIA labels where necessary.
Fixes #1016
PR Test Details
Navigate to the packages/docs directory.
Run the development server: yarn install; yarn dev.
Scroll to the footer:
Branding: Verify the new Rocket.Chat logo is present and clear.
Color: Check that the background is pure black (#000000).
Hover: Move the mouse over links to see the color change to white.
Test Responsiveness:
Resize the browser to tablet width (996px) to see the 2-column grid.
Resize to mobile width (480px) to see the single-column stack.
Note: The PR will be ready for live testing at https://rocketchat.github.io/EmbeddedChat/pulls/pr-1262 after approval. Contributors are requested to replace <1262> with the actual PR number.