Another Genius Night Theme Fork by thejenja

/* ==UserStyle==
@name         Genius Night Theme Fork
@namespace    USO Archive
@author       esvikey, thejenja
@description  Fully edited site.    Changed:  • Main Page  • Song's Page  • Album's Page  • Annotations  • Metadata  • Articles  • Firehose  • 'Add Song' Page  • User's Page  • All Buttons  • Dropdown Menu  • Scrollbar    Enjoy!
@version      2024.03.11
@license      CC0-1.0
@preprocessor	stylus

@var checkbox --DarkMode "- Dark Mode 🌙" 1
@var checkbox --creditsInDropdown "- Credits in Dropdown" 1
@var checkbox --GeniusModern "- Genius Modern" 0

==/UserStyle== */
@-moz-document domain("genius.com") {
if --DarkMode
{
::-webkit-scrollbar {
    background: #202020;
    width: 7px
}

::-webkit-scrollbar-button {
    height: 2px
}

::-webkit-scrollbar-thumb {
    background: #303030;
    border-radius: 15px
}

body.ng-scope {
    background: 0 0
}

#groups_home,.act-index.cont-groups.ng-scope,.render_404,body.act-show.cont-groups.ng-scope {
    background: #000
}

.mini_article_card:hover,a.PageHeaderMenu__Title-sc-13myo8l-2.PageHeaderMenu__Item-sc-13myo8l-3.eWqxlv:hover,a.square_button.react_song_page_preview_link:hover {
    background: #303030
}

.cmGDeX,.dPICWx,a.square_button.react_song_page_preview_link,body {
    background: #141414
}

.act-bookmarklet,.act-developers,.act-web_annotator,.action_summary .actor_and_action,.apple_music_player-middle_section-button div,body {
    color: #fff
}

.action_summary:hover {
    background: #171717
}

.activity_stream_event_unit,.activity_stream_event_unit.active,.activity_stream_event_unit.active:hover,.autocomplete-results li.ac_over,div.PageHeaderMenu__Title-sc-13myo8l-2.PageHeaderMenu__Item-sc-13myo8l-3.eWqxlv:hover {
    background: #303030
}

.AegvI svg {
    fill: #fff
}

.annotation_embed,.autocomplete-results li {
    background: #171717
}

.annotation_embed--yellow_border {
    border-color: #adad00
}

.annotation_sidebar_arrow svg,.annotation_sidebar_unit,.annotation_stat-pill {
    background: #141414
}

.annotation_stat-pill--green {
    background: #0ecb27
}

.annotation_stat-pill--red {
    background: #ff7070
}

.annotation_units {
    border: solid 1px #222
}

.apple_music_player_container--border {
    border: 2px solid #fff
}

.apple-music-player.ng-isolate-scope,.apple_music_player-divider,.apple_music_player-seekbar:before {
    background: #fff
}

.apple_music_player-player-logo {
    fill: #fff
}

.apple_music_player-middle_section,.apple_music_player-player {
    background: #141414
}

.apple_music_player-play_button {
    fill: #fff
}

.apple_music_player-player-seekbar {
    border-bottom: 2px #fff
}

.apple_music_player-player-seekbar-dashed {
    border-bottom: 2px dashed #fff
}

.GcnrE svg,.apple_music_player-seekbar-scrubber,.cJkVIH svg,.cMZZs svg,.gMvRPT svg,.igqkaT svg {
    fill: #fff
}

.apple_music_player-seekbar-scrubber-circle {
    background: #fff
}

.apple_music_player-terms_section {
    color: #fff
}

.article_info_and_action_box {
    background: #141414
}

.article_reference_link {
    background: linear-gradient(#141414,#141414) 1px 100%no-repeat;
    text-shadow: .07em 0#141414,-.07em 0#141414,.14em 0#141414,-.14em 0#141414,0 0#141414;
    color: #fff
}

.article_rich_text_formatting,.cTCzeu a {
    color: #fff
}

.article_rich_text_formatting .g_list-item-content-body>a,.article_rich_text_formatting .g_list-item-header-title>a,.article_rich_text_formatting em>a,.article_rich_text_formatting h1>a,.article_rich_text_formatting h2>a,.article_rich_text_formatting h3>a,.article_rich_text_formatting h4>a,.article_rich_text_formatting h5>a,.article_rich_text_formatting h6>a,.article_rich_text_formatting li>a,.article_rich_text_formatting p>a,.article_rich_text_formatting small>a,.article_rich_text_formatting strong>a {
    color: #fff;
    font-weight: 400;
    text-decoration: none
}

.article_rich_text_formatting .g_list-item-content-body>a:not(:hover),.article_rich_text_formatting .g_list-item-header-title>a:not(:hover),.article_rich_text_formatting em>a:not(:hover),.article_rich_text_formatting h1>a:not(:hover),.article_rich_text_formatting h2>a:not(:hover),.article_rich_text_formatting h3>a:not(:hover),.article_rich_text_formatting h4>a:not(:hover),.article_rich_text_formatting h5>a:not(:hover),.article_rich_text_formatting h6>a:not(:hover),.article_rich_text_formatting li>a:not(:hover),.article_rich_text_formatting p>a:not(:hover),.article_rich_text_formatting small>a:not(:hover),.article_rich_text_formatting strong>a:not(:hover) {
    background: linear-gradient(#000,#000) 1px 94%no-repeat;
    background-size: calc(100% - 1px) 1px;
    text-shadow: .07em 1px #141414,-.07em 1px #141414,.14em 1px #141414,-.14em 1px #141414,0 1px #141414;
    text-decoration: underline
}

.eCAFYK:hover .EditorialPlacement__Title-sc-1kp33kw-1 h2,.eCAFYK:hover .EditorialPlacement__Title-sc-1kp33kw-1 h3,.kzXgsm:hover .EditorialPlacement__Title-sc-1kp33kw-1 h2,.kzXgsm:hover .EditorialPlacement__Title-sc-1kp33kw-1 h3 {
    text-shadow: none;
    color: #fff;
    text-decoration: underline
}

.article_title {
    color: #141414;
    -webkit-text-stroke: 2px #fff
}

.article_type {
    border: 1px solid #fff
}

.bBDcg,.bbjKQn {
    background: #141414
}

.bCpoMC {
    color: #fff
}

.bigyJI {
    background: #141414
}

.bMPUfx,.bigyJI {
    color: #fff
}

.bMwme {
    background: #141414
}

.bordered_media_container,.chzn-container .chzn-drop {
    background: #171717
}

.ccpa_request--success,.collection-type-index .back-to-top-link,.cont-activity_streams.ng-scope {
    background: #141414
}

.cEryIg,.chart_row-content-title,.chzn-container {
    color: #fff
}

.collection-type-index .back-to-top-link a {
    color: #fff;
    background: #141414
}

.comment-reason-title {
    color: #fff;
    border-bottom: 1px dotted #fff
}

.cont-discussions.ng-scope,.cont-songs.ng-scope,.cont-tags.ng-scope {
    background: #000
}

#content-wrapper .content,.content-inner {
    background: #141414
}

.contribution_opportunity {
    background: #141414;
    box-shadow: none;
    border: 1px solid #fff
}

.contribution_opportunity-actions,.conversation-compose_area {
    background: #141414
}

.cTRGBH::before,.kUFQuz::before {
    border-right: .15rem solid #fff
}

.CxbQW svg:hover,.cziiuX svg:hover,.fRTMWj svg:hover,.fXhaEv svg:hover {
    fill: #ffff64
}

.dNTYbI,.dgdgAp {
    color: #fff
}

.dNTYbI:hover {
    background: #fff;
    color: #141414
}

.bWFysS,.clhndN,.dNTYbI,.dqbVnf,.embedly_preview .gray_container,.jzxzDa,.kjOIBd,.pBeGy {
    border-color: #fff!important
}

.dRQPrx {
    display: none
}

.dUTFUv:hover,.eJJKMv:hover {
    background: #202020
}

.dxKApN {
    background: #141414
}

.editable_tracklist-row-entry {
    background: #171717
}

.editable_tracklist-row-placeholder,.egKZtQ,.ehyeMZ {
    background: #141414
}

.eJJKMv {
    color: #fff
}

.euenQK {
    background: #141414
}

.eWqxlv,.fCXxRK {
    color: #fff
}

.fCXxRK {
    background: #141414
}

.feed_dropdown {
    background: #171717
}

#footer,.feed_dropdown-header {
    background: #141414
}

.feed_dropdown-item {
    background: #141414;
    color: #fff
}

.feed_dropdown-item--active:hover,.feed_dropdown-item--link:active,.feed_dropdown-item--link:hover,.feed_dropdown-item--unread:hover,.feed_dropdown-item:hover,.full_width_button:hover {
    background: #303030
}

#firehose_filters ul.chzn-choices,.ac_results ul.chzn-choices,.feed_dropdown-item--active,.feed_dropdown-item--unread {
    background: #171717
}

