Skip to content

hummus theme by babyyoshi633

Screenshot of hummus theme
Write a review Install Get Stylus

Details

Authorbabyyoshi633

LicenseNo License

Categoryhummus.sys42.net

Created

Updated

Code size25 kB

Code checksumb77187d1

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

mostly just used a 2016 discord theme and edited it a bit for use on hummus.sys42.net :3

Notes

requires:

Stylus, duh

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         hummus theme
@namespace    USO Archive
@author       Amber
@description  (original style description) A theme heavily inspired by a site called https://twist.moe    more can be found on https://nekuneku.github.io/Discord-Theme/
@version      20160725.16.20
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document url-prefix("https://hummus.sys42.net/channels/") {
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/v0SdcGFAl2aezM9Vq_aFTQ.ttf) format('truetype');
}
body {
    font-family: "Lato";
}
@keyframes pulse {
    50% {
        color: white;
    }
}
@keyframes pulse-opacity {
    50% {
        opacity: 1;
    }
}
a:hover,
a:active,
a:focus {
    outline: none;
    animation: pulse .38s infinite;
    color: inherit;
}
.scroller-wrap .scroller::-webkit-scrollbar-thumb,
.CodeMirror >::-webkit-scrollbar-thumb {
    border: 0px solid rgba(255, 255, 255, .8) !important;
    background-color: rgba(255, 255, 255, .8) !important;
    border-radius: 0px;
    width: 8px !important;
    height: 8px !important;
}
.scroller-wrap .scroller::-webkit-scrollbar-track-piece,
.CodeMirror >::-webkit-scrollbar-track-piece {
    border: 0px solid #111 !important;
    background-color: transparent !important;
    border-radius: 0px;
    width: 8px !important;
    height: 8px !important;
}
.scroller-wrap .scroller::-webkit-scrollbar,
.CodeMirror >::-webkit-scrollbar-track-piece {
    width: 8px !important;
    height: 8px !important;
}
/*//////////*/
/* Channels */
/*//////////*/
/* Channels */

.guild-channels header {
    color: #e532d3;
    opacity: 1;
}
.guild.unread .guild-inner {
    box-shadow: 0 0 8px #dc51c1 !important; /* Optional: Add a glowing outline for unread */
    border: 2px solid #dc51c1 !important;  /* Optional: Add a border to indicate unread */
  }

.guild.unread {
    position: relative;
    z-index: 1; /* Keeps the unread effect visible */
  }
.guild-channels .channel-text:hover a {
    animation: pulse .38s infinite;
    color: inherit;
}
.guild-channels .channel-text {
    color: rgba(255, 255, 255, .5);
}
.guild-channels .channel a {
    color: rgba(255, 255, 255, .5);
}
.guild-channels .channel-text.selected a {
    color: rgba(255, 255, 255, .8);
}
.guild-channels .channel-text.unread:not(.selected):not(.channel-muted) a {
    color: rgba(255, 255, 255, .8);
}
.guild-channels .channel-text:hover {
    background: transparent;
}
.guild-channels .channel-text.selected:before {
    border-left: 2px solid #e532d3;
}
.guild-channels .channel-text.selected {
    background: transparent;
}
.guild-channels .channel-text:hover.channel-muted:before,
.guild-channels .channel-text:hover:not(.unread):before {
    border-left: 2px solid #e532d3;
}
.guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
    display: none;
}
.guild-channels .channel-text.unread:not(.selected):not(.channel-muted) a:after {
    color: #e532d3;
    content: "•";
}
.guild-channels {
    background-color: #111;
}
.guild-channels .channel-text .channel-name:before {
    display: none
}
.guild-channels .channel a {
    opacity: 1;
}
.badge {
    color: rgba(255, 255, 255, .5);
    animation: pulse .38s infinite;
    background: #111;
    border-radius: 20px;
    transform: translate(14px);
    box-shadow: 0 0px 0 rgba(0, 0, 0, .25), inset 0 0px 0 hsla(0, 0%, 100%, .15);
}
.guild-channels .icon-instant-invite {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_share_white_24px.svg);
}
.guild-channels .icon-settings {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_white_24px.svg);
}
.guild-channels .channel:hover .icon {
    opacity: .5;
}
.guild-channels .channel .icon:hover {
    opacity: .5 !important;
    animation: pulse-opacity .38s infinite;
}
.guild-channels .channel.selected .icon {
    opacity: .8 !important;
}
.guild-channels header button:after {
    opacity: .8 !important;
}
.guild-channels header button:hover:after {
    opacity: .8 !important;
    animation: pulse-opacity .38s infinite;
}
/* invite */

.tooltip {
    background-color: #1c1c1c;
    box-shadow: 0 0 16px rgba(0, 0, 0, .8);
    color: rgba(255, 255, 255, .8);
    font-weight: 500;
}
.tooltip:after {
    display: none
}
/* invite window */

