Skip to content

sang765/Anicord-Theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Anicord Banner

Anicord Logo

A anime theme for Discord mod client.

BetterDiscord Replugged Vencord OpenAsar Areo

This theme is a remake of the Translucent theme but I have added a little CSS from Chillax, ClearVersion theme, Vencord, BetterDiscord server and a little of my own CSS. All CSS sources I have used will be credited at the end of the reading file.

CSS Star

⚠️ Before use the theme:

Warning

If you experience crashes while using the theme (Yes, I do) then I recommend you use Vesktop because it is well optimized and crashes are rare (unless you use devtools for too long).

🖼️ Screenshots:

Note

This screenshot was taken with 148 Vencord plugins enabled so there will be some things that are different in the screenshot. Hope you understand (I'm too lazy to turn it off)

Main Screen:

Main Screen

Member Server Preview:

Member Server Preview

User Profile Preview:

User Profile

Settings Preview:

Settings Preview

Transparency Background Support With Transparency Option:

Transparency

Transparency

⚙️ Install Theme

Online Import (Vencord)

https://raw.githubusercontent.com/sang765/Anicord-Theme/main/themes/Anicord.css

Quick CSS Import

@import url("https://raw.githubusercontent.com/sang765/Anicord-Theme/main/themes/Anicord.css");

Theme config/settings if you use Quick CSS Import:

:root {
	--app-bg: url(https://raw.githubusercontent.com/sang765/Anicord-Theme/main/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 */
  /*==================================*/
	--app-blur: 5px;
	--app-margin: 24px;
	--app-radius: 10px; /*	-	*/
  /*==================================*/
	--accent-hue: 204; /*	Main Color	*/
	--accent-saturation: 80%;
	--accent-lightness: 65%;
	--accent-opacity: 1;
	--accent-text-color: #fff; /*	-	*/
  /*==================================*/
	--sidebar-color: rgba(0,0,0,0.4);
	--main-content-color: rgba(0,0,0,0.2); /*	-	*/
  /*==================================*/
	--message-color: rgba(0,0,0,0.4);
	--message-radius: 8px;
	--message-padding-top: 8px;
	--message-padding-side: 8px; /*	-	*/
  /*==================================*/	
	--reply-hue: 226;
	--reply-saturation: 77.4%;
	--reply-lightness: 61.8%;
	--reply-opacity: 1; /*	-	*/
  /*==================================*/  
	--textarea-color: 255,255,255;
	--textarea-alpha: 0.1;
	--textarea-alpha-focus: 0.15;
	--textarea-text-color: #fff;
	--textarea-radius: 22px;  /*	-	*/
  /*==================================*/
	--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-height: 32px;
	--button-padding: 0 16px;
	--button-action-color: #000;
	--button-radius: 16px; /*	-	*/
  /*==================================*/
	--interactive-normal: #aaa;
	--interactive-hover: #ddd;
	--interactive-active: #fff;
	--interactive-muted: #777; /*	-	*/
  /*==================================*/
	--background-modifier-hover: rgba(255,255,255,0.075);
	--background-modifier-selected: rgba(255,255,255,0.125);
}

Download Theme

  • Goto release page.
  • Download Anicord.theme.css
  • Open your theme folder and put file Anicord.theme.css to theme folder
  • Enable it and enjoy.

🖋️ CREDITS:

Translucence

Chillax

ClearVersion

👍 Contributors

  • Thank for all your suppot 😉

Contributors