Addons/gradients.css at master · ClearVision/Addons · 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
/**
 * @name ClearVision Add-on: Gradients
 * @author ClearVision Team
 * @version 2.0.0
 * @description Gradient add-on for ClearVision v7, make sure this is added first!
 * @source https://github.com/ClearVision/Addons
 * @website https://clearvision.github.io
 * @invite 2fKpjAR
 */
/*add the contents of the root below into the root of of your theme file or copy the entire root below into the bottom of your theme

:root {
	--gradient-color1: var(--main-color);
	--gradient-color2: var(--hover-color);
	--gradient-direction: 130deg;
}

*/
/* ### Gradients for Clearvision v7 by Nyx ### */
:root {
  /* Gradients */
  --gradient-color1: var(--main-color); /* primary color [default: var(--main-color) */
  --gradient-color2: var(--hover-color); /* secondary color [default: var(--hover-color) */
  --gradient-direction: 130deg; /* angle of gradient [default: 130deg] */
}

.bd-toast,
.link_TNyK-N::before,
.containerDragAfter_Wx6SnQ::before,
.containerDragAfter_Wx6SnQ::after,
.containerDragBefore_Wx6SnQ::before,
.containerDragBefore_Wx6SnQ::after,
.containerUserOver_Wx6SnQ::after,
.unread_oJAkDB::after,
.mention_oJAkDB::after,
.privateChannels_u88IQl .channel_zln_tS .interactive_zln_tS.interactiveSelected_zln_tS::before,
.button_DC2Jmc,
.bar_t1P8Sn,
.newMessagesBar_j9Vvzj,
.jumpToPresentBar_j9Vvzj:hover,
.hasMore_j9Vvzj:hover,
[aria-selected=true].clickable_CAMiwx .base_CAMiwx,
[aria-disabled=false].clickable_CAMiwx .base_CAMiwx:hover,
.numberBadge_lMvXrQ,
.lookFilled_9OQtot.colorBrand_9OQtot,
.lookFilled_9OQtot.colorGreen_9OQtot,
.lookFilled_9OQtot.colorPrimary_9OQtot,
.primary_F7qvhY,
.slider_p3RiOL .barFill_p3RiOL,
:is(.theme-dark, .theme-darker, .theme-midnight) .tooltip_3_v8qp.tooltipBrand_3_v8qp,
.item__o8_Xq,
.iconBadge_rwEpIL.isCurrentUserConnected_rwEpIL,
.circleIconButton_g8YUxD.selected_g8YUxD,
.container_Ax3P1g,
.searchFilter_tknKcK,
.searchAnswer_tknKcK,
.progressBar_GQQbyK,
.mediaBarGrabber_s1cr3c,
.mediaBarProgress_s1cr3c,
.mediaBarProgress_s1cr3c::before,
.mediaBarProgress_s1cr3c::after,
.bubble_s1cr3c,
.picker_1lN7Eh :is(.soundButton_N99eHz, .soundButtonRefresh__9be63),
.picker_1lN7Eh .categoryIcon_X9_kMu.selected_X9_kMu,
.uploadIcon_YeZ5Kj,
.content_rfDq2B .categoryFadeBlurple_d2GpC2::after,
.content_rfDq2B .result_H8nOze[style*="background-color:"],
.tag_isqatr,
.friendRequestsButton_QwUPp6,
.item_6zZYhF.selected_6zZYhF::after,
.wrapper_TNyK-N.modeSelected_TNyK-N .link_TNyK-N::before,
.wrapper_JJ-hgR.selected_JJ-hgR .childWrapper_JJ-hgR,
.mention_oJAkDB,
.mini_p3RiOL .barFill_p3RiOL,
.colorBrand_Q02kKo,
.tabBar_zrUwGA .addFriend_zrUwGA,
.replying_SY_P2T::before,
.ephemeral_SY_P2T::before,
.checkboxSelected_SZxRc8,
.cardBrand_qCN-Ri {
  background: linear-gradient(var(--gradient-direction), var(--gradient-color1), var(--gradient-color2)) !important;
}

.members_86es0b .membersGroup_86es0b:not([style*="color: rgb"], #MemberCount h3) span,
.sidebar_pog62O .containerDefault_yOdhm_ .wrapper_yOdhm_ .name_yOdhm_ .overflow__WDjet,
.privateChannels_u88IQl .privateChannelsHeaderContainer_Bce46W .headerText_Bce46W,
.headerText_6zZYhF {
  background-image: linear-gradient(var(--gradient-direction), var(--gradient-color1), var(--gradient-color2)) !important;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

.members_86es0b .membersGroup_86es0b:not([style*="color: rgb"])::before,
.sidebar_pog62O .containerDefault_yOdhm_ .wrapper_yOdhm_ .name_yOdhm_::before,
.privateChannels_u88IQl .privateChannelsHeaderContainer_Bce46W .headerText_Bce46W::before,
.sidebar_jnk11m .header_6zZYhF::before {
  background: linear-gradient(to left, var(--gradient-color1) 50%, transparent) !important;
}
.members_86es0b .membersGroup_86es0b:not([style*="color: rgb"])::after,
.sidebar_pog62O .containerDefault_yOdhm_ .wrapper_yOdhm_ .name_yOdhm_::after,
.privateChannels_u88IQl .privateChannelsHeaderContainer_Bce46W .headerText_Bce46W::after,
.sidebar_jnk11m .header_6zZYhF::after {
  background: linear-gradient(to right, var(--gradient-color1) 50%, transparent) !important;
}

.numberBadge_lMvXrQ {
  box-shadow: none !important;
}

.mediaBarWrapper_s1cr3c,
.mediaBarProgress_s1cr3c,
.buffer_s1cr3c {
  border-radius: 3px;
}

.fakeEdges_s1cr3c::before,
.fakeEdges_s1cr3c::after {
  content: unset;
}