Theme «cyberpunk-2077» for Discord
The image displays a Discord screen with a custom CSS theme titled "cyberpunk-2077". The theme features a yellow background with a large cyberpunk logo in the center. The Discord screen is filled with various chat bubbles, each displaying different messages and usernames. The chat bubbles are arranged in a grid pattern and are of different sizes, giving the screen a dynamic and lively appearance. The theme is likely designed to celebrate the release of the popular game Cyberpunk 2077.
How to install Discord design
- Download 25374-cyberpunk-2077.theme.css.
- If this is your first time installing a theme: install BetterDiscord.
- Launch Discord and go to the client settings.
- In the "Themes" section, click "Open Theme Folder". This will open an explorer window, where you will need to move the obtained file.
- Go back to the client settings and apply the added skin.
Alternatively, you can install by inserting code into the Custom CSS field.
Custom CSS
/**
* @name cyberpunk$2077
* @author серый$# | сильверхенд#934#
* @version 1.1
* @description cyberpunk$2077
* @invite сильверхенд
* @authorId 170854083840704512535
* @source github
* @website ввв ленинград спб точка ру
*/
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700,800,900&display=swap');
@import url('https://gibbu.github.io/BetterDiscord-Themes/FrostedGlass/base.css');
@import url('https://discord-custom-covers.github.io/usrbg/snippets/userPopouts.css');
@import url('https://discord-custom-covers.github.io/usrbg/snippets/modals.css');
@import url('https://monstrousdev.github.io/themes/addons/user-tags.css');
@import url('https://gibbu.github.io/BetterDiscord-Themes/addons/windows-titlebar.css');
@import url('https://gibbu.github.io/BetterDiscord-Themes/RadialStatus/base.css');
@import url('https://gibbu.github.io/BetterDiscord-Themes/HorizontalServerlist/base.css');
@import url(https://zzzmario.github.io/modern-indicators/src/source.css);
:root {
/*Theme*/
font-stretch: ultra-condensed;
font-style: oblique;
color:blue;
font-weight: bold;
font-family: sans-serif;
font-size: 80%;
background: linear-gradient(to bottom, #ffff00 0%, #ff99cc 100%);
--background-image: url('https://i.playground.ru/p/g7mkPNOX6bTFrKVFg3vHfA.jpeg');
--background-image-blur: 0px;
--popout-modal-image: url('https://i.imgur.com/VJjBzYo.png');
--popout-modal-blur: 0px;
--serverlist-brightness: 0.80;
--left-brightness: 0.75;
--middle-brightness: 0.6;
--right-brightness: 0;
--popout-modal-brightness: 1.0;
--gradient-primary: 255,214,0;
--gradient-secondary: 255,214,0;
--gradient-direction: 310deg;
--tint-colour: 0,0,0;
--tint-brightness: 1px;
--window-padding: 0px;
--window-roundness: 10px;
--scrollbar-colour: #FFFF00;
--link-colour: #FFFF00;
--show-gift-gif-buttons: none;
--font: 'Nunito';
--update-notice-1: none;
--rs-small-spacing: 1px;
--rs-large-spacing: 4px;
--rs-width: 2px;
--rs-avatar-shape: 100%;
--rs-online-color:#FFFF00;
--rs-idle-color: #FFFF00;
--rs-dnd-color: #FFFF00
--rs-offline-color: #FFFF00
--rs-streaming-color: #FFFF00;
--rs-invisible-color: #FFFF00;
--HSL-server-icon-size: 40px;
--HSL-server-spacing: 20px;
--unread-badge: rgba(255,255,255,0.6) !important;
--unread-background: rgba(255, 255, 255, 0.008) !important;
--selected-badge: rgb(253,254,2) !important;
--selected-background: rgba(253,254,2, 0.1) !important;
--hovered: rgba(253,254,2,0.16) !important;
--active: rgba(253,254,2,0.24) !important;
--version: "тема для любителей игры cyberpunk2077";
}
.theme-dark{
--background-modifier-hover:transparent;
--background-secondary:transparent;
--background-primary:transparent;
--background-tertiary:transparent;
}
Download file
Comments