Kick catppuccin mocha by SilvVF

/* ==UserStyle==
@name           kick.com - 6/21/2023, 5:53:50 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("kick.com") {
    /* Insert code here... */
    
   :is(.dark .dark\:bg-secondary) {
         --tw-bg-opacity: 1;
        background-color: rgb(#24273a / var(--tw-bg-opacity));
    }
    :is(.dark body) {
    /* Text Color For Main Paige Stream titles and category name */
    --tw-text-opacity: 1;
    color: #f5e0dc;
    }
    
    
    /* chat button */
    .variant-action[data-v-80dcaa82]:disabled {
    --tw-bg-opacity: 1;
    background-color: #F38BA8;
    fill: #181825;
}
    
    /* chat background */
    .bg-secondary-dark {
    --tw-bg-opacity: 1;
    background-color: #181825;
}
      
    /* chat button */
    .variant-action[data-v-80dcaa82] {
    --tw-bg-opacity: 1;
    background-color:#F38BA8;
    fill: #181825;
    --tw-text-opacity: 1;
    color: #181825;
}
    /*main screen background color*/
    .bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: #1e1e2e;
    }

    /*Sidebar background*/
    [data-v-6d8e402a]:is(.dark .sidebar) {
    --tw-bg-opacity: 1;
    background-color: #181825;
    }
    
    /*top app bar*/
    .bg-secondary-lighter {
    --tw-bg-opacity: 1;
    background-color: #181825;
    }
    
    /*Top app bar browse followijng and icon text*/
    .text-white {
         --tw-text-opacity: 1;
        color: #f5e0dc;
    }
   
.hover\:bg-\[\#3F4448\]:hover {
    --tw-bg-opacity: 1;
    background-color: #F38BA8
}

.hover\:bg-blue-800:hover {
    --tw-bg-opacity: 1;
    background-color: #F38BA8
}

.hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: #F38BA8
}

.hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: #F38BA8
}

.hover\:bg-primary-700:hover {
    --tw-bg-opacity: 1;
    background-color: #F38BA8
}

.hover\:bg-primary-dark:hover {
    --tw-bg-opacity: 1;
    background-color: #F38BA8
}

.hover\:bg-primary-light\/10:hover {
    background-color: #F38BA8
}

.hover\:bg-secondary:hover {
    --tw-bg-opacity: 1;
    background-color: #F38BA8
}

.hover\:bg-secondary-dark:hover {
    --tw-bg-opacity: 1;
    background-color: #F38BA8
}

.hover\:bg-secondary-dark\/60:hover {
    background-color: #0f121499
}

.hover\:bg-secondary-light:hover {
    --tw-bg-opacity: 1;
    background-color: #F38BA8
}

.hover\:bg-secondary-lighter:hover {
    --tw-bg-opacity: 1;
    background-color: #F38BA8
}

.hover\:bg-secondary-lightest:hover {
    --tw-bg-opacity: 1;
    background-color: #F38BA8
}

.hover\:bg-secondary-lightest\/40:hover {
    background-color: #F38BA8
}

.hover\:bg-secondary-lightest\/80:hover {
    background-color: #F38BA8
}
    .hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:rounded-sm:hover {
    border-radius: .125rem
}

.hover\:border-primary:hover {
    --tw-border-opacity: 1;
    border-color: #F38BA8
}

.hover\:border-white\/100:hover {
    border-color: #F38BA8
}

.hover\:\!bg-gray-400:hover {
    --tw-bg-opacity: 1 !important;
    background-color:#F38BA8
}

.hover\:\!bg-secondary-lighter:hover {
    --tw-bg-opacity: 1 !important;
    background-color: #F38BA8
}

.hover\:\!bg-transparent:hover {
    background-color: transparent!important
}

.hover\:bg-\[\#232628\]:hover {
    --tw-bg-opacity: 1;
    background-color: #F38BA8
}

.hover\:bg-\[\#313538\]:hover {
    --tw-bg-opacity: 1;
    background-color: #F38BA8
}
    
    .hover\:fill-gray-300:hover {
    fill: #F38BA8
}

