Website: Update website background (#12041)

Closes: #11579 Changes: - Changed the `background` of all pages on fleetdm.com to have a gradient.
2023-05-31 08:43:53 +09:00
parent bc8d89f804
commit 5963cbf7a7
7 changed files with 8 additions and 2 deletions
@@ -14,6 +14,8 @@ html, body {
  min-height: 100%;
  position: relative;
  padding-bottom: @footer-height;
+  background: linear-gradient(180deg, #E8F1F6 0%, #FFFFFF 200px);
+  background-position: center 40px;
 }

 // Styles for the page header
@@ -88,6 +88,7 @@
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
      border: 1px solid @core-fleet-black-25;
+      background-color: #FFF;
    }

    .input-group:focus-within {
@@ -27,6 +27,7 @@
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
      border: 1px solid @core-fleet-black-25;
+      background: #FFF;
    }
    .input-group:focus-within {
      border: 1px solid @core-vibrant-blue;
@@ -29,6 +29,7 @@
      width: 260px;
      padding: 8px 15px;
      border: 1px solid @core-vibrant-blue-15;
+      background: #FFF;
      border-radius: 8px;
      input {
        border: 0;
@@ -80,7 +81,6 @@
  [purpose='left-sidebar'] {
    scrollbar-width: none;
    -ms-overflow-style: none;
-    background: #FFF;
    min-width: 245px;
    max-width: 250px;
    padding-top: 60px;
@@ -1,5 +1,5 @@
 #pricing {
-  background: linear-gradient(180deg, #E8F1F6 0%, #FFFFFF 5.79%);
+
  h1, p {
    color: #192147;
  }
@@ -71,6 +71,7 @@
  .input-group {
    &.search {
      width: 250px;
+      background: #FFF;
    }
  }

@@ -16,6 +16,7 @@
  [purpose='hero-text'] {
    max-width: 566px;
    h1 {
+      color: #FFF;
      font-size: 36px;
      font-weight: 800;
      line-height: 54px;