Sunset-Cord/Sunset-Cord (1.2) {LATEST}.css at main · LuXo-AlEx/Sunset-Cord · 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
/**
* @name Sunset Cord
* @author 🎄Ale✘🎄#7801 (On Discord)
* @version 1.2
* @description An Awesome Sunset Discord Look */
@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/css/tcsl.css);

/* Any images you use MUST end with .jpg or .png or any other image extension */
/* This is NOT a valid link, https://imgur.com/a/ycjL2 */
/* THIS IS A VALID LINK https://i.imgur.com/rCqnrQ7.jpg */
/* If you find an image I would STRONGLY recommend rehosting the image on imgur https://imgur.com/upload */
:root {
    /*
    Change the theme background
    Default: https://cdn.discordapp.com/attachments/766482417397137431/785597723100315658/unnamed.jpg
    */
    --background-image: url(https://cdn.discordapp.com/attachments/766482417397137431/785597723100315658/unnamed.jpg);

    /*
    Change your friends icon image
    Default: https://i.imgur.com/63g6Em8.jpg
    */
    --friends-icon: url(https://cdn.discordapp.com/attachments/766482417397137431/785598197678604338/vlfaCsV.jpg);

    /*
    Change your friends icon iamge position
    Default: center center
    */
    --friends-icon-position: center center;

    /*
    Change your friends icon image zoom
    Default: 100%
    */
    --friends-icon-zoom: 100%;

    /*
    Change the main theme color
    Default: rgb(67, 181, 129)
    */
    --main-color: rgba(208, 129, 20, .75);

    /*
    Change global transparency
    You can use this to make your background image lighter or darker
    Default: rgba(0, 0, 0, 0.6)
    */
    --main-transparency: rgba(0, 0, 0, 0.6);

    /*
    Change the unread server animation.
    Replace it with "none" in order to remove any animations and use the main color instead
    Default: rainbow
    */
    --unread-server-animation: rainbow;

    /*
    Change background color when you hover members or friends
    Default: rgba(255, 255, 255, .15)
    */
    --hover-list-bg-color: rgba(207, 103, 19, .16);

    /*
    Change the color of the borders between messages
    Default: hsla(0,0%,100%,.1)
    */
    --border-lines-color: hsla(0, 0%, 100%, .1);

    /*
    Change the scroll bar color
    Default: rgba(255,255,255, .15)
    */
    --scroll-bar-color: rgba(207, 129, 19, .34);

    /*
    Change chat messages font size, you can use any unit: px, em, rem, %
    Default: 16px
    */
    --font-size: 16px;

    /*
    Change the text color of a selected text channel or joined voice channel
    Default: #f6f6f7
    */
    --selected-text-voice-color: #f49207fc;

    /*
    Change the text color of a hovered text or voice channel
    Default: rgba(255, 255, 255, 0.75)
    */
    --channel-hover-text-color: rgba(184, 99, 17, .75);


    /*
    Change the text color of an unread text channel
    Default: #dcddde
    */
    --unread-text-color: #eeebe7;


    /*
    Change the transparency of the user popout when clicking a member
    Default: rgba(0, 0, 0, 0.8)
    */
    --user-popup-background: rgba(199, 123, 17, .64);}

/* Changes The Settings Menu As well As Some Buttons */
.theme-dark {--interactive-normal: #ffae19d9;
  --header-primary: #faa61a;
    --header-secondary: #faa61a;}

/*Change's profile menu*/
.theme-dark {--background-secondary: #e8950df0;}

/* ADD ANY CUSTOM CODE BELOW */