Anicord-Theme/Anicord.theme.css at main · sang765/Anicord-Theme · 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
/**
 * @name Anicord
 * @description Yes, this is another anime Discord theme.
 * @author sangsdayy
 * @authorLink https://github.com/sang765
 * @version 1.5.9
 * @website https://github.com/sang765/Anicord-Theme
 * @source https://github.com/sang765/Anicord-Theme/blob/main/Anicord.theme.css
 * @authorId 926519119849869322
 * @updateUrl https://sang765.github.io/Anicord-Theme/Anicord.theme.css
*/

/*
ᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳ𝑨𝒏𝒊𝒎𝒆 𝒊𝒏𝒔𝒊𝒅𝒆 𝑫𝒊𝒔𝒄𝒐𝒓𝒅ᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳ
| ᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳ |
| |     █████╗ ███╗   ██╗██╗ ██████╗ ██████╗ ██████╗ ██████╗    | |
| |    ██╔══██╗████╗  ██║██║██╔════╝██╔═══██╗██╔══██╗██╔══██╗   | |
| |    ███████║██╔██╗ ██║██║██║     ██║   ██║██████╔╝██║  ██║   | |
| |    ██╔══██║██║╚██╗██║██║██║     ██║   ██║██╔══██╗██║  ██║   | |
| |    ██║  ██║██║ ╚████║██║╚██████╗╚██████╔╝██║  ██║██████╔╝   | |
| |    ╚═╝  ╚═╝╚═╝  ╚═══╝╚═╝ ╚═════╝ ╚═════╝ ╚═╝  ╚═╝╚═════╝    | |
| ᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳ |
|ᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳᅳ
*/

/* Theme Import */
@import url('https://sang765.github.io/Anicord-Theme/themes/Anicord.css');
/* CSS You Can Custom */
:root {
	--app-bg: url(https://sang765.github.io/Anicord-Theme/assets/themeimage.png); /* background */
	/* 📄 NOTE: If you want the background to be transparent then you can remove the `url(imageurl)` and then change the attribute to `transparent`
           Requirements: Please enable "Windows Transparent" in your client mod make sure that work. You aslo can use Mica For Everyone to have a transparent backgound with Mica blur effect */
	/* Blur, Margin, Radius */
	--app-blur: 5px;
	--app-margin: 24px;
	--app-radius: 10px;
	/* Font */
	--main-font: 'Tilt Neon';
	--code-font: '';
	/* Server Title */
	--title-style: center; /* left or center*/
	/* Color - HSLA */ /* Hex to HSL here: https://htmlcolors.com/hex-to-hsl */
	--accent-hue: 204; /* H */
	--accent-saturation: 80%; /* S */
	--accent-lightness: 65%; /* L */
	--accent-opacity: 1; /* A */
	--accent-text-color: #fff; /* Text Color */
	/* Others */
	--sidebar-color: rgba(0,0,0,0.4);
	--main-content-color: rgba(0,0,0,0.2); /*	-	*/
	/* Message */
	--message-color: rgba(0,0,0,0.4);
	--message-radius: 8px;
	--message-padding-top: 8px;
	--message-padding-side: 8px; /*	-	*/
	/* Reply */
	--reply-hue: var(--accent-hue);
	--reply-saturation: 77.4%;
	--reply-lightness: 61.8%;
	--reply-opacity: 1; /*	-	*/
	/* Textarea */
	--textarea-color: 255,255,255;
	--textarea-alpha: 0.1;
	--textarea-alpha-focus: 0.15;
	--textarea-text-color: #fff;
	--textarea-radius: 22px;  /*	-	*/
	/* Card */
	--card-color: rgba(0,0,0,0.4);
	--card-color-hover: rgba(0,0,0,0.5);
	--card-color-select: rgba(0,0,0,0.7); /*	-	*/
	/* Button */
	--button-height: 32px;
	--button-padding: 0 16px;
	--button-action-color: #000;
	--button-radius: 16px; /*	-	*/
	/* Scrollbar */
	--interactive-normal: #aaa;
	--interactive-hover: #ddd;
	--interactive-active: #fff;
	--interactive-muted: #777; /*	-	*/
	/* Background */
	--background-modifier-hover: rgba(255,255,255,0.075);
	--background-modifier-selected: rgba(255,255,255,0.125);
}

/*
			            			<= CREDITS =>
|<================================= Anicord Team ==================================>|
| <+>           sang765                                       Author		    |
|<=================================================================================>|
| <-> Settings Icons                           by DevilBro			    |
| <-> Better Mark As Read Button               by Lonk		         	    |
| <-> Chillax                                  by warrayquipsome and Contributors   |
| <-> Translucence                             by CapnKitten			    |
| <-> ClearVersionV6                           by NyxIsBad and Contributors	    |
| <-> BetterDiscord Custom CSS Community       https://discord.gg/0Tmfo5ZbORCRqbAd  |
| <-> Vencord Custom CSS Community             https://discord.gg/D9uwnFnqmd	    |
| <-> You                                      for using this theme		    |
|<=================================================================================>|
*/