MediaWiki:Profiles.css

/* User Profile Customisation */
/* 1. - Light Theme CSS */
/* 2. - Dark Theme CSS */
/** Author: @Aeywoo **/
@import url("/load.php?mode=articles&articles=MediaWiki:Staff.css&only=styles");

a[data-tracking-label="whatlinkshere"],
a[data-tracking-label="recentchangeslinked"] {
    color: var(--theme-link-color) !important;
    font-weight: inherit !important;
}

/* Light Theme CSS */
/** Fixes contrasting issues with the background of messages **/
.theme-fandomdesktop-light #userProfileApp {
    background-color: transparent !important; /* This basically nulls the background-color entry */
}

/** Makes the dot separating the Users name and the date sent bigger and further apart **/
.theme-fandomdesktop-light .EntityHeader_middot__2f4XC {
    padding: 0 8px;
    font-size: 20px;
}

/* Colour Defaults */
/** Sets H1 to Default Colour & Font **/
.theme-fandomdesktop-light #userProfileApp .user-identity-header__attributes > h1 {
	color: #3A3A3A;
	font-size: 28px;
	font-family: rubik,helvetica,arial,sans-serif;
	/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
}

/* Sets H2 to Default Colour & Font */
.theme-fandomdesktop-light #userProfileApp .user-identity-header__attributes > h2 {
	color: #3A3A3A;
	font-family: rubik,helvetica,arial,sans-serif;
	/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
}

/* Sets H2 Span to Default Colour & Font */
.theme-fandomdesktop-light #userProfileApp .user-identity-header__attributes > h2 span {
	color: #3A3A3A;
	font-family: rubik,helvetica,arial,sans-serif;
	/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
}

/* Sets User Edit Counter to Default Colour & Font Weight Since $href= will override it's predefined colour */
.theme-fandomdesktop-light #userProfileApp ul.user-identity-stats a {
	color: var(--theme-page-text-color) !important;
	font-weight: normal !important;
}

/* Sets the default font-weight for the User Name */
.theme-fandomdesktop-light.skin-fandomdesktop .page-header__title {
	font-weight: normal;
}

/* Sets Navigation Links to Default Colour Since $href= will override it's predefined colour */
.theme-fandomdesktop-light #userProfileApp .user-profile-navigation__link a {
	color: var(--theme-page-text-color) !important;
	font-weight: inherit;
}
.theme-fandomdesktop-light #userProfileApp .user-profile-navigation__link.is-active,
.theme-fandomdesktop-light #userProfileApp .user-profile-navigation__link.is-active a {
	border-bottom-color: var(--theme-page-text-color) !important;
	color: var(--theme-page-text-color) !important;
}

/* Sets Social Icons to Default Colour Since href$= could interfere with it's preset colour */
.theme-fandomdesktop-light #userProfileApp .user-identity-social__icon {
	color: var(--theme-link-color) !important;
}

/* Changes the WhatLinksHere and RecentChanges links on the right rail to default static/hover colour */
.theme-fandomdesktop-light a[data-tracking-label="whatlinkshere"]:hover,
.theme-fandomdesktop-light a[data-tracking-label="whatlinkshere"]:active,
.theme-fandomdesktop-light a[data-tracking-label="whatlinkshere"]:visited,
.theme-fandomdesktop-light a[data-tracking-label="recentchangeslinked"]:hover,
.theme-fandomdesktop-light a[data-tracking-label="recentchangeslinked"]:active,
.theme-fandomdesktop-light a[data-tracking-label="recentchangeslinked"]:visited {
    color: #000 !important;
}

/* Dark Theme CSS */
/** Fixes contrasting issues with the background of messages **/
.theme-fandomdesktop-dark #userProfileApp {
    background-color: transparent !important; /* This basically nulls the background-color entry */
}

/** Makes the dot separating the Users name and the date sent bigger and further apart **/
.theme-fandomdesktop-dark .EntityHeader_middot__2f4XC {
    padding: 0 8px;
    font-size: 20px;
}

/* Colour Defaults */
/** Sets H1 to Default Colour & Font **/
.theme-fandomdesktop-dark #userProfileApp .user-identity-header__attributes > h1 {
	color: #E6E6E6;
	font-size: 28px;
	font-family: rubik,helvetica,arial,sans-serif;
	/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
}

/* Sets H2 to Default Colour & Font */
.theme-fandomdesktop-dark #userProfileApp .user-identity-header__attributes > h2 {
	color: #E6E6E6;
	font-family: rubik,helvetica,arial,sans-serif;
	/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
}

/* Sets H2 Span to Default Colour & Font */
.theme-fandomdesktop-dark #userProfileApp .user-identity-header__attributes > h2 span {
	color: #E6E6E6;
	font-family: rubik,helvetica,arial,sans-serif;
	/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
}

/* Sets User Edit Counter to Default Colour & Font Weight Since $href= will override it's predefined colour */
.theme-fandomdesktop-dark #userProfileApp ul.user-identity-stats a {
	color: var(--theme-page-text-color) !important;
	font-weight: normal !important;
}

/* Sets the default font-weight for the User Name */
.theme-fandomdesktop-dark.skin-fandomdesktop .page-header__title {
	font-weight: normal;
}

/* Sets Navigation Links to Default Colour Since $href= will override it's predefined colour */
.theme-fandomdesktop-dark #userProfileApp .user-profile-navigation__link a {
	color: var(--theme-page-text-color) !important;
	font-weight: inherit;
}
.theme-fandomdesktop-dark #userProfileApp .user-profile-navigation__link.is-active,
.theme-fandomdesktop-dark #userProfileApp .user-profile-navigation__link.is-active a {
	border-bottom-color: var(--theme-page-text-color) !important;
	color: var(--theme-page-text-color) !important;
}

/* Sets Social Icons to Default Colour Since href$= could interfere with it's preset colour */
.theme-fandomdesktop-dark #userProfileApp .user-identity-social__icon {
	color: var(--theme-link-color) !important;
}

/* Changes the WhatLinksHere and RecentChanges links on the right rail to default static/hover colour */
.theme-fandomdesktop-dark a[data-tracking-label="whatlinkshere"]:hover,
.theme-fandomdesktop-dark a[data-tracking-label="whatlinkshere"]:active,
.theme-fandomdesktop-dark a[data-tracking-label="whatlinkshere"]:visited,
.theme-fandomdesktop-dark a[data-tracking-label="recentchangeslinked"]:hover,
.theme-fandomdesktop-dark a[data-tracking-label="recentchangeslinked"]:active,
.theme-fandomdesktop-dark a[data-tracking-label="recentchangeslinked"]:visited {
    color: #EBDECC !important;
    font-weight: 500 !important;
}