.feed_dropdown-item--link {
    color: #fff;
    background: #141414
}

#firehose_filters ul.chzn-choices.focused li.search-field input,.ac_results ul.chzn-choices.focused li.search-field input,.fEyCAH {
    color: #fff
}

.fWkWhX:hover,.footer--secondary a:hover {
    color: #ffff64
}

.css-1ur0zk1-option,.footer-wrapper {
    background: #141414
}

#react-select-20-option,.bxGFTc,.css-113qxmv-control,.css-1lh6pps-menu,.css-1lh6pps-menu .css-14nse5q *,.css-g1pdkq-control,.fpANxd,.gMvRPT:hover,.gajVFV,input,textarea {
    background: #202020
}

.full_width_button {
    background: #171717;
    color: #b3b3b3
}

.fyqxbv,.gIwQZZ,.gMvRPT,.global_search-search_results,.grid_layout,.quick_search--header {
    background: #141414
}

#group_container {
    background: #000
}

.gsoAZX,.rCQxX {
    border-color: #fff
}

.gsoAZX:hover {
    color: #141414;
    background-color: #fff
}

.gsoAZX,.hBnQYQ {
    color: #fff
}

.hkUlcT {
    border-color: #fff
}

.hkUlcT,.hnIVtc {
    background: #141414
}

