knative
/
docs
mirror of https://github.com/knative/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Swap website colours of the Home page (#6029) 

* Swap website colours of the Home page

Signed-off-by: SHRAVANI KAWARE <97099574+ShravaniAK@users.noreply.github.com>

* Add consistent corner rounding and spacing between buttons

Signed-off-by: SHRAVANI KAWARE <97099574+ShravaniAK@users.noreply.github.com>

---------

Signed-off-by: SHRAVANI KAWARE <97099574+ShravaniAK@users.noreply.github.com>
This commit is contained in:
SHRAVANI KAWARE 2024-07-02 18:19:11 +05:30 committed by GitHub
parent e18aaa6410
commit 9407dfaf61
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/stylesheets/extra.css
View File

@ -1,8 +1,8 @@
:root { :root {
--md-primary-fg-color: #f3f1f2; --md-primary-fg-color: #f3f1f2;
--md-primary-fg-color--dark: #0865AD; --md-primary-fg-color--dark: #0D4984;
--md-primary-fg-color--light: #6695CA; --md-primary-fg-color--light: #6593C8;
--nav-item-color: #4d4d4d; --nav-item-color: #494848;
} }
.md-clipboard { .md-clipboard {

17
overrides/assets/stylesheets/home.css
View File

@ -94,12 +94,15 @@ body {
font-size: large; font-size: large;
padding: 0.525em 1em; padding: 0.525em 1em;
min-width: fit-content; min-width: fit-content;
border-radius:0.7rem;
margin-left: 0.5rem;
} }
.home-container .md-button, .home-container .md-button,
.need-to-know-more-container .md-button { .need-to-know-more-container .md-button {
background-color: var(--md-primary-fg-color--light); background-color: var(--md-primary-fg-color--light);
border-color: var(--md-primary-fg-color--light); border-color: var(--md-primary-fg-color--light);
border-radius: 0.7rem;
} }
.home-container .md-button--primary { .home-container .md-button--primary {
@ -114,7 +117,7 @@ h2.secondary-headline, h3.trusted-by {
} }
.home-container h1 { .home-container h1 {
color: var(--md-primary-fg-color--dark); color: black;
margin-top: 1em; margin-top: 1em;
margin-bottom: 0; margin-bottom: 0;
} }
@ -224,6 +227,7 @@ h2.secondary-headline, h3.trusted-by {
font-weight: 600; font-weight: 600;
margin: 0 auto 2rem; margin: 0 auto 2rem;
max-width: 75%; max-width: 75%;
color:var(--nav-item-color);
} }
.why-serverless-container .md-typeset h1, .why-serverless-container .md-typeset h1,
@ -273,7 +277,7 @@ h2.secondary-headline, h3.trusted-by {
/* knative components container css */ /* knative components container css */
.knative-components-container h1 { .knative-components-container h1 {
color: #7dc47e; color: white;
} }
.knative-components-container .text-table .normal-text { .knative-components-container .text-table .normal-text {
@ -308,7 +312,7 @@ h2.secondary-headline, h3.trusted-by {
} }
.trying-it-all-container .md-typeset h2 { .trying-it-all-container .md-typeset h2 {
color: var(--md-primary-fg-color--dark); color: black;
line-height: 1; line-height: 1;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@ -337,6 +341,7 @@ h2.secondary-headline, h3.trusted-by {
background-color: var(--md-primary-fg-color--dark); background-color: var(--md-primary-fg-color--dark);
color: white; color: white;
margin-top: 1em; margin-top: 1em;
border-radius: 0.7rem;
} }
.trying-it-all-container .md-button.call-to-action:hover { .trying-it-all-container .md-button.call-to-action:hover {
@ -387,7 +392,7 @@ h2.secondary-headline, h3.trusted-by {
.case-studies-container .normal-text { .case-studies-container .normal-text {
text-align: start; text-align: start;
padding: 0 2em; padding: 0 2em;
color: var(--md-primary-fg-color--light); color: var(--nav-item-color);
font-weight: 600; font-weight: 600;
font-style: italic; font-style: italic;
line-height: 1.1; line-height: 1.1;
@ -459,8 +464,8 @@ h2.secondary-headline, h3.trusted-by {
.cncf-notice-container h3 { .cncf-notice-container h3 {
font-weight: bold; font-weight: bold;
color: var(--md-default-fg-color--light); color: var(--nav-item-color);
margin-top: 1rem; margin-top: 0;
} }
.md-typeset img.cncf-logo { .md-typeset img.cncf-logo {