Change date created text, making it same for avatar-icon and user page, improve contrast legibility

frontend/src/components/AvatarIcon.vue

@@ -15,7 +15,7 @@
 					</div>
 					<div class='avatar_icon__header_info'>
 						<span class='avatar_icon__username' @click.stop='goToUser'>{{ajaxUser.username}}</span>
-						<span class='avatar_icon__date'>Created: {{ajaxUser.createdAt | formatDate('date') }}</span>
+						<span class='avatar_icon__date'>User since {{ajaxUser.createdAt | formatDate('date') }}</span>
 					</div>
 				</div>
 				<div class='avatar_icon__description' v-if='ajaxUser.description'>
@@ -138,7 +138,7 @@
 			cursor: pointer;
 		}
 		@at-root #{&}__date {
-			color: $color__gray--darkest;
+			color: $color__darkgray--primary;
 			font-size: 0.9rem;
 		}
 		@at-root #{&}__description {

frontend/src/components/routes/User.vue

@@ -12,7 +12,7 @@
 			</div>
 			<div class='user_header__info'>
 				<span class='user_header__username'>{{username}}</span>
-				<span class='user_header__date' v-if='user'>Account created {{user.createdAt | formatDate('date') }}</span>
+				<span class='user_header__date' v-if='user'>User since {{user.createdAt | formatDate('date') }}</span>
 				<div class='user_description' v-if='user && user.description && user.description.length' v-html='user.description'></div>
 			</div>
 		</div>
@@ -142,7 +142,7 @@
 			font-weight: bold
 		}
 		@at-root #{&}__date {
-			color: $color__gray--darkest;
+			color: $color__darkgray--primary;
 			font-size: 1.5rem;
 		}
 	}