:root {
    --text-color-primary: rgb(15, 20, 25);
}

body, .searchbar > div, .trending-container, .follower-suggestion-container {
    background-color: rgb(255, 255, 255);
}

.timeline-tab-label span, .footer-container a, .copyright, .user-handle, .trend-category, .trend-count, .tweet-posttime {
    color: rgb(83, 100, 113);
}

.nav-text, .active-label span, .trending-title, .user-displayname, .trend-text {
    /* To color the text for a tweet, you need to have a class for the tweet text */
    color: var(--text-color-primary);
}

.nav-icon {
    fill: var(--text-color-primary);
}

.main-content > div, .trending-container, .follower-suggestion-container {
    border-color: rgb(239, 243, 244) !important;
}

.timeline-selector > nav, .tweet-composer-container > div, article {
    border-bottom: 1px solid rgb(239, 243, 244) !important;
}

.searchbar input, .tweet-composer-input-container input {
    color: var(--text-color-primary) !important;
}

.searchbar > div {
    border: 1px solid rgb(207, 217, 222);
}

.nav-link:hover .nav-button, .account-menu-bubble:hover, .timeline-tablist > div:hover {
    background-color: rgba(15, 20, 25, 0.1) !important;
}

.trend-container:hover, .follow-container:hover, .showmore-button > a > div:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

.timeline-tablist > div:hover {
    background-color: rgba(247, 249, 249, 0.1);
}