.hover\:\!text-primary:hover {
    --tw-text-opacity: 1 !important;
    color:#F38BA8!important
}

.hover\:text-\[\#929EA6\]:hover {
    --tw-text-opacity: 1;
    color:#F38BA8
}

.hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: #F38BA8
}

.hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: #F38BA8
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: #F38BA8
}

.hover\:text-secondary:hover {
    --tw-text-opacity: 1;
    color: #F38BA8
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: #F38BA8
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:opacity-100:hover {
    opacity: 1
}

.focus\:z-20:focus {
    z-index: 20
}

.focus\:border:focus {
    border-width: 1px
}

.focus\:border-primary:focus {
    --tw-border-opacity: 1;
    border-color: #F38BA8
}

.focus\:border-secondary-lighter:focus {
    --tw-border-opacity: 1;
    border-color: #F38BA8
}

.focus\:border-secondary-lightest:focus {
    --tw-border-opacity: 1;
    border-color: #F38BA8
}

.focus\:bg-secondary:focus {
    --tw-bg-opacity: 1;
    background-color: #F38BA8
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}
    
    /*chat box */
    .chatroom-footer[data-v-3c73b15a] {
    position: relative;
    z-index: 51;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    --tw-bg-opacity: 1;
    background-color: #181825;
    padding: 0.75rem 0.875rem;
}

    /*side bar viewer count / live indicator */
    .item-status-indicator[data-v-a52c48c6] {
        height: 0.625rem;
        width: 0.625rem;
        border-radius: 9999px;
        --tw-bg-opacity: 1;
        background-color: #F38BA8;
    }
    
    /* LIVE indicator*/
    .live-tag-component[data-v-f30dd0a0] {
        z-index: 10;
        width: -moz-fit-content;
        width: fit-content;
        border-radius: 0.375rem;
        --tw-bg-opacity: 1;
        background-color: #F38BA8;
        padding: 0.25rem 0.375rem;
        font-weight: 600;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: #181825;
        font-size: 13px;
        line-height: 13px;
    }
    
    /*sidebar streamer card*/
    .sidebar-item[data-v-a52c48c6] {
        display: flex;
        height: 2.75rem;
        width: 100%;
        flex-shrink: 0;
        flex-grow: 0;
        flex-basis: 2.75rem;
        cursor: pointer;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        gap: 0.25rem;
        overflow: hidden;
        border-radius: 4px;
        padding: 0.375rem;
        --tw-bg-opacity: 1;
        background-color: #181825;
    }
    
    
    .bg-white {
     --tw-bg-opacity: 1;
     background-color: #f214e6;
    }
    .body.dark\:bg-secondary.bg-white.overflow-hidden {
        background-color: #24273a;
    }
    .bg-white {
        --tw-bg-opacity: 1;
        background-color: #24273a;
    }
    .tw-root--theme-dark, body[theme=dark], body[seventv-kick=true] {
    --seventv-text-color-normal: #24273a;
    --seventv-text-color-secondary: #24273a;
    --seventv-input-background: #24273a;
    --seventv-input-border: #24273a;
    --seventv-input-background-highlight: #24273a;
    --seventv-embed-background: #24273a#18181b;
    --seventv-embed-background-highlight: #24273a;
    --seventv-embed-border: #24273a;
    --seventv-highlight-neutral-1: #24273a;
    --seventv-background-transparent-1: #24273a;
    --seventv-background-lesser-transparent-1: #24273a;
    --seventv-background-transparent-2: #24273a;
    --seventv-background-transparent-3: #24273a;
    --seventv-border-transparent-1: #24273a;
    --seventv-background-shade-1: #24273a;
    --seventv-background-shade-2: #24273a;
    --seventv-background-shade-3: #24273a;
    --seventv-primary: #29b6f6;
    --seventv-accent: #66bb6a;
    --seventv-warning: #df4545;
    --seventv-muted: #999;
}
}