From ed01992da969e53a68997db662c742e728c48e1b Mon Sep 17 00:00:00 2001 From: SHRAVANI KAWARE <97099574+ShravaniAK@users.noreply.github.com> Date: Wed, 26 Jun 2024 21:01:18 +0530 Subject: [PATCH 1/2] Swap website colours of the Home page Signed-off-by: SHRAVANI KAWARE <97099574+ShravaniAK@users.noreply.github.com> --- docs/stylesheets/extra.css | 6 +++--- overrides/assets/stylesheets/home.css | 11 ++++++----- 2 files changed, 9 insertions(+), 8 deletions(-) diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index e711c0fade5..b3022334390 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -1,8 +1,8 @@ :root { --md-primary-fg-color: #f3f1f2; - --md-primary-fg-color--dark: #0865AD; - --md-primary-fg-color--light: #6695CA; - --nav-item-color: #4d4d4d; + --md-primary-fg-color--dark: #0D4984; + --md-primary-fg-color--light: #6593C8; + --nav-item-color: #494848; } .md-clipboard { diff --git a/overrides/assets/stylesheets/home.css b/overrides/assets/stylesheets/home.css index c3eb5e7b169..0ac09ec5ea9 100644 --- a/overrides/assets/stylesheets/home.css +++ b/overrides/assets/stylesheets/home.css @@ -114,7 +114,7 @@ h2.secondary-headline, h3.trusted-by { } .home-container h1 { - color: var(--md-primary-fg-color--dark); + color: black; margin-top: 1em; margin-bottom: 0; } @@ -224,6 +224,7 @@ h2.secondary-headline, h3.trusted-by { font-weight: 600; margin: 0 auto 2rem; max-width: 75%; + color:var(--nav-item-color); } .why-serverless-container .md-typeset h1, @@ -273,7 +274,7 @@ h2.secondary-headline, h3.trusted-by { /* knative components container css */ .knative-components-container h1 { - color: #7dc47e; + color: white; } .knative-components-container .text-table .normal-text { @@ -308,7 +309,7 @@ h2.secondary-headline, h3.trusted-by { } .trying-it-all-container .md-typeset h2 { - color: var(--md-primary-fg-color--dark); + color: black; line-height: 1; margin-bottom: 1rem; } @@ -387,7 +388,7 @@ h2.secondary-headline, h3.trusted-by { .case-studies-container .normal-text { text-align: start; padding: 0 2em; - color: var(--md-primary-fg-color--light); + color: var(--nav-item-color); font-weight: 600; font-style: italic; line-height: 1.1; @@ -459,7 +460,7 @@ h2.secondary-headline, h3.trusted-by { .cncf-notice-container h3 { font-weight: bold; - color: var(--md-primary-fg-color--light); + color: var(--nav-item-color); margin-top: 0; } From f9db59a93c5b615e748587b83809a5f0ee5d3620 Mon Sep 17 00:00:00 2001 From: SHRAVANI KAWARE <97099574+ShravaniAK@users.noreply.github.com> Date: Thu, 27 Jun 2024 09:47:18 +0530 Subject: [PATCH 2/2] Add consistent corner rounding and spacing between buttons Signed-off-by: SHRAVANI KAWARE <97099574+ShravaniAK@users.noreply.github.com> --- overrides/assets/stylesheets/home.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/overrides/assets/stylesheets/home.css b/overrides/assets/stylesheets/home.css index 0ac09ec5ea9..001aaf2e9c6 100644 --- a/overrides/assets/stylesheets/home.css +++ b/overrides/assets/stylesheets/home.css @@ -94,12 +94,15 @@ body { font-size: large; padding: 0.525em 1em; min-width: fit-content; + border-radius:0.7rem; + margin-left: 0.5rem; } .home-container .md-button, .need-to-know-more-container .md-button { background-color: var(--md-primary-fg-color--light); border-color: var(--md-primary-fg-color--light); + border-radius: 0.7rem; } .home-container .md-button--primary { @@ -338,6 +341,7 @@ h2.secondary-headline, h3.trusted-by { background-color: var(--md-primary-fg-color--dark); color: white; margin-top: 1em; + border-radius: 0.7rem; } .trying-it-all-container .md-button.call-to-action:hover {