-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathgradients.css
112 lines (101 loc) · 3.86 KB
/
gradients.css
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
/**
* @name ClearVision Add-on: Gradients
* @author ClearVision Team
* @version 1.0.0
* @description Gradient add-on for ClearVision, make sure this is added first!
* @source https://github.com/ClearVision/Addons
* @website https://clearvision.gitlab.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 v6.3.0 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__2ea32:after,
.containerDragAfter_c69b6d:after,
.containerDragBefore_c69b6d:after,
.containerDragAfter_c69b6d:before,
.containerDragBefore_c69b6d:before,
.containerUserOver_c69b6d:after,
.unread__3b95d:after,
.mention__3b95d:after,
.privateChannels__35e86 .channel__972a0 .interactive__972a0.interactiveSelected__972a0:after,
.button__71c22,
.bar__7aaec,
.newMessagesBar__0f481:before,
.jumpToPresentBar__0f481:hover,
[aria-selected=true].clickable__13533 .base__13533,
[aria-disabled=false].clickable__13533 .base__13533:hover,
.numberBadge__2b1f5,
.textBadge__2b1f5,
.lookFilled__201d5.colorBrand__201d5,
.lookFilled__201d5.colorGreen__201d5,
.lookFilled__201d5.buttonColor__7b3e8,
.lookFilled__201d5.colorPrimary__201d5,
.slider_a562c8 .barFill_a562c8,
.theme-dark .tooltip__382e7.tooltipBrand__382e7,
.item__58105,
.circleIconButton__5bc7e.selected__5bc7e,
.container_d8f25b,
.search__97492.searchFilter_bd8186,
.search__97492.searchAnswer_bd8186,
.progressBar__89dcd,
.mediaBarGrabber_b26b79,
.mediaBarProgress_b26b79,
.mediaBarProgress_b26b79:before,
.mediaBarProgress_b26b79:after,
.bubble_b26b79,
.category_fa8ebf.activeCategory_fa8ebf,
.uploadIcon__94439,
.content_fed6d3 .categoryFadeBlurple_d02962:after,
.content_fed6d3 [style*="background-color:"].result__2dc39,
.tag_fea832,
.friendRequestsButton__523aa,
.secondaryButtonPresentation__0be77,
.item_b3f026.selected_b3f026:after,
.iconContainer__1b9f0 {
background: linear-gradient(var(--gradient-direction), var(--gradient-color1), var(--gradient-color2)) !important;
}
.members_c8ffbb .membersGroup_c8ffbb:not([style*="color: rgb"], #MemberCount h3) span,
.sidebar_c48ade .containerDefault__29444 .wrapper__29444 .name__29444 .overflow__82b15,
.privateChannels__35e86 .privateChannelsHeaderContainer__99e7c .headerText__99e7c,
.headerText_b3f026 {
background-image: linear-gradient(var(--gradient-direction), var(--gradient-color1), var(--gradient-color2)) !important;
-webkit-background-clip: text;
color: transparent !important;
}
.members_c8ffbb .membersGroup_c8ffbb:not([style*="color: rgb"]):before,
.sidebar_c48ade .containerDefault__29444 .wrapper__29444 .name__29444:before,
.privateChannels__35e86 .privateChannelsHeaderContainer__99e7c:before,
.sidebar__23e6b .header_b3f026:before {
background: linear-gradient(to left, var(--gradient-color1) 50%, transparent) !important;
}
.members_c8ffbb .membersGroup_c8ffbb:not([style*="color: rgb"]):after,
.sidebar_c48ade .containerDefault__29444 .wrapper__29444 .name__29444:after,
.privateChannels__35e86 .privateChannelsHeaderContainer__99e7c:after,
.sidebar__23e6b .header_b3f026:after {
background: linear-gradient(to right, var(--gradient-color1) 50%, transparent) !important;
}
.numberBadge__2b1f5,
.textBadge__2b1f5 {
box-shadow: none !important;
}
.mediaBarWrapper_d12f5a,
.mediaBarProgress_d12f5a {
border-radius: 3px;
}
.fakeEdges_d12f5a:before,
.fakeEdges_d12f5a:after {
content: unset;
}