Discord Mica

By coolkie Version 1.0 Updated 07/31/2025 85.8K downloads

Discord with mica :)

transparent

Live preview

Full Discord interface with this theme applied โ€” powered by ThemePreview.

Screenshot

Discord Mica screenshot
discord-mica.theme.css
GitHub

Open source

https://raw.githubusercontent.com/PL7963/Discord-Mica/5a4b26304e430d269923a131c0a3c682872a227c/discord-mica.theme.css
1/**
2 * @name Discord Mica
3 * @author Coolkie
4 * @version 1.0
5 * @description Discord with mica :)
6 * @source https://github.com/PL7963/Discord-Mica/blob/main/src/main.css
7 * @website http://github.com/PL7963/
8 * @invite mh5Tzm43m9
9 */
10
11@import url("https://discord-mica.pages.dev/src/main.css");
12
13 :root {
14 /*Dark mode*/
15 --dark-bg: transparent; /*rgba(240,185,190,0.113); to achieve screenshot looking*/
16 --dark-flyout: rgba(30,30,30);
17 --dark-accent: rgb(76, 194, 255);
18 --dark-accent-hovered: rgb(65, 163, 214); /*also disabled button*/
19 --dark-accent-font-color: black;
20 --dark-button: rgb(45,45,45);
21 --dark-button-border: rgb(60, 60, 60);
22 --dark-button-font-color: white;
23 --dark-background-accent: rgba(50,50,50,0.9);
24 --dark-status-panel: rgba(30,30,30,0.4);
25
26 /*Light mode*/
27 --light-bg: transparent;
28 --light-flyout: rgb(255, 255, 255);
29 --light-accent: rgb(0, 120, 212);
30 --light-accent-hovered: rgb(0, 94, 167); /*also disabled button*/
31 --light-accent-font-color: white;
32 --light-button: rgb(251,251,251);
33 --light-button-border: rgb(204, 204, 231);
34 --light-button-font-color: black;
35 --light-background-accent: rgba(160,160,160,0.9);
36 --light-status-panel: rgba(255,255,255,0.4);
37
38 /* Titlebar */
39 --custom-app-top-bar-height: calc(24px + var(--space-sm)); /* Set to 0 if you don't want to use Discord title-bar */
40 --title-bar-icon: flex; /* Set to none to remove icons */
41 }
42