Skip to content

Commit

Permalink
fix: Website colour adjustments (#5980)
Browse files Browse the repository at this point in the history 
* Update extra.css

* Update home.css

* fix color adjustments

* Update home.css

* change hex colors
  • Loading branch information
@asr2003
asr2003 authored May 27, 2024
1 parent cb18e1e commit 61d4aa7
Show file tree
Hide file tree
Showing 2 changed files with 31 additions and 33 deletions.
33 changes: 17 additions & 16 deletions docs/stylesheets/extra.css
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,12 @@
:root {
--md-primary-fg-color: #f3f1f2;
--home-color: #0071c7;
--md-primary-fg-color--dark: #0865AD;
--md-primary-fg-color--light: #6695CA;
--nav-item-color: #4d4d4d;
}

.md-clipboard {
color: #024c93;
color: var(--md-primary-fg-color--dark);
}

.highlight.no-copy .md-clipboard {
Expand Down Expand Up @@ -62,7 +63,7 @@ a.md-header__button.md-logo img {
}

.md-header__source {
color: #034b95;
color: var(--md-primary-fg-color--dark);
}

.md-search__input {
Expand Down Expand Up @@ -106,7 +107,7 @@ a.md-header__button.md-logo img {
.md-tabs__list li:nth-last-child(1),
.md-tabs__list li:nth-last-child(2),
.md-tabs__list li:nth-last-child(3) {
background-color: #024c93;
background-color: var(--md-primary-fg-color--dark);
color: white;
padding: 0 2em;
}
Expand All @@ -129,7 +130,7 @@ a.md-header__button.md-logo img {
}

.md-typeset a {
color: #024c93;
color: var(--md-primary-fg-color--dark);
word-break: break-word;
font-weight: 600;
}
Expand Down Expand Up @@ -291,7 +292,7 @@ a.md-header__button.md-logo img {
}

.cookienotice .buttons .ok {
background: #6695ca;
background: var(--md-primary-fg-color--light);
color: #fff;
margin-right: 15px;
padding: .25rem .5rem;
Expand Down Expand Up @@ -321,18 +322,18 @@ a.md-header__button.md-logo img {
}

.modal-dialog .md-button {
color: #024c93;
color: var(--md-primary-fg-color--dark);
}

.modal-dialog .md-button--primary {
color: white;
background-color: #024c93;
background-color: var(--md-primary-fg-color--dark);
}

/* Tame the footer and make the prev/next stand out */
.md-footer {
color: var(--md-typeset-a-color);
background-color: #024c93;
background-color: var(--md-primary-fg-color--dark);
}

.md-footer .md-footer-copyright {
Expand Down Expand Up @@ -392,13 +393,13 @@ a.md-header__button.md-logo img {
}

.testimonials h1 {
color: #024c93;
color: var(--md-primary-fg-color--dark);
margin-bottom: -26px;
}

.testimonials h2 {
font-size: 2em;
color: #024c93;
color: var(--md-primary-fg-color--dark);
margin-bottom: -12px;
}

Expand All @@ -418,12 +419,12 @@ a.md-header__button.md-logo img {
margin: auto 0;
text-align: start;
padding: 0 2em;
color: #497bb2;
color: var(--md-primary-fg-color--light);
font-weight: 500;
line-height: 1.1;
font-family: inherit;
font-size: .85rem;
border-left: #4db3d9 4.5px solid;
border-left: var(--md-default-fg-color--light) 4.5px solid;
}

.testimonials .testimonial img {
Expand All @@ -436,14 +437,14 @@ a.md-header__button.md-logo img {
}

.testimonials .testimonial.blue {
border-top: #4db3d9 2.5px solid;
border-top: var(--md-primary-fg-color--light) 2.5px solid;
padding-top: 60px;
}

.testimonials .testimonial.blue .quote {
font-size: 1.3rem;
font-weight: 500;
color: #4db3d9;
color: var(--md-primary-fg-color--light);
border: none;
}

Expand All @@ -461,7 +462,7 @@ a.md-header__button.md-logo img {
}

.testimonials a {
color: #175494;
color: var(--md-primary-fg-color--dark);
}

.testimonials .find-links {
Expand Down
31 changes: 14 additions & 17 deletions overrides/assets/stylesheets/home.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,10 +84,7 @@ section.home-container {

body {
color: white;
background: var(--md-primary-fg-color);
background: #5063d0;
background: #0071c7;
background: var(--home-color);
background: var(--md-primary-fg-color--dark);
}

.home-container .md-button,
Expand All @@ -101,14 +98,14 @@ body {

.home-container .md-button,
.need-to-know-more-container .md-button {
background-color: #52b3dd;
border-color: #52b3dd;
background-color: var(--md-primary-fg-color--light);
border-color: var(--md-primary-fg-color--light);
}

.home-container .md-button--primary {
margin-top: 0.5rem;
background-color: #024c93;
border-color: #024c93;
background-color: var(--md-primary-fg-color--dark);
border-color: var(--md-primary-fg-color--dark);
}

h2.secondary-headline, h3.trusted-by {
Expand All @@ -117,7 +114,7 @@ h2.secondary-headline, h3.trusted-by {
}

.home-container h1 {
color: #024c93;
color: var(--md-primary-fg-color--dark);
margin-top: 1em;
margin-bottom: 0;
}
Expand Down Expand Up @@ -197,7 +194,7 @@ h2.secondary-headline, h3.trusted-by {
/* need to know more section css */
.need-to-know-more-container, .knative-components-container,
.whats-next-container {
background-color: #024c93;
background-color: var(--md-primary-fg-color--dark);
}

.need-to-know-more-container h1, .whats-next-container h1 {
Expand All @@ -214,12 +211,12 @@ h2.secondary-headline, h3.trusted-by {
/* why serverless container css */
.why-serverless-container, .trying-it-all-container {
background-color: #f3f1f2;
color: var(--md-default-fg-color--light);
color: var(--md-primary-fg-color--light);
}

.why-serverless-container h1, .trying-it-all-container h1,
.case-studies-container h1 {
color: #024c93;
color: var(--md-primary-fg-color--dark);
}

.why-serverless-container .normal-text,
Expand Down Expand Up @@ -311,7 +308,7 @@ h2.secondary-headline, h3.trusted-by {
}

.trying-it-all-container .md-typeset h2 {
color: #024c93;
color: var(--md-primary-fg-color--dark);
line-height: 1;
margin-bottom: 1rem;
}
Expand All @@ -337,7 +334,7 @@ h2.secondary-headline, h3.trusted-by {
.trying-it-all-container .md-typeset .md-button.call-to-action {
font-size: x-large;
padding: 0.5rem 2em;
background-color: #024c93;
background-color: var(--md-primary-fg-color--dark);
color: white;
margin-top: 1em;
}
Expand Down Expand Up @@ -399,7 +396,7 @@ h2.secondary-headline, h3.trusted-by {
.case-studies-container .normal-text {
text-align: start;
padding: 0 2em;
color: #497bb2;
color: var(--md-primary-fg-color--light);
font-weight: 600;
font-style: italic;
line-height: 1.1;
Expand Down Expand Up @@ -465,7 +462,7 @@ h2.secondary-headline, h3.trusted-by {

.cncf-notice-container h3 {
font-weight: bold;
color: var(--md-default-fg-color--light);
color: var(--md-primary-fg-color--light);
margin-top: 0;
}

Expand Down Expand Up @@ -518,4 +515,4 @@ footer nav.md-footer__inner {

footer .md-footer-meta .md-footer-meta__inner {
padding: 1em 0;
}
}

0 comments on commit 61d4aa7

Please sign in to comment.