A custom theme I made for Hummus!
Kyle's Hummus Theme by kylekart
Imported and mirrored from https://userstyles.world/api/style/6414.user.css
Details
Authorkylekart
LicenseNo License
Categoryhummus.sys42.net
Created
Updated
Size20 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Kyle's Hummus Theme
@version 20221027.00.02
@namespace userstyles.world/user/kyle-plum
@description A custom theme I made for Hummus!
@author kyle-plum
@license No License
==/UserStyle== */
@-moz-document domain("hummus.sys42.net") {
.user-popout .header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 0 10px;
text-transform: none;
background: url(data:image/png;base64,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);
opacity: 0.9;
background-size: 270px 213px;
}
.user-popout .body {
background: #282b30eb;
}
.user-popout .footer {
background: #282b30eb;
border-top: 1px solid #36393e;
}
.member-roles .member-role {
background-color: #36393e;
border-radius: 3px;
border: 1px solid #36393e;
font-size: 12px;
line-height: 12px;
color: #737f8d;
font-weight: 600;
padding: 2px 4px;
display: inline-block;
margin-right: 4px;
}
.quick-message {
border: 1px solid #282b30eb;
background: #36393e;
border-radius: 3px;
width: 100%;
font-size: 14px;
line-height: 18px;
padding: 8px 10px;
resize: none;
box-sizing: border-box;
outline: 0;
}
.user-popout .avatar-wrapper .avatar-popout {
border: 6px solid #282b30eb;
background-color: #8b9edc;
}
.avatar-popout {
width: 90px;
height: 90px;
background-size: 90px 90px;
border-radius: 30%;
}
.avatar-large, .avatar-profile, .avatar-small, .avatar-xlarge, .avatar-xsmall, .avatar-xxlarge {
background-clip: padding-box;
position: relative;
background-color: none;
background-position: 50%;
border-radius: 30%;
}
.popout-menu {
background: #282b30eb;
box-shadow: 0 2px 10 0 rgba(0, 0, 0, .5);
border-radius: 5px;
overflow: hidden;
width: 216px;
}
#user-profile-modal .scroller {
background: #282b30;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 8px 0;
}
#user-profile-modal .tab-bar-container {
background-color: #282b30;
box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #36393e;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 213px;
padding-right: 20px;
overflow: visible;
}
#user-profile-modal .header:after {
content: " ";
background-color: transparent;
background-repeat-y: no-repeat;
position: absolute;
background: url(data:image/png;base64,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);
background-size: 270px 300px;
top: 0;
left: 0;
right: 0;
height: 150px;
}
#user-profile-modal .avatar-wrapper {
position: absolute;
top: 40px;
left: 40px;
background-color: #282b3000;
border: 6px solid #282b30;
border-radius: 30%;
}
#user-profile-modal .actions .btn.add-friend {
}
#user-profile-modal .actions .btn {
padding: 0 16px;
height: 50px;
font-size: 14px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
border: 6px solid #282b30;
}
.option-popout .btn-item {
font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
color: #87909c;
font-size: 14px;
font-weight: 600;
text-align: left;
padding: 10px 8px;
}
.message-group .btn-option {
opacity: 0;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
float: right;
width: 20px;
height: 20px;
background-size: 20px 20px;
cursor: pointer;
}
.message-group .btn-reaction {
display: none;
}
#user-profile-modal .actions .btn.disabled {
cursor: default;
background: #fff;
color: #99aab5;
border: 6px solid #282b30;
border-radius: 3px;
}
.theme-dark .channel-textarea-inner {
border-color: hsl(0deg 0% 100% / 0%);
background-color: hsla(0, 0%, 100%, .06);
border-radius: 6px;
}
.search .search-bar {
display: none;
}
.account .account-details {
display: none;
}
.account {
height: 45px;
background: #2e3136;
color: #fff0;
font-size: 14px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 45px;
border-top: 0px solid #1c1e21;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.guilds-wrapper .guilds .friends-icon {
width: 50px;
height: 50px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIzMS43NzUiIGhlaWdodD0iMjcuMDI1IiB2aWV3Qm94PSIwLDAsMzEuNzc1LDI3LjAyNSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyNC4xMjUsLTE2Ni41MjUpIj48ZyBkYXRhLXBhcGVyLWRhdGE9InsmcXVvdDtpc1BhaW50aW5nTGF5ZXImcXVvdDs6dHJ1ZX0iIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWRhc2hhcnJheT0iIiBzdHJva2UtZGFzaG9mZnNldD0iMCIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0yMzIuNjI1LDE4OS45MjVjLTQuMSwwIC02LjgsLTAuNiAtNy45LC0xLjdjLTAuNSwtMC42IC0wLjYsLTEuMSAtMC42LC0xLjNjMCwtMC43IDAuMSwtMi45IDAuNiwtMy44YzAuMSwtMC4zIDAuNSwtMSA0LjUsLTIuNGMtMS42LC0xLjQgLTIuNiwtNCAtMi42LC03LjFjMCwtNC4yIDIuMywtNyA1LjksLTcuMWgwLjFjMy42LDAuMSA1LjksMi44IDUuOSw3LjFjMCwzLjEgLTEsNS43IC0yLjYsNy4xYzQsMS40IDQuNCwyLjEgNC41LDIuNGMwLjQsMC45IDAuNSwzLjEgMC42LDMuOGMwLDAuMiAwLDAuNyAtMC42LDEuM2MtMS4xLDEuMSAtMy43LDEuNyAtNy44LDEuN3oiIGZpbGwtb3BhY2l0eT0iMC40MTk2MSIgZmlsbD0iI2ZmZmZmZiIvPjxwYXRoIGQ9Ik0yNDcuNSwxODkuOTI1Yy00LjEsMCA...