// ==UserScript==
// @name         Chat Style
// @namespace    http://tampermonkey.net/
// @version      2025-03-21
// @description  suite of frutiger aero themes
// @author       https://www.albumoftheyear.org/user/tynooutlet/
// @match        https://www.albumoftheyear.org/chat/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=albumoftheyear.org
// @grant        GM_addStyle
// ==/UserScript==

GM_addStyle(`
body {
        background: url('https://i.ibb.co/mdd7fk4/20250320-154355.jpg') no-repeat center center fixed;
        /* background: url('https://i.ibb.co/RpXzW0nr/fox.png') no-repeat center center fixed; */
        /* background: url('https://i.ibb.co/TMQ736Ty/grass-dew-image.jpg') no-repeat center center fixed; */
        background-size: cover;
        font-family: Arial, sans-serif;
        color: white;
        background-color: transparent;
    }

.commentRow {
        background: rgba(255, 255, 255, 0.2);
        border-radius: 15px;
        padding: 10px;
        margin: 10px 0;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
        backdrop-filter: blur(8px);
        transition: all 0.3s ease-in-out;
    }

 .commentBox .commentBoxContainer {
            background: rgba(255, 255, 255, 0.2);
        border-radius: 15px;
    }
 .commentRow:hover {
        background: rgba(255, 255, 255, 0.3);
        transform: scale(1.02);
    }


.commentUserName a {
        font-weight: bold;
        text-shadow: 1px 1px 4px rgba(0, 255, 255, 0.2);
    }


.commentText {
        background: linear-gradient(to right, rgba(0, 150, 255, 0.5), rgba(0, 255, 150, 0.5));
        border-radius: 12px;
        padding: 8px;
        display: flex;
        max-width: 80%;
        color: white;
        text-shadow: 1px 1px 2px black;
        box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.4);
        margin-left: auto;
    }


.commentDate {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    text-shadow: 1px 1px 2px black;
    }

    body.dark, body.dark .header, body.dark #centerContent, body.dark .searchContainer, .largeSearch  {
	background-color: transparent; color: #DCDDDE;
}
body.dark .fullWidth, body.dark .wideLeft, body.dark .rightBox, body.dark .adTagTwo, body.dark .adTagThree, body.dark .artistHeader, body.dark .facetContent, body.dark .facetColumn, body.dark .dotDropMenu, body.dark .headerYearEnd, body.dark table.userStatsTable tr:nth-child(even), body.dark #listEdit tr.focus {
	background-color: transparent;
}

body.dark .nav, body.dark .rightContent, body.dark table.discussion th, body.dark .signInComments, body.dark .signInReview, body.dark .viewMoreDiscussion, body.dark .albumCriticScoreBox, body.dark .albumUserScoreBox, body.dark .albumButton, body.dark .albumButton.vinyl, body.dark .facetTitle, body.dark .artistCriticScoreBox, body.dark .artistUserScoreBox, body.dark .profileNav, body.dark .userReviewScoreBox, body.dark .prevAlbumReview, body.dark .nextAlbumReview, body.dark .loginContainer, body.dark .albumListScoreContainer, body.dark .feedUserHead, body.dark .listItem:hover, body.dark .yourRatingContainer, body.dark .commentBoxContainer, body.dark .socialConnect, body.dark .albumRankNav.prev, body.dark .albumRankNav.next, body.dark .overlay .content, body.dark .thisDay, body.dark .dotDropMenu .row:hover, body.dark .grayBox, body.dark .footer, body.dark .summaryPointsMisc, body.dark .summaryRecentLists, body.dark .otherLists, body.dark .donorList tr:nth-child(even), body.dark table.listRows tr:nth-child(even), body.dark .commentButtonDesktop, body.dark .menuDropSelected ul li, body.dark .menuDropSelected ul, body.dark .menuDropSelected ul  li.current:hover, body.dark .ui-autocomplete, body.dark .correctionResponse, body.dark .submitMediaBox, body.dark .songScoreBox, body.dark .adInArticle, body.dark .signInNotice {
	background-color: rgba(0, 143, 143, 0.4);
}

body.dark .ratingBar, body.dark .gradeScale, body.dark .tag.strong, body.dark .smallBottomLink, body.dark .menuDropSelected ul li:hover, body.dark table.userStatsTable tr:hover, body.dark .distBar, body.dark .followsYou {
	background-color: rgba(0, 200, 200, 0.4) !important;
}

.accountLinks {
background-color: rgba(143, 143, 143, 1) !important;
}

body.dark .ratingText, body.dark .selectBox, body.dark .albumReviewLinks, body.dark .detailRow span, body.dark .detailRow span a, body.dark .detailRow span a:visited, body.dark .gray, body.dark .sectionHeading .viewAll,  body.dark .commentFunctions a:visited, body.dark .commentDate, body.dark .profileStatName, body.dark A.gray:visited, body.dark A.gray, body.dark a .reviewIcon, body.dark .row.comments, body.dark .albumListScoreContainer .scoreText, body.dark ::placeholder, body.dark #newListForm label, body.dark #editListForm label, body.dark #editListEntry label, body.dark .facetCount, body.dark .footerColumn, body.dark .footerColumn div, body.dark .footerContent div, body.dark .noCover i, body.dark .noCover span, body.dark .summaryPointsMisc, body.dark .summaryRecentLists .date, body.dark .dotDropMenuButton a:hover, body.dark table.userStatsTable td.headColumn, body.dark table.userStatsTable td.headColumn a, body.dark #searchSuggestions .resultRow .year, body.dark #findAlbums .resultRow .year, body.dark .overlay body.dark .subHeading, body.dark .mediaText a, body.dark .ratingRowContainer a .icon, body.dark .albumReviewLinks a:visited, body.dark .userListLikeContainer a:visited, body.dark .albumReviewLinks a, body.dark .userListLikeContainer a, body.dark .mediaLinks a, body.dark .albumBlockLinks a, body.dark .albumBlockLinks, body.dark .mediaLinks a:visited, body.dark .albumBlockLinks a:visited, body.dark .mediaContainer .links a, body.dark .mediaContainer .links a:visited, body.dark .distCount, body.dark .distCount a:visited, body.dark .distCount a {
	color: #000;
}

.albumHeader {
    border-bottom: 0px !important;
}

.commentTextBox, .searchBox, .navBlock.profile {
    background: transparent !important;
}
`);