Float Plane Darkmode

extra-styles.css

@media (prefers-color-scheme: dark){
    .route-wrapper {
        background-color: #161515 !important
    }
    .title-text {
        color: white !important
    }
    .channel-title{
        color: white !important
    }
    .text-container:after {
        background: linear-gradient(to top,#0e0e0e 0%,rgba(255,255,255,0) 70%) !important
    }
    .DescriptionBodyComponent .text-container.open * {
        color: white !important;
    }
    .chat-message-list {
        background: #191717 !important
    }
    .LiveChatMessage {
        border-bottom: 1px solid #2c2c2c !important;
    }
    .live-chat-sizer {
        border-left: 1px solid #2c2c2c !important;
    }
    .LiveChatPanelContainer {
        background-color: #191717 !important;
    }
    .chat-input {
        background: #242423 !important;
    }
    .chat-input-container {
        border-top: 1px solid #2c2c2c !important;
    }
    .LiveChatDrawerButton{
        border-top: 1px solid #2c2c2c !important;
        border-bottom: 1px solid #2c2c2c !important;
    }
    .LiveChatMessageListWrapper .chat-message-list::-webkit-scrollbar-thumb:hover {
        background: #161616 !important;
    }
    .LiveChatMessageListWrapper .chat-message-list::-webkit-scrollbar-thumb {
        background: #202020;
    }
    .LiveChatMessageListWrapper .chat-message-list::-webkit-scrollbar-track {
        background: #323232;
    }
    .LiveChatEmotePicker .container::-webkit-scrollbar-thumb:hover {
        background: #161616;
    }
    .LiveChatEmotePicker .container::-webkit-scrollbar-thumb {
        background: #202020;
    }
    .LiveChatEmotePicker .container::-webkit-scrollbar-track {
        background: #323232;
    }

    .ProfileIntroBarWrapper {
        background: #303030
    }

    .ProfileNavItem.active {
        color: white !important;
    }
    .SearchInput input {
        background-color: #c4c4c466 !important;
    }
    .ReactChannelIntroSearch i.material-icons {
        color: #c4c4c466 !important;
    }
    .PostTileTitle {
        color: white !important
    }
    .PostTileInfoMinor {
        color: white !important;
    }
    .PostTileMediaBox .duration {
        color: white !important;
    }
    .PostTileInfoMinor a {
        color: white !important;
    }
    .outerContainer {
        background-color: #3d3d3d!important;
    }
    .ChannelStatsContainer {
        background-color: #3d3d3d!important;
    }
    .ReactCreatorPlanBoxContainer {
        background-color: #3d3d3d!important;
    }
    .SearchFilterBox .section-title {
        color: white !important;
    }
    .SearchBoxFilterModeButton {
        color: white !important;
    }
    .SearchFilterBox .checkBox .indicator {
        border: 1px solid #909090;
    }
    .SearchFilterBox .checkBox .label {
        color: white !important;
    }
    .SearchFilterBox .inner-divider {
        border-top: 1px solid #2c2c2c !important;
    }
    .datePicker {
        background-color: #c4c4c466 !important;
    }
    .ChannelStatsContainer>div .subs-count, .ChannelStatsContainer>div .income-value {
        color: white !important;
    }
    .ChannelStatsContainer>div .title {
        color: #e4e4e4
    }
    .ReactPlanBoxHeaderContainer .title{
        color: white !important;
    }
    .ReactCreatorPlanBoxDescription {
        color: #d6d6d6 !important;
    }
    .ReactPlanBoxHeaderContainer .price, .ReactPlanBoxHeaderContainer .subscription {
        color: #aeaeae !important;
    }
    input[type="range" i] {
        color: red !important;
    }
}