chat.line.biz by LinPolly

/* ==UserStyle==
@name           ? - 2024年3月
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("https://chat.line.biz") {
    ::-webkit-scrollbar {
        width: 0.45rem;
        height: 0.45rem;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #c3c3c3;
        border-radius: 3px;
    }

    ::-webkit-scrollbar-track {
        background: transparent;
    }

    body {
        background-color: #2b2b2b;
        color: #c3c3c3;
    }

    #header {
        background-color: #2b2b2b;
        color: #c3c3c3;
    }

    #menu {
        background-color: #2b2b2b;
        color: #c3c3c3;
    }

    #menu .nav-btn,
    #menu .nav-link {
        color: #c3c3c3;
    }

    #menu .nav-btn-expand {
        color: #c3c3c3;
    }
    #menu div.nav-btn:hover {
        color: #fff;
    }

    .dropdown-menu,
    span.twitter-typeahead .tt-menu {
        background-color: #2b2b2b !important;
        color: #c3c3c3 !important;
    }

    .dropdown-item,
    span.twitter-typeahead .tt-suggestion,
    span.twitter-typeahead .tt-suggestion.tt-cursor {
        color: #c3c3c3 !important;
    }

    .dropdown-item.active,
    span.twitter-typeahead .active.tt-suggestion,
    span.twitter-typeahead .tt-suggestion.tt-cursor,
    .dropdown-item:active,
    span.twitter-typeahead .tt-suggestion:active {
        background-color: #2b2b2b !important;
        color: #c3c3c3 !important;
    }

    .dropdown-item:hover,
    span.twitter-typeahead .tt-suggestion:hover,
    .dropdown-item:focus,
    span.twitter-typeahead .tt-suggestion:focus {
        background-color: #000 !important;
    }

    .chat-secondary .chat-item.baloon {
        background-color: #000 !important;
    }

    .chat .chat-content .chat-body .chat-main .chat-item .chat-item-text {
        color: #c3c3c3;
    }

    .modal-content {
        background-color: #2b2b2b;
    }

    .card {
        background-color: #2b2b2b;
        border: 1px solid #c3c3c3;
    }

    .bg-light,
    .bg-white {
        background-color: #2b2b2b !important;
        color: #c3c3c3 !important;
    }

    .form-control {
        background-color: #2b2b2b !important;
        color: #c3c3c3 !important;
    }

    .sub-header {
        background-color: #2b2b2b !important;
    }

    .list-group-item {
        background-color: #2b2b2b !important;
    }

    .list-group-item-action {
        color: #c3c3c3;
    }

    .list-group-item-chat > a {
        color: #fff;
    }

    .text-dark {
        color: #c3c3c3 !important;
    }

    .text-body {
        color: #c3c3c3 !important;
    }

    .badge-outline-info {
        color: #c3c3c3c3;
        border: 1px solid #c3c3c3c3;
    }

    .text-black-50 {
        color: rgba(1, 1, 1, 0.5) !important;
    }

    a.text-dark:hover,
    a.text-dark:focus {
        color: #fff !important;
    }
}