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).
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:
Member Server Preview:
User Profile Preview:
Settings Preview:
Some GIF Preview:
Transparency Background Support With Transparency Option:
https://raw.githubusercontent.com/sang765/Anicord-Theme/main/themes/Anicord.css
@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);
}
- Goto release page.
- Download Anicord.theme.css
- Open your theme folder and put file Anicord.theme.css to theme folder
- Enable it and enjoy.
- CSS Snippet from Better Discord Server and Vencord Discord Server
- Thank for all your suppot 😉