hornet.com DARK by kylex

/* ==UserStyle==
@name         hornet.com DARK
@version      20220522.15.46
@namespace    userstyles.world/user/kylex
@description  Applied colors from https://draculatheme.com/
@author       kylex
@license      MIT
==/UserStyle== */

@-moz-document domain("hornet.com") {
:root {
    --background: #282a36;
    --background-selection: #44475a;
    --foreground: #f8f8f2;
    --comment: #6272a4;
    --cyan: #8be9fd;
    --green: #50fa7b;
    --orange: #ffb86c;
    --pink: #ff79c6;
    --purple: #bd93f9;
    --red: #ff5555;
    --yellow: #f1fa8c;
}

body {
    color: var(--foreground);    
}

.modal__box {
    background: var(--background-selection);
}

.modal-social-profile {
    background: var(--background-selection);
}

.homepage__main {    
    background: var(--background);
}

.homepage__footer {    
    background: var(--background-selection);
}

.signup-form {
    background: var(--background-selection);
    padding: 8px;
    border-radius: 12px;
}

.form__item-bg {
    background: var(--background);
}

input {    
    color: var(--foreground);        
}

.hornet-textarea {
    color: var(--foreground);
    background: var(--background);
}

.chat-header__title {
    color: var(--cyan);
    background: var(--background-selection);
}

.user-last-online.user-last-online--in-chat {
    color: var(--cyan);
}

.main-menu__item {
    color: var(--yellow);
}

.main-menu__item-link {
    color: var(--cyan);
}

.main-menu__item-link.active {
    color: var(--orange);
}

.my-account__dropdown-menu-item {
    background: var(--background-selection);
}

.top-nav-bar__menu {
    background: var(--background-selection);
}


.top-nav-bar {
    background: var(--background-selection);
}

.app-download-cta {
    background: var(--background);
    border-color: var(--comment);
}

.my-account {
    background: var(--background);
}

.my-account__trigger {
    background: var(--background-selection);
}


.app-container {
    background: var(--background);
}

.side-box {
    background: var(--background);
    border-color: var(--background-selection);
}

.share-moment-bar {
    background: var(--background-selection);    
}

.activity-card {
    background: var(--background-selection);
    border-radius: 16px;   
    border-color: var(--comment);
}

.ember-view {
    color: var(--foreground);
}

.chat-body {
    background: var(--background-selection);
}

.chat-header {
    background: var(--background-selection);
}

.chat-layout__aside--sticky {
    background: var(--background-selection);
}

.conversations-list {
    background: var(--background-selection);
}

.conversations-list__unread {
    background: var(--background-selection);
}

.message-chunk__message--fav_forward .message-chunk__content, .message-chunk__message--permission_request .message-chunk__content, .message-chunk__message--permission_response .message-chunk__content {
    margin-bottom: 3px;
    background: var(--background);
    border-radius: 12px;
    padding: 6px 12px;
}
.list-item {
    background: var(--background-selection);
}

.list-item__title {
    color: var(--foreground);
}

.app-download-cta__image {
    filter: brightness(30%);
}

.social-icon__icon {
    filter: brightness(30%);
}

.content-card {
    color: var(--foreground);
    background: var(--background-selection);
    border-color: var(--comment);
    border-radius: 12px;
}

.profile-intro__subheading {
    color: var(--pink);
}

.profile-intro__action-button {
    background: var(--background-selection);
    color: var(--orange);
}

.profile-intro__more-button {
    color: var(--orange);
}


.profile-about__info-list-item {
    color: var(--cyan);
}

.profile-intro__heading {    
    color: var(--cyan);
}

.profile-photo {
    background: var(--background);
}

.profile-photo__photo {
    border-radius: 12px;
}

.profile-intro__stat-number {
    color: var(--pink);
}

.profile-intro__stat-label {
    color: var(--pink);
}

.activity-reactions__item.activity-reactions__item--awards img {
    filter: brightness(30%) opacity(70%);
}

.discover-guys-links__link {
    color: var(--foreground);
    background: var(--background-selection);
}

.members-filter.members-filter--search {
    background: var(--background-selection);
}

.members-grid-wrapper {
    background: var(--background-selection);
    border-color: var(--background-selection);
    border-radius: 12px;
}

.members-grid {
    background: var(--background-selection);
}

.form__checkbox-label {
    color: var(--cyan);
}

.map-location-search__location-trigger {
        background: var(--background-selection);
}

.modal__content {
    background: var(--background-selection);
}

::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: var(--background);
    border-radius: 12px;
}

::-webkit-scrollbar-thumb {
    background: var(--comment);
    -webkit-border-radius: 12px;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

.activity-members__item {
    background: var(--background-selection);        
    -webkit-border-radius: 8px;
}

.activity-member {
    background: var(--background-selection);        
}

.action-item {
    color: var(--foreground);
}

.action-item.action-item--danger {
    color: var(--orange);
    
}

.fa-flag {
    color: var(--orange);        
}

.close-icon {
    background: var(--background)
}

.text-button.text-button--faded {
    color: var(--orange);
    background: var(--background);
    border-color: var(--background);
}

.text-button.text-button {
    color: var(--orange);
    background: var(--background);
    border-color: var(--background);
}
}