Cyberpunk 2077
Theme for Better Discord inspired by Cyberpunk 2077 user interface
269
Live preview
Full Discord interface with this theme applied — powered by ThemePreview.
Screenshot
1
/**2
* @name Cyberpunk 20773
* @author Patryk Bielanin | bielak4
* @description Cyberpunk 2077 UI styled theme for better discord5
* @version 1.0.156
* @source https://github.com/PatrykBielanin/discord-cyberpunk2077-theme7
* @website https://github.com/PatrykBielanin/discord-cyberpunk2077-theme8
* @donate https://www.paypal.com/donate/?hosted_button_id=PGVKB863SXYUQ9
*/10
11
@import url('https://fonts.googleapis.com/css2?family=Rajdhani');12
@import url('https://patrykbielanin.github.io/discord-cyberpunk2077-theme/base.css');13
14
:root {15
--background-primary: linear-gradient(180deg, rgba(23,0,5,.75) 10%, rgba(0,0,0,1) 65%); /* Background gradient */16
--background-secondary: linear-gradient(180deg, rgba(23,0,5,.75) 10%, rgba(0,0,0,1) 65%); /* Background gradient */17
--font-primary: 'Rajdhani'; /* Font */18
--primary-text-color: lightgray; /* Font color */19
20
--primary: 23, 13, 22; /* Background color mainly used for popups */21
--red: 255, 0, 60; /* Use RGB values */22
--blue: 114, 234, 248; /* Use RGB values */23
--yellow: 243, 230, 0; /* Use RGB values */24
--green: 71, 213, 139; /* Use RGB values */25
--dark-green: 56, 171, 111; /* Use RGB values */26
27
--avatar-circle: 0; /* Square avatar */28
--avatar-rounded: 5px; /* Square avatars */29
--avatar-border: 1px solid var(--neon-red-color); /* Border of avatar */30
}31