CSS-Snippets/ColoredProfile.css at main · ColynOrg/CSS-Snippets · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
/* Brighter Status Text for Custom Profiles */
.custom-profile-theme [class^=statusBubble_] [class^=defaultColor_] {
  color: var(--white-500);
}
/* Match Status Bubble Color with Profile Button Color with Box Shadow for Custom Profiles */
.custom-profile-theme [class^=statusBubble_],
.custom-profile-theme [class^=statusBubbleOuter_]:before,
.custom-profile-theme [class^=statusBubbleOuter_]:after {
  background-color: var(--profile-gradient-button-color);
}
/* Match Badges Border Color with Profile Button Color for Custom Profiles */
.custom-profile-theme [aria-label="User Badges"] {
  border-color: var(--profile-gradient-button-color);
}
/* Add Panel Profile Box Border Color with Profile Button Color for Custom Profiles */
[class^=inner_] :is([class^=overlay_], [class^=activityBiteSizePopout_]) {
  border: 1px solid var(--profile-gradient-button-color);
}
/* Match Profile Scroller with Profile Button Color for Custom Profiles */
.custom-profile-theme [class*=scrollerBase_]::-webkit-scrollbar-thumb {
  background-color: var(--profile-gradient-button-color);
}
/* Match Clan Button Color with Profile Button Color for Custom Profiles */
.custom-profile-theme [class*=clanTagContainer_] {
  background: var(--profile-gradient-button-color);
}
/* Match Activity Buttons Color with Profile Button Color for Custom Profiles */
.custom-profile-theme [class^=activityBiteSizePopout_] button,
.custom-profile-theme [class^=activitySimplifiedProfile_] button {
  background-color: var(--profile-gradient-button-color)!important;
}
/* Match Show More Roles and Permissions Border Color with Profile Button Color for Custom Profiles */
.custom-profile-theme :is([class^=expandButton_], [class^=collapseButton_], [aria-label="Add Role"], .vc-permviewer-role-button)  {
  border-color: var(--profile-gradient-button-color);
}
/* Add Border to Activities and Match with Profile Button Color for Custom Profiles */
.custom-profile-theme :is([class^=biteSizeOverlayBackground_], [class^=scroller_] [class^=section_] [class*=card_]) {
  border: 1px solid var(--profile-gradient-button-color)!important;
}
/* Match Connections Border Color with Profile Button Color for Custom Profiles */
.custom-profile-theme [class^=connectedAccountContainer_] {
  border-color: var(--profile-gradient-button-color);
}