.instant-invite-popout {
    box-shadow: 0 0 16px rgba(0, 0, 0, .8);
}
.popout header {
    background-color: #111;
    padding: 13px;
    color: rgba(255, 255, 255, .8);
    margin-bottom: -12px;
    font-weight: 500;
}
.popout header:before {
    display: none;
}
.popout section {
    background-color: #111;
}
.popout p {
    display: none;
}
.instant-invite-popout section {
    padding-top: 0px;
    text-align: center;
}
.instant-invite-popout .actions .countdown {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    text-align: left;
}
.instant-invite-popout a {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
}
.instant-invite-popout a:hover {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
}
.instant-invite-popout hr {
    border: 1px solid rgba(255, 255, 255, .05);
    margin: 10px 0px;
}
.clipboard-input-inner input {
    background: #1c1c1c;
    color: rgba(255, 255, 255, .5);
    font-weight: 500;
}
.clipboard-input-inner {
    border: 1px solid #1c1c1c;
    background: #111;
}
.clipboard-input-inner button {
    border-left: 1px solid #1c1c1c;
    background-color: #1c1c1c;
}
.instant-invite .clipboard-input-inner button {
    background-image: none;
}
.clipboard-input-inner button.tweet:before {
    background-image: none;
}
.clipboard-input-inner button:after {
    content: "";
    display: block;
    opacity: .8;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    margin: auto;
}
.clipboard-input-inner button.tweet:after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 24 24'>    <path fill='#ffffff' d='M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z' /></svg>");
}
.clipboard-input-inner button.copy:after {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_content_copy_white_24px.svg);
}
.clipboard-input-inner button:hover:after {
    animation: pulse-opacity .38s infinite;
}
.instant-invite .clipboard-input-copied button.copy:after {
    visibility: hidden;
}
/* Voice Channels */

.guild-channels .channel-voice.audio a {
    color: rgba(255, 255, 255, .8);
}
.guild-channels .channel-voice.audio:hover a {
    color: rgba(255, 255, 255, .8) !important;
}
.guild-channels .channel-voice.audio .channel-arrow,
.guild-channels .channel-voice.audio .icon-lock {
    opacity: 0;
}
.guild-channels .channel-voice .channel-arrow {
    transition: opacity .3s, margin .3s;
    opacity: 0;
    margin-right: -16px;
}
.guild-channels .channel-voice:hover .channel-arrow {
    opacity: 1;
    margin-right: 8px;
}
.guild-channels .channel-user-limit {
    background: #111;
}
.guild-channels .channel-voice:not(.full):hover a,
.guild-channels .channel-voice:not(.locked):hover a {
    color: rgba(255, 255, 255, .5);
}
.guild-channels .channel-voice:hover a {
    animation: pulse .38s infinite;
}
.guild-channels .channel-voice .channel-arrow:hover {
    background-color: #111;
}
.guild-channels .channel-voice-states li.speaking {
    color: rgba(255, 255, 255, .8) !important;
}
.guild-channels .channel-voice-states li.speaking:hover {
    animation: pulse .38s infinite;
}
.guild-channels .channel-voice.audio li {
    color: rgba(255, 255, 255, .5);
}
.guild-channels .channel-voice.audio li:hover {
    animation: pulse .38s infinite;
}
.guild-channels .channel-voice-states li {
    color: rgba(255, 255, 255, .5);
}
.guild-channels .channel-voice-states li:hover {
    color: rgba(255, 255, 255, .5);
    animation: pulse .38s infinite;
}
.guild-channels .channel {
    text-transform: lowercase;
}
/* Voice Channel Avatars */

.guild-channels .channel-voice-states li.speaking .avatar-small {
    border: 2px solid #e532d3;
}
.guild-channels .channel-voice:hover .channel-voice-states li .avatar-small {
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
}
.guild-channels .channel-voice .channel-voice-states li .avatar-small {
    transition: width .3s ease 1s, height .3s ease 1s, background-size .3s ease 1s;
    transition-delay: 1s;
}
.guild-channels .channel-voice-states li.speaking .avatar-small:hover,
.guild-channels .channel-voice-states li.speaking .draggable:hover .avatar-small {
    border-color: #e532d3;
}
/*////////////////*/
/* Profile window */
/*////////////////*/
/* namebox */

.user-popout {
    box-shadow: 0 0 16px rgba(0, 0, 0, .8);
}
.user-popout .header {
    background: #111;
}
.user-popout .avatar-wrapper .avatar-popout {
    border: 4px solid #1c1c1c;
}
.user-popout .avatar-wrapper .avatar-hint {
    color: t...

Reviews

No reviews yet.