Skip to content
This repository was archived by the owner on Sep 11, 2025. It is now read-only.

Colour and Gradient Improvements#5258

Merged
bretthayes merged 14 commits intomainfrom
brett/colours
Apr 13, 2022
Merged

Colour and Gradient Improvements#5258
bretthayes merged 14 commits intomainfrom
brett/colours

Conversation

@bretthayes
Copy link
Contributor

This PR improves and consolidates our colour and gradient naming conventions, removes unused colours and gradients, and matches our brand guidelines more closely. Some names are still left untouched from unknown branding.

This also allows us to add utility classes to elements for background and text colour changes instead of creating one-off stylesheets/style rules for colour changes.

All CTA, link, and icon colours are now changed to blurple in prep for our homepage updates in #5230.

Eg:

<h1 className="text-space-back bg-yellow-mist">My Cool Title</h1>

Test

Spot check pages

@bretthayes bretthayes added this to the A - Sprint 2 milestone Apr 12, 2022
@bretthayes bretthayes requested a review from katjuell April 12, 2022 19:45
@bretthayes bretthayes self-assigned this Apr 12, 2022
@sourcegraph-bot
Copy link
Contributor

sourcegraph-bot commented Apr 12, 2022

Notifying subscribers in CODENOTIFY files for diff 5ac4121...b8f1a2d.

Notify File(s)
@sourcegraph/marketing website/src/components/Header.tsx
website/src/components/IconItem.tsx
website/src/components/Install/install.module.scss
website/src/components/Jumbotron.tsx
website/src/components/QuoteCarousel/index.tsx
website/src/components/TestimonialCarousel.tsx
website/src/components/blog/LinkPost.tsx
website/src/components/content/ContentSection.tsx
website/src/components/product/OpenSourcePrivacyFeatureItem.tsx
website/src/css/_colors.scss
website/src/css/_gradients.scss
website/src/css/_typography.scss
website/src/css/components/_ComparisonTable.scss
website/src/css/components/_CustomCarousel.scss
website/src/css/components/_Header.scss
website/src/css/components/_IconItem.scss
website/src/css/components/_LeadershipSection.scss
website/src/css/components/_SelfHostedSection.scss
website/src/css/components/_TemplateCodeBlock.scss
website/src/css/components/blog/_BlogPost.scss
website/src/css/components/blog/_PostsList.scss
website/src/css/components/product/_GitLabIntegrationSection.scss
website/src/css/pages/__white_papers.scss
website/src/css/pages/_about.scss
website/src/css/pages/_batch-changes.scss
website/src/css/pages/_code-insights.scss
website/src/css/pages/_content.scss
website/src/css/pages/_jobs.scss
website/src/css/pages/_podcast.scss
website/src/css/pages/_sales.scss
website/src/css/pages/_universal-code-search.scss
website/src/css/pages/product/_code-change-management.scss
website/src/css/styles.scss
website/src/css/templates/_PostTemplate.scss
website/src/pages/accelerate-dev-onboarding.tsx
website/src/pages/case-studies/nutanix-fixed-log4j-with-sourcegraph.tsx
website/src/pages/cloud-beta.tsx
website/src/pages/code-insights.tsx
website/src/pages/fixing-vulnerabilities.tsx
website/src/pages/get-started/getStarted.module.scss
website/src/pages/get-started/self-hosted.tsx
website/src/pages/guides/continuous-developer-onboarding/index.module.scss
website/src/pages/index.tsx
website/src/pages/jobs.tsx
website/src/pages/use-cases/onboarding.tsx
website/src/pages/use-cases/useCases.module.scss
website/src/pages/use-cases/vulnerabilities.tsx

* Bootstrap Theme Colors
* This allows us to use text-{colorName} and bg-{colorName} utility classes
*/
$theme-colors: (
Copy link
Contributor

Choose a reason for hiding this comment

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

Glorious 🙌

katjuell
katjuell previously approved these changes Apr 13, 2022
Copy link
Contributor

@katjuell katjuell left a comment

Choose a reason for hiding this comment

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

Awesome — thanks so much for cleaning these up!

This was referenced Apr 13, 2022
@bretthayes bretthayes linked an issue Apr 25, 2022 that may be closed by this pull request
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

No open projects
Status: Done

Development

Successfully merging this pull request may close these issues.

Colour and Gradient Improvements

4 participants