changing color for stl

Author: BatuevIO

src/App.vue

@@ -14,7 +14,7 @@ const onChangeTab = () => {
 		<main class="main">
 			<v-tabs
 				v-model="currentTab"
-				bg-color="rgb(0, 1, 76)"
+				bg-color="primary"
 				color="white"
 				grow
 				@update:model-value="onChangeTab"

src/pages/PageMain.vue

@@ -162,7 +162,7 @@ const courses = ['1', '2', '3', '4', '5', '6', '1М', '2М'];
 					С вопросами обращайтесь в Профком.
 				</IrdomTooltip>
 			</div>
-			<div class="stipend">{{ allDef ? formattedStipend : '?' }}</div>
+			<div class="stipend bg-primary">{{ allDef ? formattedStipend : '?' }}</div>
 		</div>
 	</div>
 </template>
@@ -173,7 +173,6 @@ const courses = ['1', '2', '3', '4', '5', '6', '1М', '2М'];
 	display: flex;
 	align-items: center;
 	font-size: 30px;
-	background: rgb(0 1 76);
 	color: white;
 	border-radius: 999px;
 	padding: 0 16px;

src/vuetify.ts

@@ -4,7 +4,7 @@ import { aliases, mdi } from 'vuetify/iconsets/mdi-svg';
 const profcomffLight = {
 	dark: false,
 	colors: {
-		primary: 'rgb(0, 1, 76)',
+		primary: 'rgba(71, 28, 120)',
 		'on-primary': 'rgb(255, 255, 255)',
 
 		secondary: 'rgb(255, 139, 0)',
@@ -31,11 +31,11 @@ export const vuetify = createVuetify({
 	},
 	defaults: {
 		VBtnToggle: {
-			color: 'rgb(0, 1, 76)',
+			color: 'rgba(71, 28, 120)',
 			elevation: 1,
 		},
 		VCheckbox: {
-			color: 'rgb(0, 1, 76)',
+			color: 'rgba(71, 28, 120)',
 		},
 	},
 	theme: {