feat: onboarding pages darkmode (#867)

packages/webapp/src/style/pages/Setup/Congrats.scss

@@ -1,30 +0,0 @@
-.setup-congrats {
-  width: 500px;
-  margin: 0 auto;
-  text-align: center;
-  padding-top: 80px;
-
-  &__page {
-  }
-
-  &__text {
-    margin-top: 30px;
-
-    h1 {
-      color: #2d2b43;
-      margin-bottom: 12px;
-    }
-    .paragraph {
-      font-size: 16px;
-      opacity: 0.85;
-      margin-bottom: 14px;
-    }
-    .bp4-button {
-      height: 38px;
-      padding-left: 25px;
-      padding-right: 25px;
-      font-size: 15px;
-      margin-top: 12px;
-    }
-  }
-}

packages/webapp/src/style/pages/Setup/Initializing.scss

@@ -1,41 +0,0 @@
-
-// Setup initializing form
-.setup-initializing-form {
-  width: 95%;
-  margin: 0 auto;
-  padding: 16% 0 0;
-
-  .bp4-progress-bar {
-    background: rgba(92, 112, 128, 0.2);
-    border-radius: 40px;
-    display: block;
-    height: 6px;
-    overflow: hidden;
-    position: relative;
-    width: 80%;
-    margin: 0 auto;
-
-    .bp4-progress-meter {
-      background-color: #809cb3;
-    }
-  }
-
-  &__title {
-    text-align: center;
-    margin-top: 35px;
-
-    h1 {
-      font-size: 22px;
-      font-weight: 600;
-      color: #454c59;
-      margin-top: 0;
-      margin-bottom: 14px;
-    }
-
-    .paragraph {
-      width: 70%;
-      margin: 0 auto;
-      color: #2e4266;
-    }
-  }
-}

packages/webapp/src/style/pages/Setup/Organization.scss

@@ -1,65 +1 @@
 
-.setup-organization {
-  max-width: 600px;
-  width: 100%;
-  margin: 0 auto;
-  padding: 45px 25px 20px;
-
-  form {
-    h3 {
-      color: #868f9f;
-      margin-bottom: 2rem;
-      font-weight: 600;
-    }
-  }
-  .bp4-form-group {
-    margin-bottom: 24px;
-
-    .bp4-input-group {
-      .bp4-input {
-        height: 38px;
-      }
-
-    }
-    .bp4-input,
-    .form-group--select-list .bp4-button{
-      font-size: 15px;
-    }
-  }
-
-  label.bp4-label{
-    color: #20242e;
-  }
-
-  .bp4-button:not([class*='bp4-intent-']):not(.bp4-minimal) {
-    width: 100%;
-    height: 38px;
-    padding: 8px;
-  }
-
-  .bp4-text-muted {
-    color: #000000;
-  }
-
-  .register-org-note {
-    font-size: 13px;
-    padding-bottom: 10px;
-    border-bottom: 1px solid #e1e1e1;
-    margin-bottom: 1.75rem;
-    color: #666;
-  }
-
-  .register-org-button {
-    .bp4-button {
-      background-color: #1c2448;
-      height: 40px;
-      font-size: 15px;
-      width: 100%;
-
-      &:disabled,
-      &.bp4-loading{
-        background-color: rgba(28, 36, 72, 0.5);
-      }
-    }
-  }
-}

packages/webapp/src/style/pages/Setup/SetupPage.scss

@@ -13,30 +13,13 @@
     grid-template-columns: 26% 74%;
   }
 
-  &__right-section {
-    width: 100%;
-    overflow: auto;
-
-    h1 {
-      font-size: 22px;
-    }
-    h1,
-    h3 {
-      font-weight: 500;
-      color: #6b7382;
-    }
-  }
-
-  &__content {
-    width: 100%;
-    padding-bottom: 80px;
-  }
-
   &__left-section {
     background-color: #2f3d6f;
-    z-index: 1;
     width: 100%;
 
+    .bp4-dark & {
+      background-color: #2f343c;
+    }
     .content {
       display: flex;
       flex-direction: column;
@@ -173,9 +156,7 @@
       &::before {
         background-color: #75859c;
       }
-
       ~li {
-
         &:before,
         &:after {
           background: #e0e0e0;