Meatbag pink theme by uki

/* ==UserStyle==
@name         Meatbag pink theme
@version      20221126.01.32
@namespace    userstyles.world/user/uki
@description  pink
@author       uki
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://meatbag.app/") {
/* ==UserStyle==
@name         Meatbag pink
@namespace    https://www.youtube.com/watch?v=JJlJqs25gqw
@description  Pink
@version      0.1
*/


html.h-full {
    background-color: #000;
}

::-webkit-scrollbar-track {
    background: #000;
}

.dark .dark\:text-gray-100 {
    color: #fda1ff;
}

.dark .dark\:text-gray-600 {
    color: #BE79BF;
}

.dark .dark\:text-accent-blue {
    color: #BE79BF;
}

.pane__header {
    background-color: #C529CF;
}

.dark .dark\:text-gray-200 {
    color: #fda1ff;
}

.dark .reply-mentions__account,
.dark .reply-mentions__account {
    color: #BE79BF;
}

.dark .dark\:bg-primary-900 {
    background-color: #140015;
}

.sm\:pt-4 {
    background-color: #000;
}

.dark .dark\:text-primary-400 {
    color: #fda1ff;
}

.bg-secondary-500 {
    background-color: #C529CF;
}

.bg-secondary-500:hover {
    background-color: #F332FF;
}

/* follow button */
.bg-primary-500 {
    background-color: #c529cf;
}

.dark .dark\:hover\:bg-primary-600:hover {
    background-color: #f332ff;
}

.text-accent-500 {
    color: #fda1ff;
}

.dark .react-toggle--checked .react-toggle-track {
    background-color: #000;
}

.pane .audio-toggle .react-toggle-thumb {
    border-width: 0px;
}

.pane .audio-toggle .react-toggle-track {
    background-color: #000;
}

.dark .dark\:hover\:text-gray-100:hover {
    background-color: #540059;
}

.dark .dark\:focus\:ring-primary-500:focus {
    border-color: #fda1ff;
}

.dark .dark\:focus\:ring-primary-500:focus {
    --tw-ring-color: #fda1ff;
}

/* post/threads */
.dark .thread {
    background-color: #140015;
}

/* post separator */
.dark .dark\:border-primary-800 {
    border-color: #540059;
}

/* below post bg */
.bg-gradient-sm {
    background-color: #000;
}

/* unfollow button */
.dark .dark\:bg-primary-800 {
    background-color: #540059;
}

.dark .dark\:hover\:bg-primary-700:hover {
    background-color: #7C0084;
}

/* account page seperator */
.dark .dark\:bg-primary-700 {
    background-color: #540059;
}

/* no media div */
.dark .empty-column-indicator,
.dark .error-column {
    --tw-bg-opacity: 0;
}

/* dm message (self) */
.dark .chat-message--me .chat-message__bubble {
    background-color: #000;
}

/* dm message (other) */
.dark .chat-message__bubble {
    background-color: #140015;
}

/* chat typing box */
.chat-messages,
.chat-box__actions {
    background-color: #000;
}

.dark .simple_form .rfipbtn,
.dark .simple_form input[type=email],
.dark .simple_form input[type=number],
.dark .simple_form input[type=password],
.dark .simple_form input[type=text],
.dark .simple_form input[type=url],
.dark .simple_form textarea {
    --tw-bg-opacity: 0;
}

/* mentions */
.dark .mention {
    color: #f323ff
}

.bg-gradient-to-r {
    background-image: none;
}

.dark .dark\:text-primary-700 {
    color: #000;
}

.dark .group:hover .dark\:group-hover\:text-primary-400 {
    color: #fda1ff;
}

.dark .status-content a {
    color: #f323ff;
}

.dark .dark\:bg-gray-800 {
    background-color: #000;
}

body, .site-preview {
    background-color: #000;
}

.dark .lg\:dark\:bg-gradient-dark {
    background-color: #000;
}

.bg-gradient-sm {
    background: none;
}
}