375 lines
11 KiB
CSS
375 lines
11 KiB
CSS
/* ==UserStyle==
|
|
@name l4kr's Dark Discord
|
|
@namespace USO Archive
|
|
@author Quang Anh Tran
|
|
@description Dark and modern Discord theme. Actually maintained because I use it myself.
|
|
@version 20240701.07.59
|
|
@license NONE
|
|
@preprocessor uso
|
|
==/UserStyle== */
|
|
@-moz-document domain("discord.com") {
|
|
/*
|
|
* The Theme Was Created By Loiren.
|
|
*/
|
|
body {
|
|
background-color: #0F1114;
|
|
background-image: radial-gradient(at 47% 33%, hsl(228.00, 17%, 7.000000000000001%) 0, transparent 59%),
|
|
radial-gradient(at 82% 65%, hsl(218.00, 39%, 11%) 0, transparent 55%);
|
|
}
|
|
:root.theme-dark,
|
|
.theme-light {
|
|
--background-primary: transparent;
|
|
--background-secondary: transparent;
|
|
--background-tertiary: transparent;
|
|
}
|
|
/*user profile card*/
|
|
.userPopout-2j1gM4 {
|
|
background-color: #101c27;
|
|
background-image: radial-gradient(at 47% 33%, hsl(217.50, 32%, 10%) 0, transparent 59%),
|
|
radial-gradient(at 82% 65%, hsl(211.43, 37%, 11%) 0, transparent 55%);
|
|
}
|
|
.userPopout-2j1gM4 .bodyInnerWrapper-2bQs1k {
|
|
background-color: #101c27;
|
|
}
|
|
.footer-3naVBw {
|
|
background-color: #101c27;
|
|
}
|
|
.input-2z42oC {
|
|
background-color: #0C151E;
|
|
}
|
|
.avatar-2Vndt_ {
|
|
border: 6px solid transparent;
|
|
background-color: transparent;
|
|
}
|
|
.body-1Ukv50,
|
|
.topSection-13QKHs {
|
|
background-color: #101c27;
|
|
background-image: radial-gradient(at 47% 33%, hsl(217.50, 32%, 10%) 0, transparent 59%),
|
|
radial-gradient(at 82% 65%, hsl(211.43, 37%, 11%) 0, transparent 55%);
|
|
}
|
|
.avatar-3QF_VA {
|
|
border: 0px;
|
|
}
|
|
/*dm*/
|
|
.scrollableContainer-15eg7h {
|
|
background-color: #0e0e0e;
|
|
}
|
|
/*members list*/
|
|
.clickable-28SzVr.container-1oeRFJ {
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
}
|
|
.clickable-28SzVr.container-1oeRFJ:hover,
|
|
.clickable-28SzVr.container-1oeRFJ:hover .muted-14PyqW {
|
|
background-color: rgba(79, 84, 92, 0.16);
|
|
}
|
|
|
|
/*servers*/
|
|
.content-1gYQeQ {
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
}
|
|
.content-1gYQeQ:hover {
|
|
background-color: rgba(79, 84, 92, 0.16);
|
|
}
|
|
|
|
/*nitro page*/
|
|
.applicationStore-2nk7Lo {
|
|
background-color: #0F1114;
|
|
background-image: radial-gradient(at 47% 33%, hsl(228.00, 17%, 7.000000000000001%) 0, transparent 59%),
|
|
radial-gradient(at 82% 65%, hsl(218.00, 39%, 11%) 0, transparent 55%);
|
|
}
|
|
|
|
.theme-dark .feature-2IUcBI {
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
background-color: rgba(12, 13, 15, 0.3);
|
|
}
|
|
.theme-dark .feature-2IUcBI:hover {
|
|
background-color: rgba(79, 84, 92, 0.16);
|
|
}
|
|
/*friend page*/
|
|
.theme-dark .container-2cd8Mz {
|
|
background-color: #0F1114;
|
|
background-image: radial-gradient(at 47% 33%, hsl(228.00, 17%, 7.000000000000001%) 0, transparent 59%),
|
|
radial-gradient(at 82% 65%, hsl(218.00, 39%, 11%) 0, transparent 55%);
|
|
}
|
|
.section-3G9aLW {
|
|
background-color: #0F1114;
|
|
}
|
|
.itemCard-3Etziu {
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
}
|
|
.theme-dark .outer-2JOHae.active-1W_Gl9,
|
|
.theme-dark .outer-2JOHae.interactive-2zD88a:hover {
|
|
background-color: rgba(79, 84, 92, 0.16);
|
|
}
|
|
.peopleListItem-u6dGxF {
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
}
|
|
.peopleListItem-u6dGxF:hover {
|
|
background-color: rgba(79, 84, 92, 0.16);
|
|
}
|
|
.brand-3g5E0C.item-3XjbnG,
|
|
.themed-2-lozF.item-3XjbnG {
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
}
|
|
.brand-3g5E0C:hover .item-3XjbnG:hover,
|
|
.themed-2-lozF:hover .item-3XjbnG:hover {
|
|
background-color: #fff;
|
|
}
|
|
/*settings*/
|
|
.themed-2-lozF {
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
}
|
|
.themed-2-lozF:hover {
|
|
background-color: rgba(79, 84, 92, 0.16);
|
|
}
|
|
.profileBannerPreview-3mLIdO {
|
|
background-color: #0f1114;
|
|
}
|
|
.avatarUploaderInner-p38nm2 {
|
|
border: 0px;
|
|
}
|
|
.notice-1Qe0b_ {
|
|
background-color: #161015;
|
|
}
|
|
.itemFilled-1cPbtg {
|
|
background-color: #0f1114;
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
}
|
|
.accountList-305sx3 {
|
|
background-color: #0f1114;
|
|
}
|
|
.connectionHeader-2rV1ze {
|
|
background: #111927;
|
|
}
|
|
.cardPrimaryOutline-1ofwVz {
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
}
|
|
.cardPrimaryOutline-1ofwVz:hover {
|
|
background-color: rgba(79, 84, 92, 0.16);
|
|
}
|
|
.cardPrimary-3qRT__ {
|
|
background-color: #0f1114;
|
|
}
|
|
.theme-dark .paginator-1eqD2g,
|
|
.theme-dark .bottomDivider-ZmTm-j {
|
|
background-color: #0f1114;
|
|
}
|
|
.theme-dark .expandedInfo-1W31i3 {
|
|
background-color: #16191E;
|
|
}
|
|
/*inbox*/
|
|
/*//unreads//*/
|
|
.container-2ebMPP {
|
|
background-color: #0f1114;
|
|
background-image: radial-gradient(at 47% 33%, hsl(165.00, 0%, 0%) 0, transparent 59%),
|
|
radial-gradient(at 82% 65%, hsl(261.67, 60%, 12%) 0, transparent 55%);
|
|
}
|
|
.full-motion .button-1_oXub {
|
|
transition: color .2s ease;
|
|
}
|
|
|
|
/*//mentions//*/
|
|
.messagesPopoutWrap-3zryHW {
|
|
background-color: #0f1114;
|
|
background-image: radial-gradient(at 47% 33%, hsl(165.00, 0%, 0%) 0, transparent 59%),
|
|
radial-gradient(at 82% 65%, hsl(16.36, 60%, 7.000000000000001%) 0, transparent 55%);
|
|
}
|
|
.channelHeader-DFRX8q {
|
|
background-color: #0f1114;
|
|
}
|
|
/*discover*/
|
|
.theme-dark .pageWrapper-2PwDoS {
|
|
background-color: #0F1114;
|
|
background-image: radial-gradient(at 47% 33%, hsl(228.00, 17%, 7.000000000000001%) 0, transparent 59%),
|
|
radial-gradient(at 82% 65%, hsl(218.00, 39%, 11%) 0, transparent 55%);
|
|
}
|
|
/*create server*/
|
|
.theme-dark .root-g14mjS {
|
|
background-color: #0F1114;
|
|
}
|
|
.base-21yXnu {
|
|
color: #fff;
|
|
/*#747f8d;*/
|
|
}
|
|
.colorHeaderSecondary-g5teka {
|
|
color: var(--text-muted);
|
|
}
|
|
.theme-dark .footer-31IekZ {
|
|
background-color: #0f1114;
|
|
}
|
|
.container-x8Y1ix {
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
}
|
|
.container-x8Y1ix:hover {
|
|
background-color: rgba(79, 84, 92, 0.16);
|
|
}
|
|
.colorStandard-21JIj7 {
|
|
color: #B4BDC8;
|
|
}
|
|
.sampleLink-5BWNy9 {
|
|
color: #fff;
|
|
}
|
|
.rowContainer-3t7486 {
|
|
background-color: #191C21;
|
|
}
|
|
|
|
/*emojis etc.*/
|
|
.inspector-DFKXwB {
|
|
background-color: #0F1114;
|
|
}
|
|
.colorStandard-21JIj7 {
|
|
color: #fff;
|
|
}
|
|
/*find*/
|
|
.input-3r5zZY {
|
|
background-color: #191C21;
|
|
}
|
|
/*extra*/
|
|
.theme-dark .colorPickerCustom-1swUKF {
|
|
background-color: #191C21;
|
|
}
|
|
.item-1OdjEX {
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
}
|
|
#status-picker-idle:hover {
|
|
background: #f7a821;
|
|
}
|
|
#status-picker-online:hover {
|
|
background: #3ba55d;
|
|
}
|
|
#status-picker-dnd:hover {
|
|
background: #a63d3f;
|
|
}
|
|
#status-picker-invisible:hover {
|
|
background: #474f55;
|
|
}
|
|
.option-2eIyOn[aria-selected=true] {
|
|
background: #111927;
|
|
}
|
|
.option-2eIyOn {
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
}
|
|
.cardWrapper-CyvwQv {
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
}
|
|
.cardWrapper-CyvwQv:hover {
|
|
background-color: rgba(79, 84, 92, 0.16);
|
|
}
|
|
.menu-1QACrS {
|
|
background-color: #0F1114;
|
|
}
|
|
.labelContainer-2vJzYL {
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
}
|
|
.optionBox-1UOevl {
|
|
background-color: #191C20;
|
|
}
|
|
.theme-dark .friend-8ZraY7 {
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
}
|
|
.theme-dark .friend-8ZraY7:hover {
|
|
background-color: rgba(79, 84, 92, 0.16);
|
|
}
|
|
.panels-3wFtMD {
|
|
transition-property: background;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: linear;
|
|
background-color: #0C0D0F;
|
|
}
|
|
.theme-dark .autocomplete-3NRXG8 {
|
|
background-color: #191C20;
|
|
}
|
|
div.side-2ur1Qk > div.info-1sUqUG::after {
|
|
content: "The theme was created by Loiren." !important;
|
|
color: var(--text-muted) !important;
|
|
font-size: 12px !important;
|
|
}
|
|
/* l4kr's fork */
|
|
:root {
|
|
--brand-500: #2d3b59;
|
|
--primary-530: #202a3f;
|
|
--primary-560: #181e24;
|
|
--primary-645: transparent;
|
|
--primary-660: transparent;
|
|
--primary-600: transparent;
|
|
--elevation-stroke: 0 0 0 5px rgba(4, 4, 5, 0.15)
|
|
}
|
|
.focusLock_f9a4c9 {
|
|
background-color: #41414194
|
|
}
|
|
.wrapper_ef319f {
|
|
background-color: #1e2137
|
|
}
|
|
/* Fuck Nitro */
|
|
#app-mount > div.appAsidePanelWrapper_bd26cc > div.notAppAsidePanel_bd26cc > div.app_bd26cc > div > div.layers_d4b6c5.layers_a01fb1 > div > div > div > div > div.sidebar_a4d4d9 > nav > div.scroller_c47fa9.thin_eed6a8.scrollerBase_eed6a8.fade_eed6a8 > ul > li:nth-child(3) > div > a {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* The background of the scrollbar */
|
|
::-webkit-scrollbar-track {
|
|
background: transparent !important;
|
|
border-radius: 10px !important;
|
|
margin: 2px !important;
|
|
}
|
|
|
|
/* The scrollbar handle */
|
|
::-webkit-scrollbar-thumb {
|
|
background: #2f3746 !important;
|
|
border-radius: 10px !important;
|
|
border: 2px solid transparent !important;
|
|
/* Adds padding and creates a gap between thumb and track */
|
|
}
|
|
|
|
/* The scrollbar handle on hover */
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #888 !important;
|
|
}
|
|
|
|
/* Horizontal scrollbar specific styling */
|
|
::-webkit-scrollbar-track:horizontal {
|
|
height: 6px !important;
|
|
/* Matches the thinner height */
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:horizontal {
|
|
height: 6px !important;
|
|
border-radius: 10px !important;
|
|
}
|
|
#app-mount > div.appAsidePanelWrapper_bd26cc > div.notAppAsidePanel_bd26cc > div.app_bd26cc > div > div.layers_d4b6c5.layers_a01fb1 > div > div > div > div > div.chat_a7d72e > div.content_a7d72e > main > div.messagesWrapper_e2e187.group-spacing-16 > div::-webkit-scrollbar {
|
|
width: 10px !important;
|
|
}
|
|
.focusLock_f9a4c9 {
|
|
background-color: transparent !important;
|
|
}
|
|
} |