Final updates. Logo, login screen

cloudfoundry · Jul 3, 2020 · c067218 · c067218
1 parent 8ede6c2
commit c067218
Show file tree

Hide file tree

Showing 9 changed files with 18 additions and 27 deletions.
diff --git a/src/frontend/packages/suse-extensions/src/custom/suse-login/suse-login.component.html b/src/frontend/packages/suse-extensions/src/custom/suse-login/suse-login.component.html
@@ -37,7 +37,7 @@ <h1 class="suse-login__headline">SUSE<br>Stratos<br>Console</h1>
       <span *ngIf="config.copyright" [innerHTML]="config.copyright"></span>
     </div>
     <div class="suse-login__logo">
-      <a href="https://www.suse.com" target="_blank"><img src="/core/assets/custom/suse_logo.png"></a>
+      <a href="https://www.suse.com" target="_blank"><img src="/core/assets/custom/suse_logo.svg"></a>
     </div>
   </div>
 </div>
diff --git a/src/frontend/packages/suse-extensions/src/custom/suse-login/suse-login.component.scss b/src/frontend/packages/suse-extensions/src/custom/suse-login/suse-login.component.scss
@@ -2,8 +2,7 @@
 
 .suse-login {
   align-items: center;
-  background-color: $suse-blue;
-  border-bottom: 10px solid $suse-primary-color;
+  background-color: $suse-dark-green;
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -16,7 +15,7 @@
     flex-direction: row;
   }
   &__header {
-    background-color: $suse-secondary;
+    background-color: $suse-dark-green;
     color: $suse-text;
     flex: 0 0 60px;
     font-size: 24px;
@@ -47,7 +46,7 @@
   }
   &__logo {
     img {
-      width: 79px;
+      width: 128px;
     }
   }
   &__intro {

diff --git a/src/frontend/packages/suse-theme/assets/core/custom/suse_logo.png b/src/frontend/packages/suse-theme/assets/core/custom/suse_logo.png
diff --git a/src/frontend/packages/suse-theme/assets/core/custom/suse_logo.svg b/src/frontend/packages/suse-theme/assets/core/custom/suse_logo.svg
diff --git a/src/frontend/packages/suse-theme/assets/core/custom/susecon-logo.svg b/src/frontend/packages/suse-theme/assets/core/custom/susecon-logo.svg
diff --git a/src/frontend/packages/suse-theme/assets/core/nav-logo.png b/src/frontend/packages/suse-theme/assets/core/nav-logo.png
diff --git a/src/frontend/packages/suse-theme/assets/favicon.ico b/src/frontend/packages/suse-theme/assets/favicon.ico
diff --git a/src/frontend/packages/suse-theme/loader/loading.css b/src/frontend/packages/suse-theme/loader/loading.css
@@ -1,6 +1,6 @@
 .stratos-initial-load-spinner-container {
   align-items: center;
-  background-color: #0D2C40;
+  background-color: #f2f2f2;
   display: flex;
   justify-content: center;
   height: 100%;
@@ -16,9 +16,9 @@
 .stratos-initial-load-spinner {
   animation: stratos-initial-load-animate 1s infinite linear;
   box-sizing: border-box;
-  border: 5px solid rgba(86, 107, 121,0.45);
+  border: 5px solid rgba(12, 50, 44, 0.45);
   border-radius: 50%;
-  border-top-color: #00B2E2;
+  border-top-color: #30BA78;
   display: inline-block;
   height: 128px;
   margin: 0 auto;

diff --git a/src/frontend/packages/suse-theme/sass/colors.scss b/src/frontend/packages/suse-theme/sass/colors.scss
@@ -30,6 +30,7 @@ $stratos-dark-theme-supported: false;
 $suse-primary-color: #30BA78;
 $suse-text: #fff;
 $suse-blue: #073155;
+$suse-dark-green: #0c322c;
 $suse-header-bar: #0c322c;
 $suse-link-color: #008ACF;