#71 moving orange-theme scss to themes directory insides styles

Author: enriquezrene

src/app/modules/login/login.component.scss

@@ -1,4 +1,4 @@
-@import '../../../scss/orange-theme';
+@import '../../../styles/themes/orange-theme';
 
 .login-container {
     display: flex;

src/styles.scss

@@ -1,4 +1,4 @@
 /* You can add global styles to this file, and also import other style files */
 
-@import "scss/orange-theme";
+@import "styles/themes/orange-theme";
 @import "~bootstrap/scss/bootstrap";

src/scss/_orange-theme.scss renamed to src/styles/themes/_orange-theme.scss

@@ -26,4 +26,15 @@ $dark:#5c4e63;
         #fe4f3a,
         #fc5630
       );
+}
+
+.bg-secondary,
+.btn-secondary,
+.badge-secondary,
+.alert-secondary {
+    background-image: linear-gradient(
+        to right,
+        #FF3663,
+        #A50D8A
+      );
 }