Discord hara theme by hara28122004

/* ==UserStyle==
@name         Discord hara theme
@version      20220301.09.21
@namespace    userstyles.world/user/hara28122004
@description  Discord theme
@author       hara28122004
@license      No License
==/UserStyle== */

@-moz-document domain("discord.com") {
body{
    font-family: Itim;
}
:root {
    /**/
    background-image: url(https://cdn.discordapp.com/attachments/859801914405421090/877374789126348800/get_thumbnail.png); /*Ảnh nền*/
    background-size: contain;
}
.theme-dark {
    --background-primary: rgba(0,0,0,0.1);
    --background-tertiary: rgba(0,0,0,0.2);
    --background-secondary: rgba(0,0,0,0.3);
    --background-secondary-alt: rgba(0,0,0,0.5);
    --channeltextarea-background: rgba(0,0,0,0.3)
}
.members-1998pB, .members-1998pB>div {
    background-color: transparent; /*Danh sach member*/
}
/*Danh sách bạn bè ở home*/
.theme-dark .container-1D34oG {
    background-color: rgba(0,0,0,0.2);
}
/*Chỗ nitro*/
.applicationStore-1pNvnv {
    background-color: rgba(0,0,0,0.2);
}

/*-------------------Home icon---------------------*/
/*Home icon khi được chọn sẽ giữ yên*/
.wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9, .wrapper-1BJsBx:hover .childWrapper-anI2G9 {
    background-color: transparent;
}
/*Home icon mới*/
.homeIcon-AaowEC {
    width: 30px;
    height: 40px;
    color: transparent;
    background: url(https://cdn.discordapp.com/attachments/752775319139647560/895906921138249728/1.png); /*Link ảnh homeicon*/
    background-size: 200%;
    background-color: transparent;
    background-position-x: -13px;
    background-position-y: -10px;
    background-repeat: no-repeat;
}
/*----------------------------------------*/
/*Nút friend và nitro ở home*/
.linkButtonIcon-Mlm5d6 {
    display:none;
}
.avatar-3uk_u9 {
    background-image: url(https://cdn.discordapp.com/emojis/881401174459314206.png); /*Link ảnh nút friend*/
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    background-color: transparent;
}
.homeWrapperNormal-2KSUEa {
    background-color: transparent;
}
/*------------------------------------------*/
/*Icon friend ở thanh bar trong home*/
.icon-22AiRD {
    /*Ẩn icon cũ*/
    display: block;
    color: transparent;
    /*Icon mới*/
    background-image: url(https://cdn.discordapp.com/emojis/881401174459314206.png);
    background-size: cover;
}
/*che bg của 2 nút inbox và help*/
.clickable-3rdHwn .icon-22AiRD {
    background-image: url(https://media.discordapp.net/attachments/752775319139647560/895912866505433088/PikPng.com_steam-png_2680334.png);
    background-size: 0;
}
/*-----------------------------------------*/
/*Hiệu ứng động*/
/* Danh sách channels và dms*/ 
div.sidebar-2K8pFh {
    opacity: 0;
    width: 10px;
    -webkit-transition: opacity 0.1s ease-in-out, width 0.2s;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
}
div.sidebar-2K8pFh:hover {
    opacity: 1;
    width: 250px;
}
/*Danh sách thành viên*/
[class|=membersWrap] {
    opacity: 0;
    width: 1px;
    min-width: 1px;
    -webkit-transition: opacity 0.1s ease-in-out, width 0.2s;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
}
[class|=membersWrap]:hover {
    opacity: 1;
    width: 240px;
}
/*Danh sách bạn bè ở home*/
.members-1998pB {
    opacity: 0;
    width: 10px;
    -webkit-transition: opacity 0.1s ease-in-out, width 0.2s;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
}
.members-1998pB:hover {
    opacity: 1;
    width: 240px;
}
/*Thanh title bar chỗ tìm kiếm trong sv*/
 .title-29uC1r, .toolbar-1t6TWx 
  {
    opacity: 0;
    width: 20px;
    -webkit-transition: opacity 0.1s ease-in-out, width 0.2s;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
  }
 .title-29uC1r, .toolbar-1t6TWx:hover
{
    opacity: 1;
    width: 390px;
}

/*----------------------------------*/
/*Thanh status*/
.container-3baos1{
    display: flex;
    flex-direction: column;
}
.directionRow-3v3tfG {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: column;
}
}