forked from AdaliceGroup/Discord-Themes
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Galaxy-theme.css
50 lines (40 loc) · 1.95 KB
/
Galaxy-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
48
49
50
//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://media.giphy.com/media/dVjsehrqKgK7S/giphy.gif) !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: #FFD700; /*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(255, 254, 0, 1) !important;
}
[class~=private-channels] [class~=channel]:hover a {
background-color: rgba(255, 254, 0, 1);
}
/*THIS CHANGES THE COLOR OF THE HOVER on the Guild Channels*/
[class~=guilds-wrapper] [class~=guilds] [class~=guild] [class~=guild-inner]:hover {
background: #FFD700 !important;
}
[class~=guild-header] header {
color: ##FFD700;
}
/*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/JREHb5iIDHyog/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: 131%; /*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*/
}