diff --git a/website/assets/styles/layout.less b/website/assets/styles/layout.less index 18a4df71c9..7997d62e28 100644 --- a/website/assets/styles/layout.less +++ b/website/assets/styles/layout.less @@ -152,10 +152,9 @@ html, body { } [purpose='mobile-dropdown'] { [purpose='beta-label'] { - background: #8B8FA2; + background: linear-gradient(90deg, #FF5C83 0%, #6A67FE 100%); display: inline-block; - padding: 1px 3px; - border-radius: 4px; + padding: 1px 6px; text-transform: uppercase; color: #FFF; font-weight: 700; @@ -260,10 +259,9 @@ html, body { text-decoration: none; } [purpose='beta-label'] { - background: #8B8FA2; + background: linear-gradient(90deg, #FF5C83 0%, #6A67FE 100%); display: inline-block; - padding: 1px 3px; - border-radius: 4px; + padding: 1px 6px; text-transform: uppercase; color: #FFF; font-weight: 700; diff --git a/website/assets/styles/pages/compliance.less b/website/assets/styles/pages/compliance.less index 4e1983fd8b..03b421db69 100644 --- a/website/assets/styles/pages/compliance.less +++ b/website/assets/styles/pages/compliance.less @@ -21,6 +21,14 @@ font-weight: 500; font-size: 18px; line-height: 24px; + /* Text gradient */ + background: linear-gradient(90deg, #FF5C83 0%, #6A67FE 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; + text-fill-color: transparent; + display: inline-block; + /* End text gradient */ } p { font-size: 16px; diff --git a/website/assets/styles/pages/fleet-mdm.less b/website/assets/styles/pages/fleet-mdm.less index 7f853fc489..3c1c1d6b55 100644 --- a/website/assets/styles/pages/fleet-mdm.less +++ b/website/assets/styles/pages/fleet-mdm.less @@ -21,9 +21,14 @@ font-weight: 500; font-size: 18px; line-height: 24px; - img { - vertical-align: baseline; - } + /* Text gradient */ + background: linear-gradient(90deg, #FF5C83 0%, #6A67FE 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; + text-fill-color: transparent; + display: inline-block; + /* End text gradient */ } p { font-size: 16px; diff --git a/website/views/layouts/layout-sandbox.ejs b/website/views/layouts/layout-sandbox.ejs index 278bd3fe05..1870f5fb43 100644 --- a/website/views/layouts/layout-sandbox.ejs +++ b/website/views/layouts/layout-sandbox.ejs @@ -134,7 +134,7 @@