diff --git a/src/views/homepage/components/featured-content-grid/hcp-featured-card.module.css b/src/views/homepage/components/featured-content-grid/hcp-featured-card.module.css
index 11f2fbc0a2..e3e14381bd 100644
--- a/src/views/homepage/components/featured-content-grid/hcp-featured-card.module.css
+++ b/src/views/homepage/components/featured-content-grid/hcp-featured-card.module.css
@@ -6,9 +6,7 @@
.hcpCard {
background-color: var(--token-color-foreground-strong);
background-image: url('../../img/hcp-graphic.svg');
- background-position: center top;
background-repeat: no-repeat;
- background-size: cover;
border: none;
gap: 50px;
padding-top: 88px;
diff --git a/src/views/homepage/components/featured-content-grid/search-featured-card.module.css b/src/views/homepage/components/featured-content-grid/search-featured-card.module.css
index a358026003..10d891cb9b 100644
--- a/src/views/homepage/components/featured-content-grid/search-featured-card.module.css
+++ b/src/views/homepage/components/featured-content-grid/search-featured-card.module.css
@@ -9,7 +9,6 @@
background-color: var(--token-color-foreground-strong);
background-position: center top;
background-repeat: no-repeat;
- background-size: cover;
border-radius: 10px;
padding-bottom: 18px;
padding-left: 24px;
@@ -19,7 +18,6 @@
/* 500px with 16px base font */
@media (min-width: 31.25rem) {
background-image: url('../../img/search-card-graphic.svg');
- background-position-x: 1rem;
}
@nest html[data-theme='dark'] & {
diff --git a/src/views/homepage/components/featured-content-grid/waf-featured-card.module.css b/src/views/homepage/components/featured-content-grid/waf-featured-card.module.css
index 887c8330e1..e0406f0a9a 100644
--- a/src/views/homepage/components/featured-content-grid/waf-featured-card.module.css
+++ b/src/views/homepage/components/featured-content-grid/waf-featured-card.module.css
@@ -18,7 +18,7 @@
left: 0;
position: absolute;
right: 0;
- top: -25px;
+ top: 0;
width: 100%;
pointer-events: none;
}
diff --git a/src/views/homepage/components/page-title/page-title.module.css b/src/views/homepage/components/page-title/page-title.module.css
index f22d07df8e..235d0fbd99 100644
--- a/src/views/homepage/components/page-title/page-title.module.css
+++ b/src/views/homepage/components/page-title/page-title.module.css
@@ -32,12 +32,15 @@
--bg-gradient-base: var(--token-color-foreground-high-contrast);
background: linear-gradient(
- 90deg,
- rgba(136, 143, 255, 0.46) 9.03%,
- rgba(223, 255, 199, 0.57) 41.12%,
- rgba(255, 177, 80, 0.31) 61.68%
- ),
- linear-gradient(var(--bg-gradient-base), var(--bg-gradient-base));
+ 78.87deg,
+ #b0ffff 2.19%,
+ #8fd0ff 16.24%,
+ #ddbfff 31.62%,
+ #ffaed0 53.79%,
+ #ffbeaf 67.39%,
+ #fff8c9 79.68%,
+ #fff 91.59%
+ );
background-clip: text;
color: transparent;
display: block;
diff --git a/src/views/homepage/homepage.module.css b/src/views/homepage/homepage.module.css
index ec0173a311..6b9856fc11 100644
--- a/src/views/homepage/homepage.module.css
+++ b/src/views/homepage/homepage.module.css
@@ -23,10 +23,9 @@
.background {
background-color: var(--token-color-foreground-strong);
background-image: url('./img/background.svg');
- background-position-x: center;
+ background-position-x: right;
background-position-y: top;
background-repeat: no-repeat;
- background-size: cover;
content: '';
height: 1145px;
position: absolute;
@@ -40,7 +39,6 @@
@nest html[data-theme='dark'] & {
background-color: var(--token-color-page-primary);
- background-image: url('./img/background-dark.svg');
}
}
diff --git a/src/views/homepage/img/background-dark.svg b/src/views/homepage/img/background-dark.svg
deleted file mode 100644
index 6b8e9c19bc..0000000000
--- a/src/views/homepage/img/background-dark.svg
+++ /dev/null
@@ -1,52 +0,0 @@
-
diff --git a/src/views/homepage/img/background.svg b/src/views/homepage/img/background.svg
index 4c8d3eac35..eb7e4e2b5b 100644
--- a/src/views/homepage/img/background.svg
+++ b/src/views/homepage/img/background.svg
@@ -1,61 +1,128 @@
-