Use ugly btn-secondary instead of btn-light from bootstrap

src/components/Options.vue

@@ -22,7 +22,7 @@
           <div class="col-3">
             <button id="lowercase__btn"
                     type="button" class="btn btn-block btn-sm px-0"
-                    v-bind:class="{'btn-primary':password.lowercase===true, 'btn-light':password.lowercase===false}"
+                    v-bind:class="{'btn-primary':password.lowercase===true, 'btn-secondary':password.lowercase===false}"
                     v-on:click="password.lowercase=!password.lowercase">
               a-z
             </button>
@@ -30,7 +30,7 @@
           <div class="col-3">
             <button id="uppercase__btn"
                     type="button" class="btn btn-block btn-sm px-0"
-                    v-bind:class="{'btn-primary':password.uppercase===true, 'btn-light':password.uppercase===false}"
+                    v-bind:class="{'btn-primary':password.uppercase===true, 'btn-secondary':password.uppercase===false}"
                     v-on:click="password.uppercase=!password.uppercase">
               A-Z
             </button>
@@ -38,7 +38,7 @@
           <div class="col-3">
             <button id="numbers__btn"
                     type="button" class="btn btn-block btn-sm px-0"
-                    v-bind:class="{'btn-primary':password.numbers===true,'btn-light':password.numbers===false}"
+                    v-bind:class="{'btn-primary':password.numbers===true,'btn-secondary':password.numbers===false}"
                     v-on:click="password.numbers=!password.numbers">
               0-9
             </button>
@@ -46,7 +46,7 @@
           <div class="col-3">
             <button id="symbols__btn"
                     type="button" class="btn btn-block btn-sm px-0"
-                    v-bind:class="{'btn-primary':password.symbols===true,'btn-light':password.symbols===false}"
+                    v-bind:class="{'btn-primary':password.symbols===true,'btn-secondary':password.symbols===false}"
                     v-on:click="password.symbols=!password.symbols">
               %!@
             </button>

src/views/PasswordGenerator.vue

@@ -59,7 +59,7 @@
           {{ $t('Generate') }}
         </button>
         <button type="button"
-                class="btn btn-light pull-right showOptions__btn"
+                class="btn btn-secondary pull-right showOptions__btn"
                 v-show="!passwordGenerated"
                 v-on:click="showOptions =! showOptions">
           <i class="fa fa-sliders"></i>
@@ -84,7 +84,7 @@
           <span class="input-group-btn">
             <button id="revealGeneratedPassword"
                     type="button"
-                    class="btn btn-light"
+                    class="btn btn-secondary"
                     v-on:click="togglePasswordType($refs.passwordGenerated)">
               <i class="fa fa-eye"></i>
             </button>
@@ -92,14 +92,14 @@
           <span class="input-group-btn">
             <button id="sharePasswordProfileButton"
                     type="button"
-                    class="btn btn-light"
+                    class="btn btn-secondary"
                     v-on:click="sharePasswordProfile()">
               <i class="fa fa-share-alt pointer"></i>
             </button>
           </span>
           <span class="input-group-btn">
             <button type="button"
-                    class="btn btn-light showOptions__btn"
+                    class="btn btn-secondary showOptions__btn"
                     v-on:click="showOptions =! showOptions">
               <i class="fa fa-sliders"></i>
             </button>