-
Notifications
You must be signed in to change notification settings - Fork 8
/
DVA-theme.css
47 lines (40 loc) · 2 KB
/
DVA-theme.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
//META{"name":"Discord-Themes","description":"live import/fork by WhatDaPuck#2080","author":"Nix","forked version":"3.0"}*//{}
@import url(https://gitcdn.xyz/repo/WhatDaPuck/NotAnotherAnimeTheme/master/css/NotAnotherAnimeThemeSCSL.css);
/*EDIT THIS TO CHANGE THE BACKGROUND, I RECOMMEND USING IMGUR TO HOST YOUR IMAGE*/
[class~=app] {
background: url(https://pre00.deviantart.net/1ace/th/pre/f/2017/030/4/b/casual_d_va___youtube_process__by_knkl-daxc9y5.jpg) !important;
background-size: cover !important;
}
/*THIS CHANGES THE COLOR OF THE UNREAD NOTIFICATION*/
.guilds-wrapper .guilds .guild.unread:not(.selected):before,
.guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
background: #E0FFFF; /*change this to any hex code you want*/
}
/*THIS CHANGES THE COLOR OF THE SCROLLBAR*/
[class~=scroller-wrap] [class~=scroller]::-webkit-scrollbar-thumb {
border-left-color: rgba(215, 0, 255, 0.9) !important;
}
[class~=private-channels] [class~=channel]:hover a {
background-color: rgba(215, 0, 255, 0.9);
}
/*THIS CHANGES THE COLOR OF THE HOVER on the Guild Channels*/
[class~=guilds-wrapper] [class~=guilds] [class~=guild] [class~=guild-inner]:hover {
background: #E0FFFF !important;
}
[class~=guild-header] header {
color: #E0FFFF;
}
/*EDIT THIS TO CHANGE THE FRIENDS ICON IMAGE, I WOULD RECOMMEND USING IMGUR TO HOST YOUR IMAGE*/
[class~=guilds-wrapper] [class~=guilds] [class~=friends-icon] {
background-image: url(https://media.giphy.com/media/INfeOM4rsqBVe/giphy.gif)
}
/*IF YOU DON'T WANT A CUSTOM FRIENDS ICON JUST REMOVE THIS BIT OF CODE*/
[class~=guilds-wrapper] [class~=guilds] [class~=friends-icon] {
display: block;
width: 50px;
height: 50px;
content: '';
background-size: 142%; /*how zoomed in or zoomed out your image is*/
background-repeat: no-repeat;
background-position: top left; /*the positioning of your image in the icon, for example "top left" uses the top left of the image*/
}