Skip to content

Instantly share code, notes, and snippets.

@brunomiguel
Last active February 16, 2022 16:26
Show Gist options
  • Save brunomiguel/f92b1a17555da61f749e6620aa690249 to your computer and use it in GitHub Desktop.
Save brunomiguel/f92b1a17555da61f749e6620aa690249 to your computer and use it in GitHub Desktop.
My personal changes to Discord's theme, to be used with Stylus browser extension
* {
-webkit-font-smoothing: subpixel-antialiased !important;
text-rendering: optimizelegibility !important;
-moz-osx-font-smoothing: grayscale !important;
/*font-smooth: grayscale !important;*/
font-smooth: always !important;
}
:root {
--text-link: hsl(212,calc(var(--saturation-factor, 1)*100%),43.9%);
}
body {
font-weight: 300 !important;
}
body,
html,
input,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: rubik,"source sans pro", "overpass", "firago", "source sans pro", rubik, sans-serif !important;
}
html, .name-uJV0GL, .name-23GUGE {
font-size: 14px !important;
}
.roleColor-rz2vM0, .desaturateUserColors-1gar-1 {
color: rgb(132, 132, 132) !important;
}
.theme-light .markup-2BOw-j {
font-weight: 400 !important;
}
.members-1998pB, .members-1998pB > div, .container-2wlB3z {
background-color: #fff !important;
}
.clickable-1JJAn8 .layout-2DM8Md {
transition: 0.75s !important;
}
.clickable-1JJAn8:hover .layout-2DM8Md {
/*background-color: #146de930 !important;*/
background-color: var(--text-link) !important;
transition: 0.75s !important;
box-shadow: 0px 0px 10px rgba(0,0,0,0.3) !important;
}
.selected-aXhQR6 .layout-2DM8Md {
background-color: #146de940 !important;
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2) !important;
transition: 0.5s !important;
}
.clickable-1JJAn8:hover .layout-2DM8Md .roleColor-rz2vM0 {
color: #fff !important;
transition: 0.5s !important;
}
.clickable-1JJAn8:hover .layout-2DM8Md .activityText-yGKsKm {
color: #ddd !important;
transition: 0.5s !important;
}
.auto-Ge5KZx, .auto-Ge5KZx.fade-2kXiP2:hover, .auto-Ge5KZx.scrolling-1Cdwk- {
scrollbar-color: rgb(132, 132, 132) #fff !important;
}
.scroller-1Bvpku {
/*background-color: rgb(8, 8, 8) !important;
opacity: 0.5 !important;*/
transition: 1s !important;
}
.scroller-1Bvpku:hover {
/*opacity: 1 !important;*/
transition: 1s !important;
}
.item-2hkk8m {
background-color: var(--text-link) !important;
}
.base-gE7OpD .text-1y-e8- {
font-size: 14px !important;
font-weight: 400 !important;
}
.embedWrapper-lXpS3L {
border-color: var(--text-link) !important;
}
.modeSelected-3DmyhH .channelName-3KPsGw {
font-weight: 600 !important;
}
.name-28HaxV {
font-weight: 400 !important;
}
.name-3Vmqxm, .activity-2EQDZv {
font-weight: 400 !important;
}
ul.content-2a4AW9 .name-28HaxV {
font-size: 100% !important;
}
.members-3WRCEx .name-3Vmqxm {
font-size: 14px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment