0 p.

Theme «cyberpunk-2077» for Discord

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

  1. Download 25374-cyberpunk-2077.theme.css.
  2. If this is your first time installing a theme: install BetterDiscord
  3. Launch Discord and go to the client settings.
  4. In the "Themes" section, click "Open Theme Folder". This will open an explorer window, where you will need to move the obtained file.
  5. 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

Cancel