before suspend

assets/js/components/tabs/TabsGroup.vue

@@ -5,6 +5,7 @@
 				v-for="title in tabTitles"
 				:key="title"
 				:class="{ selected: title === selectedTitle }"
+				class="btn"
 				@click="handleClick(title)"
 			>
 				{{ title }}
@@ -39,7 +40,9 @@ export default {
 }
 </script>
 
-<style>
+<style lang="scss">
+
+@import "~styles/app.scss";
 .tabs {
 	width: auto;
 	margin: 0 auto;
@@ -56,15 +59,20 @@ export default {
 	text-align: center;
 	padding: 10px 20px;
 	margin-right: 10px;
-	background-color: #ddd;
+	background-color: #2e2e2e;
 	border-radius: 5px;
-	color: black;
+	color: #999999;
 	cursor: pointer;
 	transition: 0.4s all ease-out;
 }
 
 .tabs-header li.selected {
-	background-color: #0984e3;
-	color: white;
+	background-color: $primary;
+	color: $jet-black;
 }
+
+.tabs-header li.selected:hover {
+	border-color: $body-color;
+}
+
 </style>