.css-gu4sak-singleValue,.hyRooK,h1,input,textarea {
    color: #fff
}

.hyRooK:hover .EditorialPlacement__Title-sc-11ot04a-1 h2,.hyRooK:hover .EditorialPlacement__Title-sc-11ot04a-1 h3 {
    text-shadow: #141414 .03em 0,#141414 -.03em 0,#141414 0 .03em,#141414 0-.03em,#141414 .06em 0,#141414 -.06em 0,#141414 .09em 0,#141414 -.09em 0,#141414 .12em 0,#141414 -.12em 0,#141414 .15em 0,#141414 -.15em 0;
    background-image: linear-gradient(#fff,#fff);
    color: #fff
}

.ibfdjh {
    background: #000
}

.iCYeUh,.iFzOLW {
    background: #141414
}

.inbox_line_item_detail {
    background: #171717
}

.inline_icon {
    fill: #fff
}

.inline_icon.inline_icon--green {
    fill: #0ecb27
}

.inline_icon.inline_icon--red {
    fill: #ff1414
}

.iq_notification {
    box-shadow: 2px 2px 0 0#171717;
    border: 1px solid #171717
}

.iq_notification,.iq_notification-message,.iuSLgK {
    background: #141414
}

.izVEsw {
    transition: color .1s ease 0s
}

.izVEsw:hover,.jLehlz:hover {
    background: #303030
}

.jjeDWE {
    background: #000
}

.jHLvCd {
    background: #141414...