☰

Blacket Theme Switcher

Theme switcher

当前为 2025-06-30 提交的版本，查看 最新版本。

// ==UserScript==
// @name         Blacket Theme Switcher
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Theme switcher
// @author       You
// @match        https://*.blacket.org/*
// @grant        none
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';

   const amoledCSS = `
        .styles__blooketText___1pMBG-camelCase {
            font-size: 40px;
            font-family: Titan One, sans-serif;
            text-decoration: none;
            color: white;
            filter: drop-shadow(0px 0px 5px white);
            margin-bottom: 20px;
            text-align: center;
        }

        .styles__background___2J-JA-camelCase {
            background-color: #000 !important;
        }

        .styles__bazaarItem___Meg69-camelCase {
            background-color: #111111 !important;
            transition: 0.2s ease-in-out;
        }

        .styles__bazaarItem___Meg69-camelCase:hover {
            background-color: #222222 !important;
            transform: scale(1.05);
        }

        .styles__bazaarItems___KmNa2-camelCase {
            background-color: #000 !important;
        }

        .styles__blookGridContainer___AK47P-camelCase {
            background-color: #000 !important;
        }

        .styles__button___2hNZo-camelCase,
        .styles__buttonFilled___23Dcn-camelCase {
            background-color: #000 !important;
        }

        .styles__buttonInside___39vdp-camelCase,
        .styles__front___vcvuy-camelCase {
            background-color: #fff !important;
            color: #000 !important;
        }

        .styles__cardContainer___NGmjp-camelCase {
            background-color: #000 !important;
        }

        .styles__chatCurrentRoom___MCaV4-camelCase {
            background-color: #000 !important;
        }

        .styles__chatEmojiButton___8RFa2-camelCase {
            background-color: #000 !important;
            transition: 0.2s ease-in-out;
        }

        .styles__chatEmojiButton___8RFa2-camelCase:hover {
            background-color: #111111 !important;
        }

        .styles__chatInputContainer___gkR4A-camelCase {
            background-color: #000 !important;
        }

        .styles__chatRoomsListContainer___Gk4Av-camelCase {
            background-color: #000 !important;
        }

        .styles__chatRoomsTitle___fR4Av-camelCase {
            background-color: #000 !important;
        }

        .styles__chatRooms___o5ASb-camelCase {
            background-color: #000 !important;
        }

        .styles__chatUploadButton___g39Ac-camelCase {
            background-color: #000 !important;
            transition: 0.2s ease-in-out;
        }

        .styles__chatUploadButton___g39Ac-camelCase:hover {
            background-color: #111111 !important;
        }

        .styles__container___1BPm9-camelCase {
            background-color: #000 !important;
        }

        .styles__container___2VzTy-camelCase {
            background-color: #000 !important;
        }

        .styles__container___3St5B-camelCase {
            background-color: #000 !important;
        }

        .styles__containerHeader___3xghM-camelCase {
            background-color: #000 !important;
        }

        .styles__containerHeaderInside___2omQm-camelCase {
            background-color: #000 !important;
        }

        .styles__containerHeaderRight___3xghM-camelCase,
        .styles__containerHeaderRightFriends___3xghM-camelCase {
            background-color: #000 !important;
        }

        .styles__editHeaderContainer___2G1ji-camelCase {
            background-color: #000 !important;
        }

        .styles__edge___3eWfq-camelCase {
            background-color: #fff !important;
        }

        .styles__formsForm___MvA35-camelCase {
            background-color: #000 !important;
        }

        .styles__header___22Ne2-camelCase {
            background-color: #000 !important;
        }

        .styles__header___2O21B-camelCase {
            background-color: #000 !important;
        }

        .styles__headerBadgeBg___12ogR-camelCase {
            background-color: #000 !important;
        }

        .styles__headerSide___1r1-b-camelCase {
            background-color: #000 !important;
        }

        .styles__horizontalBlookGridLine___4SAvz-camelCase {
            background-color: #fff !important;
        }

        .styles__infoContainer___2uI-S-camelCase {
            background-color: #000 !important;
        }

        .styles__input___2XTSp-camelCase {
            background-color: #000 !important;
        }

        .styles__left___9beun-camelCase {
            background-color: #000 !important;
        }

        .styles__loginButton___1e3jI-camelCase {
            background-color: #fff !important;
            color: #000 !important;
        }

        .styles__myTokenAmount___ANKHA-camelCase {
            background-color: #000 !important;
        }

        .styles__otherTokenAmount___SEGGS-camelCase {
            background-color: #000 !important;
        }

        .styles__postsContainer___39_IQ-camelCase {
            background-color: #111111 !important;
        }

        .styles__profileContainer___CSuIE-camelCase {
            background-color: #000 !important;
        }

        .styles__profileDropdownMenu___2jUAA-camelCase {
            background-color: #000 !important;
        }

        .styles__profileDropdownOption___ljZXD-camelCase {
            background-color: #000 !important;
        }

        .styles__profileDropdownOption___ljZXD-camelCase:hover {
            background-color: #111111 !important;
        }

        .styles__rightButtonInside___14imT-camelCase {
            color: #000 !important;
        }

        .styles__sidebar___1XqWi-camelCase {
            background-color: #000 !important;
        }

        .styles__signUpButton___3_ch3-camelCase {
            background-color: #000 !important;
            color: #fff !important;
        }

        .styles__statContainer___QKuOF-camelCase {
            background-color: #111111 !important;
        }

        .styles__statsContainer___QnrRB-camelCase {
            background-color: #000 !important;
        }

        .styles__toastContainer___o4pCa-camelCase {
            background-color: #000 !important;
        }

        .styles__tokenContainer___3yBv--camelCase {
            background-color: #000 !important;
        }

        .styles__tradingContainer___B1ABS-camelCase {
            background-color: #000 !important;
        }

        .styles__verticalBlookGridLine___rQWaZ-camelCase {
            background-color: #fff !important;
        }

        #searchInput {
            background-color: #111111 !important;
        }

        textarea {
            background-color: #000 !important;
        }

        .toastMessage {
            background-color: #000 !important;
        }

        input {
            background-color: #000 !important;
        }

        hr {
            background-color: #fff !important;
        }
    `;

    const redCSS = `
        :root {
            --red: #c41a1a;
            --red-hover: #a31313;
            --text-white: #ffffff;
            --button-red: #d62b2b;
        }
        .styles__blooketText___1pMBG-camelCase {
            color: var(--text-white);
            filter: drop-shadow(0px 0px 5px var(--text-white));
        }
        .styles__background___2J-JA-camelCase,
        .styles__bazaarItems___KmNa2-camelCase,
        .styles__blookGridContainer___AK47P-camelCase,
        .styles__cardContainer___NGmjp-camelCase,
        .styles__chatCurrentRoom___MCaV4-camelCase,
        .styles__chatInputContainer___gkR4A-camelCase,
        .styles__chatRoomsListContainer___Gk4Av-camelCase,
        .styles__chatRoomsTitle___fR4Av-camelCase,
        .styles__chatRooms___o5ASb-camelCase,
        .styles__container___1BPm9-camelCase,
        .styles__container___2VzTy-camelCase,
        .styles__container___3St5B-camelCase,
        .styles__containerHeader___3xghM-camelCase,
        .styles__containerHeaderInside___2omQm-camelCase,
        .styles__containerHeaderRight___3xghM-camelCase,
        .styles__containerHeaderRightFriends___3xghM-camelCase,
        .styles__editHeaderContainer___2G1ji-camelCase,
        .styles__formsForm___MvA35-camelCase,
        .styles__header___22Ne2-camelCase,
        .styles__header___2O21B-camelCase,
        .styles__headerBadgeBg___12ogR-camelCase,
        .styles__headerSide___1r1-b-camelCase,
        .styles__infoContainer___2uI-S-camelCase,
        .styles__input___2XTSp-camelCase,
        .styles__left___9beun-camelCase,
        .styles__myTokenAmount___ANKHA-camelCase,
        .styles__otherTokenAmount___SEGGS-camelCase,
        .styles__postsContainer___39_IQ-camelCase,
        .styles__profileContainer___CSuIE-camelCase,
        .styles__profileDropdownMenu___2jUAA-camelCase,
        .styles__sidebar___1XqWi-camelCase,
        .styles__signUpButton___3_ch3-camelCase,
        .styles__statContainer___QKuOF-camelCase,
        .styles__statsContainer___QnrRB-camelCase,
        .styles__toastContainer___o4pCa-camelCase,
        .styles__tokenContainer___3yBv--camelCase,
        .styles__tradingContainer___B1ABS-camelCase,
        textarea,
        input,
        .toastMessage {
            background-color: var(--red) !important;
            color: var(--text-white) !important;
        }
        .styles__bazaarItem___Meg69-camelCase,
        .styles__chatEmojiButton___8RFa2-camelCase,
        .styles__chatUploadButton___g39Ac-camelCase {
            background-color: var(--red-hover) !important;
            transition: 0.2s ease-in-out;
        }
        .styles__bazaarItem___Meg69-camelCase:hover,
        .styles__chatEmojiButton___8RFa2-camelCase:hover,
        .styles__chatUploadButton___g39Ac-camelCase:hover,
        .styles__profileDropdownOption___ljZXD-camelCase:hover {
            background-color: #890f0f !important;
            transform: scale(1.05);
        }
        .styles__button___2hNZo-camelCase,
        .styles__buttonFilled___23Dcn-camelCase {
            background-color: var(--button-red) !important;
            color: var(--text-white) !important;
        }
        .styles__buttonInside___39vdp-camelCase,
        .styles__front___vcvuy-camelCase,
        .styles__loginButton___1e3jI-camelCase {
            background-color: var(--text-white) !important;
            color: var(--red-hover) !important;
        }
        .styles__edge___3eWfq-camelCase,
        .styles__horizontalBlookGridLine___4SAvz-camelCase,
        .styles__verticalBlookGridLine___rQWaZ-camelCase,
        hr {
            background-color: var(--text-white) !important;
        }
        .styles__rightButtonInside___14imT-camelCase {
            color: var(--text-white) !important;
        }
        #searchInput {
            background-color: var(--button-red) !important;
        }
    `;
        const DarkRedCSS = `
        :root {
 .styles__blooketText___1pMBG-camelCase {
            font-size: 40px;
            font-family: Titan One, sans-serif;
            text-decoration: none;
            color: white;
            filter: drop-shadow(0px 0px 5px white);
            margin-bottom: 20px;
            text-align: center;
        }

        .styles__background___2J-JA-camelCase {
            background-color: #240404 !important;
        }

        .styles__bazaarItem___Meg69-camelCase {
            background-color: #43090D !important;
            transition: 0.2s ease-in-out;
        }

        .styles__bazaarItem___Meg69-camelCase:hover {
            background-color: #43090D !important;
            transform: scale(1.05);
        }

        .styles__bazaarItems___KmNa2-camelCase {
            background-color: #5C0101 !important;
        }

        .styles__blookGridContainer___AK47P-camelCase {
            background-color: #1F0406 !important;
        }

        .styles__button___2hNZo-camelCase,
        .styles__buttonFilled___23Dcn-camelCase {
            background-color: #9F141F !important;
        }

        .styles__buttonInside___39vdp-camelCase,
        .styles__front___vcvuy-camelCase {
            background-color: #5C0101 !important;
            color: #9F141F !important;
        }

        .styles__cardContainer___NGmjp-camelCase {
            background-color: #9F141F !important;
        }

        .styles__chatCurrentRoom___MCaV4-camelCase {
            background-color: #5A0515 !important;
        }

        .styles__chatEmojiButton___8RFa2-camelCase {
            background-color: #BD1825 !important;
            transition: 0.2s ease-in-out;
        }

        .styles__chatEmojiButton___8RFa2-camelCase:hover {
            background-color: #BDA01E !important;
        }

        .styles__chatInputContainer___gkR4A-camelCase {
            background-color: #000000 !important;
        }

        .styles__chatRoomsListContainer___Gk4Av-camelCase {
            background-color: #330707 !important;
        }

        .styles__chatRoomsTitle___fR4Av-camelCase {
            background-color: #330707 !important;
        }

        .styles__chatRooms___o5ASb-camelCase {
            background-color: #5C0008 !important;
        }

        .styles__chatUploadButton___g39Ac-camelCase {
            background-color: #B3000F !important;
            transition: 0.2s ease-in-out;
        }

        .styles__chatUploadButton___g39Ac-camelCase:hover {
            background-color: #2C37B3 !important;
        }

        .styles__container___1BPm9-camelCase {
            background-color: #B3000F !important;
        }

        .styles__container___2VzTy-camelCase {
            background-color: #5F0000 !important;
        }

        .styles__container___3St5B-camelCase {
            background-color: #5F0000 !important;
        }

        .styles__containerHeader___3xghM-camelCase {
            background-color: #5F0000 !important;
        }

        .styles__containerHeaderInside___2omQm-camelCase {
            background-color: #5F0000 !important;
        }

        .styles__containerHeaderRight___3xghM-camelCase,
        .styles__containerHeaderRightFriends___3xghM-camelCase {
            background-color: #5F0000 !important;
        }

        .styles__editHeaderContainer___2G1ji-camelCase {
            background-color: #5F0000 !important;
        }

        .styles__edge___3eWfq-camelCase {
            background-color: #5C0101 !important;
        }

        .styles__formsForm___MvA35-camelCase {
            background-color: #5F0000) !important;
        }

        .styles__header___22Ne2-camelCase {
            background-color: #5F0000 !important;
        }

        .styles__header___2O21B-camelCase {
            background-color: #F50C0C !important;
        }

        .styles__headerBadgeBg___12ogR-camelCase {
            background-color: #F50C0C !important;
        }

        .styles__headerSide___1r1-b-camelCase {
            background-color: #F50C0C !important;
        }

        .styles__horizontalBlookGridLine___4SAvz-camelCase {
            background-color: #5C0101 !important;
        }

        .styles__infoContainer___2uI-S-camelCase {
            background-color: #430303 !important;
        }

        .styles__input___2XTSp-camelCase {
            background-color: #430303 !important;
        }

        .styles__left___9beun-camelCase {
            background-color: #430303 !important;
        }

        .styles__loginButton___1e3jI-camelCase {
            background-color: #fff !important;
            color: #430303 !important;
        }

        .styles__myTokenAmount___ANKHA-camelCase {
            background-color: #430303 !important;
        }

        .styles__otherTokenAmount___SEGGS-camelCase {
            background-color: #430303 !important;
        }

        .styles__postsContainer___39_IQ-camelCase {
            background-color: #5C0101 !important;
        }

        .styles__profileContainer___CSuIE-camelCase {
            background-color: #430303 !important;
        }

        .styles__profileDropdownMenu___2jUAA-camelCase {
            background-color: #430303 !important;
        }

        .styles__profileDropdownOption___ljZXD-camelCase {
            background-color: #920707 !important;
        }

        .styles__profileDropdownOption___ljZXD-camelCase:hover {
            background-color: #111111 !important;
        }

        .styles__rightButtonInside___14imT-camelCase {
            color: #920707 !important;
        }

        .styles__sidebar___1XqWi-camelCase {
            background-color: #3E0303 !important;
        }

        .styles__signUpButton___3_ch3-camelCase {
            background-color: #3E0303 !important;
            color: #5C0101 !important;
        }

        .styles__statContainer___QKuOF-camelCase {
            background-color: #111111 !important;
        }

        .styles__statsContainer___QnrRB-camelCase {
            background-color: #3E0303 !important;
        }

        .styles__toastContainer___o4pCa-camelCase {
            background-color: #3E0303 !important;
        }

        .styles__tokenContainer___3yBv--camelCase {
            background-color: #3E0303 !important;
        }

        .styles__tradingContainer___B1ABS-camelCase {
            background-color: #3E0303 !important;
        }

        .styles__verticalBlookGridLine___rQWaZ-camelCase {
            background-color: #5C0101 !important;
        }

        #searchInput {
            background-color: #5C0101 !important;
        }

        textarea {
            background-color: setGradient(#8D1329, #000000) !important;
        }

        .toastMessage {
            background-color: setGradient(#8D1329, #000000) !important;
        }

        input {
            background-color: setGradient(#8D1329, #000000) !important;
        }

        hr {
            background-color: #5C0101 !important;
        }
    `;
    const orangeCSS = `
        :root {
            --orange: #c46a1a;
            --orange-hover: #a35213;
            --text-white: #ffffff;
            --button-orange: #d67f2b;
        }

        .styles__blooketText___1pMBG-camelCase {
            color: var(--text-white);
            filter: drop-shadow(0px 0px 5px var(--text-white));
        }

        .styles__background___2J-JA-camelCase,
        .styles__bazaarItems___KmNa2-camelCase,
        .styles__blookGridContainer___AK47P-camelCase,
        .styles__cardContainer___NGmjp-camelCase,
        .styles__chatCurrentRoom___MCaV4-camelCase,
        .styles__chatInputContainer___gkR4A-camelCase,
        .styles__chatRoomsListContainer___Gk4Av-camelCase,
        .styles__chatRoomsTitle___fR4Av-camelCase,
        .styles__chatRooms___o5ASb-camelCase,
        .styles__container___1BPm9-camelCase,
        .styles__container___2VzTy-camelCase,
        .styles__container___3St5B-camelCase,
        .styles__containerHeader___3xghM-camelCase,
        .styles__containerHeaderInside___2omQm-camelCase,
        .styles__containerHeaderRight___3xghM-camelCase,
        .styles__containerHeaderRightFriends___3xghM-camelCase,
        .styles__editHeaderContainer___2G1ji-camelCase,
        .styles__formsForm___MvA35-camelCase,
        .styles__header___22Ne2-camelCase,
        .styles__header___2O21B-camelCase,
        .styles__headerBadgeBg___12ogR-camelCase,
        .styles__headerSide___1r1-b-camelCase,
        .styles__infoContainer___2uI-S-camelCase,
        .styles__input___2XTSp-camelCase,
        .styles__left___9beun-camelCase,
        .styles__myTokenAmount___ANKHA-camelCase,
        .styles__otherTokenAmount___SEGGS-camelCase,
        .styles__postsContainer___39_IQ-camelCase,
        .styles__profileContainer___CSuIE-camelCase,
        .styles__profileDropdownMenu___2jUAA-camelCase,
        .styles__sidebar___1XqWi-camelCase,
        .styles__signUpButton___3_ch3-camelCase,
        .styles__statContainer___QKuOF-camelCase,
        .styles__statsContainer___QnrRB-camelCase,
        .styles__toastContainer___o4pCa-camelCase,
        .styles__tokenContainer___3yBv--camelCase,
        .styles__tradingContainer___B1ABS-camelCase,
        textarea,
        input,
        .toastMessage {
            background-color: var(--orange) !important;
            color: var(--text-white) !important;
        }

        .styles__bazaarItem___Meg69-camelCase,
        .styles__chatEmojiButton___8RFa2-camelCase,
        .styles__chatUploadButton___g39Ac-camelCase {
            background-color: var(--orange-hover) !important;
            transition: 0.2s ease-in-out;
        }

        .styles__bazaarItem___Meg69-camelCase:hover,
        .styles__chatEmojiButton___8RFa2-camelCase:hover,
        .styles__chatUploadButton___g39Ac-camelCase:hover,
        .styles__profileDropdownOption___ljZXD-camelCase:hover {
            background-color: #8f3f07 !important;
            transform: scale(1.05);
        }

        .styles__button___2hNZo-camelCase,
        .styles__buttonFilled___23Dcn-camelCase {
            background-color: var(--button-orange) !important;
            color: var(--text-white) !important;
        }

        .styles__buttonInside___39vdp-camelCase,
        .styles__front___vcvuy-camelCase,
        .styles__loginButton___1e3jI-camelCase {
            background-color: var(--text-white) !important;
            color: var(--orange-hover) !important;
        }

        .styles__edge___3eWfq-camelCase,
        .styles__horizontalBlookGridLine___4SAvz-camelCase,
        .styles__verticalBlookGridLine___rQWaZ-camelCase,
        hr {
            background-color: var(--text-white) !important;
        }

        .styles__rightButtonInside___14imT-camelCase {
            color: var(--text-white) !important;
        }

        #searchInput {
            background-color: var(--button-orange) !important;
        }
    `;


    const yellowCSS = `
    :root {
        --deep-yellow: #d4c60f;
        --deep-yellow-hover: #b1a309;
        --text-white: #ffffff;
        --button-yellow: #e2d414;
    }

    .styles__blooketText___1pMBG-camelCase {
        color: var(--text-white);
        filter: drop-shadow(0px 0px 5px var(--text-white));
    }

    .styles__background___2J-JA-camelCase,
    .styles__bazaarItems___KmNa2-camelCase,
    .styles__blookGridContainer___AK47P-camelCase,
    .styles__cardContainer___NGmjp-camelCase,
    .styles__chatCurrentRoom___MCaV4-camelCase,
    .styles__chatInputContainer___gkR4A-camelCase,
    .styles__chatRoomsListContainer___Gk4Av-camelCase,
    .styles__chatRoomsTitle___fR4Av-camelCase,
    .styles__chatRooms___o5ASb-camelCase,
    .styles__container___1BPm9-camelCase,
    .styles__container___2VzTy-camelCase,
    .styles__container___3St5B-camelCase,
    .styles__containerHeader___3xghM-camelCase,
    .styles__containerHeaderInside___2omQm-camelCase,
    .styles__containerHeaderRight___3xghM-camelCase,
    .styles__containerHeaderRightFriends___3xghM-camelCase,
    .styles__editHeaderContainer___2G1ji-camelCase,
    .styles__formsForm___MvA35-camelCase,
    .styles__header___22Ne2-camelCase,
    .styles__header___2O21B-camelCase,
    .styles__headerBadgeBg___12ogR-camelCase,
    .styles__headerSide___1r1-b-camelCase,
    .styles__infoContainer___2uI-S-camelCase,
    .styles__input___2XTSp-camelCase,
    .styles__left___9beun-camelCase,
    .styles__myTokenAmount___ANKHA-camelCase,
    .styles__otherTokenAmount___SEGGS-camelCase,
    .styles__postsContainer___39_IQ-camelCase,
    .styles__profileContainer___CSuIE-camelCase,
    .styles__profileDropdownMenu___2jUAA-camelCase,
    .styles__sidebar___1XqWi-camelCase,
    .styles__signUpButton___3_ch3-camelCase,
    .styles__statContainer___QKuOF-camelCase,
    .styles__statsContainer___QnrRB-camelCase,
    .styles__toastContainer___o4pCa-camelCase,
    .styles__tokenContainer___3yBv--camelCase,
    .styles__tradingContainer___B1ABS-camelCase,
    textarea,
    input,
    .toastMessage {
        background-color: var(--deep-yellow) !important;
        color: var(--text-white) !important;
    }

    .styles__bazaarItem___Meg69-camelCase,
    .styles__chatEmojiButton___8RFa2-camelCase,
    .styles__chatUploadButton___g39Ac-camelCase {
        background-color: var(--deep-yellow-hover) !important;
        transition: 0.2s ease-in-out;
    }

    .styles__bazaarItem___Meg69-camelCase:hover,
    .styles__chatEmojiButton___8RFa2-camelCase:hover,
    .styles__chatUploadButton___g39Ac-camelCase:hover,
    .styles__profileDropdownOption___ljZXD-camelCase:hover {
        background-color: #a99708 !important;
        transform: scale(1.05);
    }

    .styles__button___2hNZo-camelCase,
    .styles__buttonFilled___23Dcn-camelCase {
        background-color: var(--button-yellow) !important;
        color: var(--text-white) !important;
    }

    .styles__buttonInside___39vdp-camelCase,
    .styles__front___vcvuy-camelCase,
    .styles__loginButton___1e3jI-camelCase {
        background-color: var(--text-white) !important;
        color: var(--deep-yellow-hover) !important;
    }

    .styles__edge___3eWfq-camelCase,
    .styles__horizontalBlookGridLine___4SAvz-camelCase,
    .styles__verticalBlookGridLine___rQWaZ-camelCase,
    hr {
        background-color: var(--text-white) !important;
    }

    .styles__rightButtonInside___14imT-camelCase {
        color: var(--text-white) !important;
    }

    #searchInput {
        background-color: var(--button-yellow) !important;
    }
`;


    const greenCSS = `
    :root {
        --deep-green: #0a8a0a;
        --deep-green-hover: #076f07;
        --text-white: #ffffff;
        --button-green: #12a012;
    }

    .styles__blooketText___1pMBG-camelCase {
        color: var(--text-white);
        filter: drop-shadow(0px 0px 5px var(--text-white));
    }

    .styles__background___2J-JA-camelCase,
    .styles__bazaarItems___KmNa2-camelCase,
    .styles__blookGridContainer___AK47P-camelCase,
    .styles__cardContainer___NGmjp-camelCase,
    .styles__chatCurrentRoom___MCaV4-camelCase,
    .styles__chatInputContainer___gkR4A-camelCase,
    .styles__chatRoomsListContainer___Gk4Av-camelCase,
    .styles__chatRoomsTitle___fR4Av-camelCase,
    .styles__chatRooms___o5ASb-camelCase,
    .styles__container___1BPm9-camelCase,
    .styles__container___2VzTy-camelCase,
    .styles__container___3St5B-camelCase,
    .styles__containerHeader___3xghM-camelCase,
    .styles__containerHeaderInside___2omQm-camelCase,
    .styles__containerHeaderRight___3xghM-camelCase,
    .styles__containerHeaderRightFriends___3xghM-camelCase,
    .styles__editHeaderContainer___2G1ji-camelCase,
    .styles__formsForm___MvA35-camelCase,
    .styles__header___22Ne2-camelCase,
    .styles__header___2O21B-camelCase,
    .styles__headerBadgeBg___12ogR-camelCase,
    .styles__headerSide___1r1-b-camelCase,
    .styles__infoContainer___2uI-S-camelCase,
    .styles__input___2XTSp-camelCase,
    .styles__left___9beun-camelCase,
    .styles__myTokenAmount___ANKHA-camelCase,
    .styles__otherTokenAmount___SEGGS-camelCase,
    .styles__postsContainer___39_IQ-camelCase,
    .styles__profileContainer___CSuIE-camelCase,
    .styles__profileDropdownMenu___2jUAA-camelCase,
    .styles__profileDropdownOption___ljZXD-camelCase,
    .styles__sidebar___1XqWi-camelCase,
    .styles__signUpButton___3_ch3-camelCase,
    .styles__statContainer___QKuOF-camelCase,
    .styles__statsContainer___QnrRB-camelCase,
    .styles__toastContainer___o4pCa-camelCase,
    .styles__tokenContainer___3yBv--camelCase,
    .styles__tradingContainer___B1ABS-camelCase,
    textarea,
    input,
    .toastMessage {
        background-color: var(--deep-green) !important;
        color: var(--text-white) !important;
    }

    .styles__bazaarItem___Meg69-camelCase,
    .styles__chatEmojiButton___8RFa2-camelCase,
    .styles__chatUploadButton___g39Ac-camelCase {
        background-color: var(--deep-green-hover) !important;
        transition: 0.2s ease-in-out;
    }

    .styles__bazaarItem___Meg69-camelCase:hover,
    .styles__chatEmojiButton___8RFa2-camelCase:hover,
    .styles__chatUploadButton___g39Ac-camelCase:hover,
    .styles__profileDropdownOption___ljZXD-camelCase:hover {
        background-color: #065906 !important;
        transform: scale(1.05);
    }

    .styles__button___2hNZo-camelCase,
    .styles__buttonFilled___23Dcn-camelCase {
        background-color: var(--button-green) !important;
        color: var(--text-white) !important;
    }

    .styles__buttonInside___39vdp-camelCase,
    .styles__front___vcvuy-camelCase,
    .styles__loginButton___1e3jI-camelCase {
        background-color: var(--text-white) !important;
        color: var(--deep-green-hover) !important;
    }

    .styles__edge___3eWfq-camelCase,
    .styles__horizontalBlookGridLine___4SAvz-camelCase,
    .styles__verticalBlookGridLine___rQWaZ-camelCase,
    hr {
        background-color: var(--text-white) !important;
    }

    .styles__rightButtonInside___14imT-camelCase {
        color: var(--text-white) !important;
    }

    #searchInput {
        background-color: var(--button-green) !important;
    }
`;


const TrianguletGreenCSS = `
:root {
    --tri-bg: #5bd331;
    --tri-panel: #133e08;
    --tri-button-orange: #f5a623;
    --tri-button-blue: #2c8bff;
    --tri-light-green: #6af942;
    --tri-text-white: #ffffff;
}

/* Background and container */
body, #app,
.styles__background___2J-JA-camelCase {
    background-color: var(--tri-bg) !important;
    background-image: repeating-conic-gradient(rgba(255,255,255,0.02) 0% 25%, transparent 0% 50%) 50% / 100px 100px;
    color: var(--tri-text-white) !important;
}

/* Sidebar and header */
.styles__sidebar___1XqWi-camelCase,
.styles__header___22Ne2-camelCase {
    background-color: var(--tri-panel) !important;
    color: var(--tri-text-white) !important;
}

/* Make sidebar text white */
.styles__sidebar___1XqWi-camelCase * {
    color: var(--tri-text-white) !important;
}

/* Stat containers */
.styles__statContainer___QKuOF-camelCase,
.styles__statsContainer___QnrRB-camelCase,
.styles__topStatsContainer___dWfN7-camelCase,
.styles__bottomStatsContainer___1O6MJ-camelCase,
.styles__profileContainer___CSuIE-camelCase {
    background-color: var(--tri-panel) !important;
    border-radius: 10px !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    color: var(--tri-text-white) !important;
}

/* Buttons */
.styles__button___2hNZo-camelCase,
.styles__buttonFilled___23Dcn-camelCase {
    background-color: var(--tri-button-orange) !important;
    color: var(--tri-text-white) !important;
}

.styles__buttonInside___39vdp-camelCase,
.styles__loginButton___1e3jI-camelCase {
    background-color: var(--tri-button-blue) !important;
    color: var(--tri-text-white) !important;
}

/* Input and text */
input, textarea, .toastMessage {
    background-color: #ffffff10 !important;
    color: var(--tri-text-white) !important;
    border: 1px solid #ffffff30 !important;
}

/* All text white */
*, *::before, *::after {
    color: var(--tri-text-white) !important;
}

/* Links and hovers */
a, .styles__link___5UR6_-camelCase {
    color: var(--tri-light-green) !important;
}

.styles__profileDropdownOption___ljZXD-camelCase:hover,
.styles__bazaarItem___Meg69-camelCase:hover {
    background-color: #1e6821 !important;
    transform: scale(1.05);
}
`;

    const blueCSS = `
:root {
    --deep-blue: #1a28c4;
    --deep-blue-hover: #131fa3;
    --text-white: #ffffff;
    --button-blue: #2b39d6;
}

.styles__blooketText___1pMBG-camelCase {
    color: var(--text-white);
    filter: drop-shadow(0px 0px 5px var(--text-white));
}

.styles__background___2J-JA-camelCase,
.styles__bazaarItems___KmNa2-camelCase,
.styles__blookGridContainer___AK47P-camelCase,
.styles__cardContainer___NGmjp-camelCase,
.styles__chatCurrentRoom___MCaV4-camelCase,
.styles__chatInputContainer___gkR4A-camelCase,
.styles__chatRoomsListContainer___Gk4Av-camelCase,
.styles__chatRoomsTitle___fR4Av-camelCase,
.styles__chatRooms___o5ASb-camelCase,
.styles__container___1BPm9-camelCase,
.styles__container___2VzTy-camelCase,
.styles__container___3St5B-camelCase,
.styles__containerHeader___3xghM-camelCase,
.styles__containerHeaderInside___2omQm-camelCase,
.styles__containerHeaderRight___3xghM-camelCase,
.styles__containerHeaderRightFriends___3xghM-camelCase,
.styles__editHeaderContainer___2G1ji-camelCase,
.styles__formsForm___MvA35-camelCase,
.styles__header___22Ne2-camelCase,
.styles__header___2O21B-camelCase,
.styles__headerBadgeBg___12ogR-camelCase,
.styles__headerSide___1r1-b-camelCase,
.styles__infoContainer___2uI-S-camelCase,
.styles__input___2XTSp-camelCase,
.styles__left___9beun-camelCase,
.styles__myTokenAmount___ANKHA-camelCase,
.styles__otherTokenAmount___SEGGS-camelCase,
.styles__postsContainer___39_IQ-camelCase,
.styles__profileContainer___CSuIE-camelCase,
.styles__profileDropdownMenu___2jUAA-camelCase,
.styles__profileDropdownOption___ljZXD-camelCase,
.styles__sidebar___1XqWi-camelCase,
.styles__signUpButton___3_ch3-camelCase,
.styles__statContainer___QKuOF-camelCase,
.styles__statsContainer___QnrRB-camelCase,
.styles__toastContainer___o4pCa-camelCase,
.styles__tokenContainer___3yBv--camelCase,
.styles__tradingContainer___B1ABS-camelCase,
textarea,
input,
.toastMessage {
    background-color: var(--deep-blue) !important;
    color: var(--text-white) !important;
}

.styles__bazaarItem___Meg69-camelCase,
.styles__chatEmojiButton___8RFa2-camelCase,
.styles__chatUploadButton___g39Ac-camelCase {
    background-color: var(--deep-blue-hover) !important;
    transition: 0.2s ease-in-out;
}

.styles__bazaarItem___Meg69-camelCase:hover,
.styles__chatEmojiButton___8RFa2-camelCase:hover,
.styles__chatUploadButton___g39Ac-camelCase:hover,
.styles__profileDropdownOption___ljZXD-camelCase:hover {
    background-color: #101890 !important;
    transform: scale(1.05);
}

.styles__button___2hNZo-camelCase,
.styles__buttonFilled___23Dcn-camelCase {
    background-color: var(--button-blue) !important;
    color: var(--text-white) !important;
}

.styles__buttonInside___39vdp-camelCase,
.styles__front___vcvuy-camelCase,
.styles__loginButton___1e3jI-camelCase {
    background-color: var(--text-white) !important;
    color: var(--deep-blue-hover) !important;
}

.styles__edge___3eWfq-camelCase,
.styles__horizontalBlookGridLine___4SAvz-camelCase,
.styles__verticalBlookGridLine___rQWaZ-camelCase,
hr {
    background-color: var(--text-white) !important;
}

.styles__rightButtonInside___14imT-camelCase {
    color: var(--text-white) !important;
}

#searchInput {
    background-color: var(--button-blue) !important;
}
`;
    const DarkBlueCSS = `
:root {
.styles__blooketText___1pMBG-camelCase {
            font-size: 40px;
            font-family: Titan One, sans-serif;
            text-decoration: none;
            color: white;
            filter: drop-shadow(0px 0px 5px white);
            margin-bottom: 20px;
            text-align: center;
        }

        .styles__background___2J-JA-camelCase {
            background-color: #020524 !important;
        }

        .styles__bazaarItem___Meg69-camelCase {
            background-color: #020943 !important;
            transition: 0.2s ease-in-out;
        }

        .styles__bazaarItem___Meg69-camelCase:hover {
            background-color: #050C43 !important;
            transform: scale(1.05);
        }

        .styles__bazaarItems___KmNa2-camelCase {
            background-color: #050A5C !important;
        }

        .styles__blookGridContainer___AK47P-camelCase {
            background-color: #02041F !important;
        }

        .styles__button___2hNZo-camelCase,
        .styles__buttonFilled___23Dcn-camelCase {
            background-color: #0B129F !important;
        }

        .styles__buttonInside___39vdp-camelCase,
        .styles__front___vcvuy-camelCase {
            background-color: #06105C !important;
            color: #0C0F9F !important;
        }

        .styles__cardContainer___NGmjp-camelCase {
            background-color: #0C0F9F !important;
        }

        .styles__chatCurrentRoom___MCaV4-camelCase {
            background-color: #040B5A !important;
        }

        .styles__chatEmojiButton___8RFa2-camelCase {
            background-color: #0B14BD !important;
            transition: 0.2s ease-in-out;
        }

        .styles__chatEmojiButton___8RFa2-camelCase:hover {
            background-color: #BDA01E !important;
        }

        .styles__chatInputContainer___gkR4A-camelCase {
            background-color: #030727 !important;
        }

        .styles__chatRoomsListContainer___Gk4Av-camelCase {
            background-color: #050833 !important;
        }

        .styles__chatRoomsTitle___fR4Av-camelCase {
            background-color: #050833 !important;
        }

        .styles__chatRooms___o5ASb-camelCase {
            background-color: #050F5C !important;
        }

        .styles__chatUploadButton___g39Ac-camelCase {
            background-color: #0C1AB3 !important;
            transition: 0.2s ease-in-out;
        }

        .styles__chatUploadButton___g39Ac-camelCase:hover {
            background-color: #B30707 !important;
        }

        .styles__container___1BPm9-camelCase {
            background-color: #0104B3 !important;
        }

        .styles__container___2VzTy-camelCase {
            background-color: #00015F !important;
        }

        .styles__container___3St5B-camelCase {
            background-color: #00015F !important;
        }

        .styles__containerHeader___3xghM-camelCase {
            background-color: #00015F !important;
        }

        .styles__containerHeaderInside___2omQm-camelCase {
            background-color: #00015F !important;
        }

        .styles__containerHeaderRight___3xghM-camelCase,
        .styles__containerHeaderRightFriends___3xghM-camelCase {
            background-color: #00015F !important;
        }

        .styles__editHeaderContainer___2G1ji-camelCase {
            background-color: #00015F !important;
        }

        .styles__edge___3eWfq-camelCase {
            background-color: #04065C !important;
        }

        .styles__formsForm___MvA35-camelCase {
            background-color: #00015F) !important;
        }

        .styles__header___22Ne2-camelCase {
            background-color: #00015F !important;
        }

        .styles__header___2O21B-camelCase {
            background-color: #2C11F5 !important;
        }

        .styles__headerBadgeBg___12ogR-camelCase {
            background-color: #2C11F5 !important;
        }

        .styles__headerSide___1r1-b-camelCase {
            background-color: #2C11F5 !important;
        }

        .styles__horizontalBlookGridLine___4SAvz-camelCase {
            background-color: #060A5C !important;
        }

        .styles__infoContainer___2uI-S-camelCase {
            background-color: #080343 !important;
        }

        .styles__input___2XTSp-camelCase {
            background-color: #020543 !important;
        }

        .styles__left___9beun-camelCase {
            background-color: #020543 !important;
        }

        .styles__loginButton___1e3jI-camelCase {
            background-color: #fff !important;
            color: #020543 !important;
        }

        .styles__myTokenAmount___ANKHA-camelCase {
            background-color: #020543 !important;
        }

        .styles__otherTokenAmount___SEGGS-camelCase {
            background-color: #020543 !important;
        }

        .styles__postsContainer___39_IQ-camelCase {
            background-color: #1A005C !important;
        }

        .styles__profileContainer___CSuIE-camelCase {
            background-color: #020543 !important;
        }

        .styles__profileDropdownMenu___2jUAA-camelCase {
            background-color: #020543 !important;
        }

        .styles__profileDropdownOption___ljZXD-camelCase {
            background-color: #040B92 !important;
        }

        .styles__profileDropdownOption___ljZXD-camelCase:hover {
            background-color: #111111 !important;
        }

        .styles__rightButtonInside___14imT-camelCase {
            color: #001692 !important;
        }

        .styles__sidebar___1XqWi-camelCase {
            background-color: #04053E !important;
        }

        .styles__signUpButton___3_ch3-camelCase {
            background-color: #04053E !important;
            color: #04095C !important;
        }

        .styles__statContainer___QKuOF-camelCase {
            background-color: #111111 !important;
        }

        .styles__statsContainer___QnrRB-camelCase {
            background-color: #04053E !important;
        }

        .styles__toastContainer___o4pCa-camelCase {
            background-color: #04053E !important;
        }

        .styles__tokenContainer___3yBv--camelCase {
            background-color: #04053E !important;
        }

        .styles__tradingContainer___B1ABS-camelCase {
            background-color: #04053E !important;
        }

        .styles__verticalBlookGridLine___rQWaZ-camelCase {
            background-color: #04085C !important;
        }

        #searchInput {
            background-color: #04085C1 !important;
        }

        textarea {
            background-color: setGradient(#8D1329, #000000) !important;
        }

        .toastMessage {
            background-color: setGradient(#8D1329, #000000) !important;
        }

        input {
            background-color: setGradient(#8D1329, #000000) !important;
        }

        hr {
            background-color: #10055C !important;
        }
    `;


    const BluletBlueCSS = `
:root {
    --blulet-bg: #001c6b;
    --blulet-panel: #003399;
    --blulet-accent: #004de6;
    --blulet-text: #ffffff;
}

/* Global background and font */
body, #app,
.styles__background___2J-JA-camelCase {
    background-color: var(--blulet-bg) !important;
    background-image: var(--blulet-tile-pattern);
    background-size: 300px 300px;
    color: var(--blulet-text) !important;
    font-family: 'Fredoka One', sans-serif !important;
}

/* Sidebar & header */
.styles__sidebar___1XqWi-camelCase,
.styles__header___22Ne2-camelCase {
    background-color: var(--blulet-panel) !important;
    color: var(--blulet-text) !important;
}

/* Sidebar items */
.styles__sidebar___1XqWi-camelCase *,
.styles__header___22Ne2-camelCase * {
    color: var(--blulet-text) !important;
}

/* Stat containers */
.styles__statContainer___QKuOF-camelCase,
.styles__statsContainer___QnrRB-camelCase,
.styles__topStatsContainer___dWfN7-camelCase,
.styles__bottomStatsContainer___1O6MJ-camelCase,
.styles__profileContainer___CSuIE-camelCase,
.styles__container___1BPm9-camelCase {
    background-color: var(--blulet-panel) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    color: var(--blulet-text) !important;
}

/* Buttons */
.styles__button___2hNZo-camelCase,
.styles__buttonFilled___23Dcn-camelCase {
    background-color: transparent !important;
    border: 2px solid var(--blulet-accent) !important;
    color: var(--blulet-text) !important;
    border-radius: 10px;
    transition: background 0.3s;
}

.styles__button___2hNZo-camelCase:hover,
.styles__buttonFilled___23Dcn-camelCase:hover {
    background-color: var(--blulet-accent) !important;
}

/* Inputs */
input, textarea, .toastMessage {
    background-color: #ffffff10 !important;
    color: var(--blulet-text) !important;
    border: 1px solid #ffffff30 !important;
}

/* Hover */
.styles__profileDropdownOption___ljZXD-camelCase:hover,
.styles__bazaarItem___Meg69-camelCase:hover {
    background-color: #002a88 !important;
    transform: scale(1.03);
}
`;



    const purpleCSS = `
:root {
    --deep-purple: #6a1b9a;
    --deep-purple-hover: #4b1373;
    --text-white: #ffffff;
    --button-purple: #7e22ce;
}

.styles__blooketText___1pMBG-camelCase {
    color: var(--text-white);
    filter: drop-shadow(0px 0px 5px var(--text-white));
}

.styles__background___2J-JA-camelCase,
.styles__bazaarItems___KmNa2-camelCase,
.styles__blookGridContainer___AK47P-camelCase,
.styles__cardContainer___NGmjp-camelCase,
.styles__chatCurrentRoom___MCaV4-camelCase,
.styles__chatInputContainer___gkR4A-camelCase,
.styles__chatRoomsListContainer___Gk4Av-camelCase,
.styles__chatRoomsTitle___fR4Av-camelCase,
.styles__chatRooms___o5ASb-camelCase,
.styles__container___1BPm9-camelCase,
.styles__container___2VzTy-camelCase,
.styles__container___3St5B-camelCase,
.styles__containerHeader___3xghM-camelCase,
.styles__containerHeaderInside___2omQm-camelCase,
.styles__containerHeaderRight___3xghM-camelCase,
.styles__containerHeaderRightFriends___3xghM-camelCase,
.styles__editHeaderContainer___2G1ji-camelCase,
.styles__formsForm___MvA35-camelCase,
.styles__header___22Ne2-camelCase,
.styles__header___2O21B-camelCase,
.styles__headerBadgeBg___12ogR-camelCase,
.styles__headerSide___1r1-b-camelCase,
.styles__infoContainer___2uI-S-camelCase,
.styles__input___2XTSp-camelCase,
.styles__left___9beun-camelCase,
.styles__myTokenAmount___ANKHA-camelCase,
.styles__otherTokenAmount___SEGGS-camelCase,
.styles__postsContainer___39_IQ-camelCase,
.styles__profileContainer___CSuIE-camelCase,
.styles__profileDropdownMenu___2jUAA-camelCase,
.styles__profileDropdownOption___ljZXD-camelCase,
.styles__sidebar___1XqWi-camelCase,
.styles__signUpButton___3_ch3-camelCase,
.styles__statContainer___QKuOF-camelCase,
.styles__statsContainer___QnrRB-camelCase,
.styles__toastContainer___o4pCa-camelCase,
.styles__tokenContainer___3yBv--camelCase,
.styles__tradingContainer___B1ABS-camelCase,
textarea,
input,
.toastMessage {
    background-color: var(--deep-purple) !important;
    color: var(--text-white) !important;
}

.styles__bazaarItem___Meg69-camelCase,
.styles__chatEmojiButton___8RFa2-camelCase,
.styles__chatUploadButton___g39Ac-camelCase {
    background-color: var(--deep-purple-hover) !important;
    transition: 0.2s ease-in-out;
}

.styles__bazaarItem___Meg69-camelCase:hover,
.styles__chatEmojiButton___8RFa2-camelCase:hover,
.styles__chatUploadButton___g39Ac-camelCase:hover,
.styles__profileDropdownOption___ljZXD-camelCase:hover {
    background-color: #3d0d5c !important;
    transform: scale(1.05);
}

.styles__button___2hNZo-camelCase,
.styles__buttonFilled___23Dcn-camelCase {
    background-color: var(--button-purple) !important;
    color: var(--text-white) !important;
}

.styles__buttonInside___39vdp-camelCase,
.styles__front___vcvuy-camelCase,
.styles__loginButton___1e3jI-camelCase {
    background-color: var(--text-white) !important;
    color: var(--deep-purple-hover) !important;
}

.styles__edge___3eWfq-camelCase,
.styles__horizontalBlookGridLine___4SAvz-camelCase,
.styles__verticalBlookGridLine___rQWaZ-camelCase,
hr {
    background-color: var(--text-white) !important;
}

.styles__rightButtonInside___14imT-camelCase {
    color: var(--text-white) !important;
}

#searchInput {
    background-color: var(--button-purple) !important;
}
`;


const PurpetPurpleCSS = `
:root {
    --purple-bg: #2a004b;
    --purple-panel: #3d005e;
    --purple-accent: #4a006e;
    --purple-text: #ffffff;
}

body, #app,
.styles__background___2J-JA-camelCase {
    background-color: var(--purple-bg) !important;
    color: var(--purple-text) !important;
    font-family: 'Fredoka One', sans-serif !important;
}

.styles__sidebar___1XqWi-camelCase,
.styles__header___22Ne2-camelCase {
    background-color: var(--purple-panel) !important;
    color: var(--purple-text) !important;
}

.styles__sidebar___1XqWi-camelCase *,
.styles__header___22Ne2-camelCase * {
    color: var(--purple-text) !important;
}

.styles__statContainer___QKuOF-camelCase,
.styles__statsContainer___QnrRB-camelCase,
.styles__topStatsContainer___dWfN7-camelCase,
.styles__bottomStatsContainer___1O6MJ-camelCase,
.styles__profileContainer___CSuIE-camelCase,
.styles__container___1BPm9-camelCase {
    background-color: var(--purple-panel) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    color: var(--purple-text) !important;
}

.styles__button___2hNZo-camelCase,
.styles__buttonFilled___23Dcn-camelCase {
    background-color: transparent !important;
    border: 2px solid var(--purple-accent) !important;
    color: var(--purple-text) !important;
    border-radius: 10px;
    transition: background 0.3s;
}

.styles__button___2hNZo-camelCase:hover,
.styles__buttonFilled___23Dcn-camelCase:hover {
    background-color: var(--purple-accent) !important;
}

input, textarea, .toastMessage {
    background-color: #ffffff10 !important;
    color: var(--purple-text) !important;
    border: 1px solid #ffffff30 !important;
}

.styles__profileDropdownOption___ljZXD-camelCase:hover,
.styles__bazaarItem___Meg69-camelCase:hover {
    background-color: var(--purple-accent) !important;
    transform: scale(1.03);
}
`;



    const TrianguletPurpleCSS = `
:root {
  --tri-purple-bg: #9c27b0;
  --tri-purple-panel: #4a0072;
  --tri-purple-button: #ba68c8;
  --tri-text-white: #ffffff;
}

/* Main background and triangle pattern */
body, #app, .styles__background___2J-JA-camelCase {
  background-color: var(--tri-purple-bg) !important;
  background-image: repeating-conic-gradient(rgba(255,255,255,0.02) 0% 25%, transparent 0% 50%) 50% / 100px 100px;
  color: var(--tri-text-white) !important;
}

/* Sidebar and header */
.styles__sidebar___1XqWi-camelCase,
.styles__header___22Ne2-camelCase {
  background-color: var(--tri-purple-panel) !important;
  color: var(--tri-text-white) !important;
}

/* Sidebar text */
.styles__sidebar___1XqWi-camelCase * {
  color: var(--tri-text-white) !important;
}

/* Stat containers */
.styles__statContainer___QKuOF-camelCase,
.styles__statsContainer___QnrRB-camelCase,
.styles__topStatsContainer___dWfN7-camelCase,
.styles__bottomStatsContainer___1O6MJ-camelCase,
.styles__profileContainer___CSuIE-camelCase {
  background-color: var(--tri-purple-panel) !important;
  border-radius: 10px !important;
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
  color: var(--tri-text-white) !important;
}

/* Buttons */
.styles__button___2hNZo-camelCase,
.styles__buttonFilled___23Dcn-camelCase {
  background-color: var(--tri-purple-button) !important;
  color: var(--tri-text-white) !important;
}

.styles__buttonInside___39vdp-camelCase,
.styles__loginButton___1e3jI-camelCase {
  background-color: var(--tri-purple-button) !important;
  color: var(--tri-text-white) !important;
}

/* Inputs and messages */
input, textarea, .toastMessage {
  background-color: #ffffff10 !important;
  color: var(--tri-text-white) !important;
  border: 1px solid #ffffff30 !important;
}

/* Links and hover effects */
a, .styles__link___5UR6_-camelCase {
  color: #e1bee7 !important;
}

.styles__profileDropdownOption___ljZXD-camelCase:hover,
.styles__bazaarItem___Meg69-camelCase:hover {
  background-color: #6a1b9a !important;
  transform: scale(1.05);
}
`;



    const pinkCSS = `
:root {
    --pink: #f702c6;
    --pink-hover: #d401ad;
    --text-white: #ffffff;
    --button-pink: #f702c6;
}

.styles__blooketText___1pMBG-camelCase {
    color: var(--text-white);
    filter: drop-shadow(0px 0px 5px var(--text-white));
}

.styles__background___2J-JA-camelCase,
.styles__bazaarItems___KmNa2-camelCase,
.styles__blookGridContainer___AK47P-camelCase,
.styles__cardContainer___NGmjp-camelCase,
.styles__chatCurrentRoom___MCaV4-camelCase,
.styles__chatInputContainer___gkR4A-camelCase,
.styles__chatRoomsListContainer___Gk4Av-camelCase,
.styles__chatRoomsTitle___fR4Av-camelCase,
.styles__chatRooms___o5ASb-camelCase,
.styles__container___1BPm9-camelCase,
.styles__container___2VzTy-camelCase,
.styles__container___3St5B-camelCase,
.styles__containerHeader___3xghM-camelCase,
.styles__containerHeaderInside___2omQm-camelCase,
.styles__containerHeaderRight___3xghM-camelCase,
.styles__containerHeaderRightFriends___3xghM-camelCase,
.styles__editHeaderContainer___2G1ji-camelCase,
.styles__formsForm___MvA35-camelCase,
.styles__header___22Ne2-camelCase,
.styles__header___2O21B-camelCase,
.styles__headerBadgeBg___12ogR-camelCase,
.styles__headerSide___1r1-b-camelCase,
.styles__infoContainer___2uI-S-camelCase,
.styles__input___2XTSp-camelCase,
.styles__left___9beun-camelCase,
.styles__myTokenAmount___ANKHA-camelCase,
.styles__otherTokenAmount___SEGGS-camelCase,
.styles__postsContainer___39_IQ-camelCase,
.styles__profileContainer___CSuIE-camelCase,
.styles__profileDropdownMenu___2jUAA-camelCase,
.styles__profileDropdownOption___ljZXD-camelCase,
.styles__sidebar___1XqWi-camelCase,
.styles__signUpButton___3_ch3-camelCase,
.styles__statContainer___QKuOF-camelCase,
.styles__statsContainer___QnrRB-camelCase,
.styles__toastContainer___o4pCa-camelCase,
.styles__tokenContainer___3yBv--camelCase,
.styles__tradingContainer___B1ABS-camelCase,
textarea,
input,
.toastMessage {
    background-color: var(--pink) !important;
    color: var(--text-white) !important;
}

.styles__bazaarItem___Meg69-camelCase,
.styles__chatEmojiButton___8RFa2-camelCase,
.styles__chatUploadButton___g39Ac-camelCase {
    background-color: var(--pink-hover) !important;
    transition: 0.2s ease-in-out;
}

.styles__bazaarItem___Meg69-camelCase:hover,
.styles__chatEmojiButton___8RFa2-camelCase:hover,
.styles__chatUploadButton___g39Ac-camelCase:hover,
.styles__profileDropdownOption___ljZXD-camelCase:hover {
    background-color: #a8008e !important;
    transform: scale(1.05);
}

.styles__button___2hNZo-camelCase,
.styles__buttonFilled___23Dcn-camelCase {
    background-color: var(--button-pink) !important;
    color: var(--text-white) !important;
}

.styles__buttonInside___39vdp-camelCase,
.styles__front___vcvuy-camelCase,
.styles__loginButton___1e3jI-camelCase {
    background-color: var(--text-white) !important;
    color: var(--pink-hover) !important;
}

.styles__edge___3eWfq-camelCase,
.styles__horizontalBlookGridLine___4SAvz-camelCase,
.styles__verticalBlookGridLine___rQWaZ-camelCase,
hr {
    background-color: var(--text-white) !important;
}

.styles__rightButtonInside___14imT-camelCase {
    color: var(--text-white) !important;
}

#searchInput {
    background-color: var(--button-pink) !important;
}
`;


const whiteCSS = `
    :root {
        --white-bg: #e6e6e6;
        --white-bg-alt: #f9f9f9;
        --shadow-color: rgba(0,0,0,0.1);
        --text-black: #000000;
        --button-white: #ffffff;
        --button-hover: #dcdcdc;
    }

    /* Make all text black */
    * {
        color: var(--text-black) !important;
    }

    .styles__blooketText___1pMBG-camelCase {
        filter: drop-shadow(0 0 3px var(--shadow-color));
    }

    .styles__background___2J-JA-camelCase,
    .styles__bazaarItems___KmNa2-camelCase,
    .styles__blookGridContainer___AK47P-camelCase,
    .styles__cardContainer___NGmjp-camelCase,
    .styles__chatCurrentRoom___MCaV4-camelCase,
    .styles__chatInputContainer___gkR4A-camelCase,
    .styles__chatRoomsListContainer___Gk4Av-camelCase,
    .styles__chatRoomsTitle___fR4Av-camelCase,
    .styles__chatRooms___o5ASb-camelCase,
    .styles__container___1BPm9-camelCase,
    .styles__container___2VzTy-camelCase,
    .styles__container___3St5B-camelCase,
    .styles__containerHeader___3xghM-camelCase,
    .styles__containerHeaderInside___2omQm-camelCase,
    .styles__containerHeaderRight___3xghM-camelCase,
    .styles__containerHeaderRightFriends___3xghM-camelCase,
    .styles__editHeaderContainer___2G1ji-camelCase,
    .styles__formsForm___MvA35-camelCase,
    .styles__header___22Ne2-camelCase,
    .styles__header___2O21B-camelCase,
    .styles__headerBadgeBg___12ogR-camelCase,
    .styles__headerSide___1r1-b-camelCase,
    .styles__infoContainer___2uI-S-camelCase,
    .styles__input___2XTSp-camelCase,
    .styles__left___9beun-camelCase,
    .styles__myTokenAmount___ANKHA-camelCase,
    .styles__otherTokenAmount___SEGGS-camelCase,
    .styles__postsContainer___39_IQ-camelCase,
    .styles__profileContainer___CSuIE-camelCase,
    .styles__profileDropdownMenu___2jUAA-camelCase,
    .styles__profileDropdownOption___ljZXD-camelCase,
    .styles__sidebar___1XqWi-camelCase,
    .styles__signUpButton___3_ch3-camelCase,
    .styles__statContainer___QKuOF-camelCase,
    .styles__statsContainer___QnrRB-camelCase,
    .styles__toastContainer___o4pCa-camelCase,
    .styles__tokenContainer___3yBv--camelCase,
    .styles__tradingContainer___B1ABS-camelCase,
    textarea,
    input,
    .toastMessage {
        background-color: var(--white-bg) !important;
        box-shadow: 0 0 8px var(--shadow-color) !important;
        border: 1px solid #ccc !important;
    }

    .styles__bazaarItem___Meg69-camelCase,
    .styles__chatEmojiButton___8RFa2-camelCase,
    .styles__chatUploadButton___g39Ac-camelCase {
        background-color: var(--white-bg-alt) !important;
        transition: 0.2s ease-in-out;
        border: 1px solid #ccc !important;
    }

    .styles__bazaarItem___Meg69-camelCase:hover,
    .styles__chatEmojiButton___8RFa2-camelCase:hover,
    .styles__chatUploadButton___g39Ac-camelCase:hover,
    .styles__profileDropdownOption___ljZXD-camelCase:hover {
        background-color: var(--button-hover) !important;
        transform: scale(1.05);
        border-color: #bbb !important;
    }

    .styles__button___2hNZo-camelCase,
    .styles__buttonFilled___23Dcn-camelCase {
        background-color: var(--button-white) !important;
        border: 1px solid #ccc !important;
    }

    .styles__buttonInside___39vdp-camelCase,
    .styles__front___vcvuy-camelCase,
    .styles__loginButton___1e3jI-camelCase {
        background-color: var(--text-black) !important;
        color: var(--white-bg) !important;
        border: none !important;
    }

    .styles__edge___3eWfq-camelCase,
    .styles__horizontalBlookGridLine___4SAvz-camelCase,
    .styles__verticalBlookGridLine___rQWaZ-camelCase,
    hr {
        background-color: var(--text-black) !important;
    }

    .styles__rightButtonInside___14imT-camelCase {
        color: var(--text-black) !important;
    }

    #searchInput {
        background-color: var(--button-white) !important;
        border: 1px solid #ccc !important;
    }
`;


    const rainbowCSS = `
  @keyframes rainbowFade {
    0%   { background-color: #FF0000; } /* Red */
    16%  { background-color: #FF7F00; } /* Orange */
    33%  { background-color: #FFFF00; } /* Yellow */
    50%  { background-color: #00FF00; } /* Green */
    66%  { background-color: #0000FF; } /* Blue */
    83%  { background-color: #4B0082; } /* Indigo */
    100% { background-color: #9400D3; } /* Violet */
  }

  body, #app,
  .styles__background___2J-JA-camelCase,
  .styles__app___bM8h5-camelCase,
  .styles__sidebar___1XqWi-camelCase,
  .styles__header___22Ne2-camelCase,
  .styles__toastContainer___o4pCa-camelCase,
  .styles__chatCurrentRoom___MCaV4-camelCase,
  .styles__chatRoomsListContainer___Gk4Av-camelCase,
  .styles__chatRooms___o5ASb-camelCase,
  .styles__container___1BPm9-camelCase,
  .styles__profileContainer___CSuIE-camelCase,
  .styles__statContainer___QKuOF-camelCase,
  .styles__friendContainer___3wVox-camelCase,
  .styles__bazaarItem___Meg69-camelCase,
  .styles__topStatsContainer___dWfN7-camelCase,
  .styles__statsContainer___1r5je-camelCase,
  .styles__bottomStatsContainer___1O6MJ-camelCase,
  .styles__statsContainer___QnrRB-camelCase {
    animation: rainbowFade 15s infinite alternate;
    color: white !important;
  }

  .styles__stat___3f0U4-camelCase,
  .styles__friend___3ZgeG-camelCase,
  .styles__containerInner___3aRAZ-camelCase,
  .styles__profileStat___3GvPt-camelCase {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
  }

  textarea, input, button {
    background-color: rgba(0, 0, 0, 0.3) !important;
    color: white !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
  }

  button:hover,
  .styles__bazaarItem___Meg69-camelCase:hover,
  .styles__profileDropdownOption___ljZXD-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.5) !important;
    transform: scale(1.05);
    color: white !important;
  }

  hr, .styles__edge___3eWfq-camelCase {
    background-color: white !important;
  }
`;
    const CottonCandyCSS = `
:root {
    --accent: #f000;
    --primary: #f000;
    --secondary: var(--halloween-orange);
    --tertiary: #1a1a1a;
    --halloween-purple: #a67fec;
    --halloween-orange: #2eb7e8;
}

.bb_customCSSBox {
    background-color: var(--primary) !important;
}

.styles__tokenBalanceIcon___3MGhs-camelCase {
    content: url("/content/tokenIcon.webp");
}

.styles__containerHeader___3xghM-camelCase {
    box-shadow: 0 0.208vw rgba(0, 0, 0, 0.1), inset 0 -0.208vw rgba(0, 0, 0, 0.1);
}

.styles__background___2J-JA-camelCase {
    background: linear-gradient(to right, #9796f0, #fbc7d4);
}

.styles__blooksBackground___3oQ7Y-camelCase {
    display: none !important;
    visibility: hidden !important;
    background-image: none !important;
}

.styles__sidebar___1XqWi-camelCase {
    background: linear-gradient(to bottom, rgba(18, 194, 233, 0.4) 0%, rgba(196, 113, 237, 0.4) 50%, rgba(246, 79, 89, 0.4) 100%);
}

.styles__container___1BPm9-camelCase,
.bb_bigModal {
    background: linear-gradient(45deg, rgba(251, 199, 212, 0.9) 0%, rgba(151, 150, 240, 0.9) 100%);
}

.styles__chatInputContainer___gkR4A-camelCase {
    border-radius: 15px;
    background-color: rgba(0, 0, 0, 0.3);
    margin: 4px;
}

.styles__button___1_E-G-camelCase .styles__button___3zpwV-camelCase {
    background-color: var(--primary);
}

.styles__header___2O21B-camelCase {
    background-color: var(--tertiary);
}

.styles__dateRow___1jkQT-camelCase {
    color: #f1f1f1;
}

.bb_roleTag {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #404040;
}

.styles__contextMenuContainer___3jAmv-camelCase {
    background-color: rgba(0, 0, 0, 0.6);
    border: 2px solid #000;
}

.styles__profileContainer___CSuIE-camelCase,
.styles__tradingContainer___B1ABS-camelCase {
    background-color: rgba(0, 0, 0, 0.3);
}

.styles__left___9beun-camelCase {
    background-color: rgba(111, 0, 111, 0.3);
    border: 3px solid rgba(0, 0, 0, 0.3);
}

.styles__blooketText___1pMBG-camelCase {
    font-family: Titan One !important;
    font-size: 2.383vw !important;
}

.styles__chatMessageButtonContainer___4jCa3-camelCase,
.styles__blookGridContainer___AK47P-camelCase {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    border: 3px solid rgba(0, 0, 0, 0.3);
}

.styles__blookGridContainer___AK47P-camelCase {
    border-width: 5px;
    border-radius: 25px;
}

.styles__verticalBlookGridLine___rQWaZ-camelCase,
.styles__horizontalBlookGridLine___4SAvz-camelCase {
    background-color: #fff;
    border-radius: 5px;
}

.styles__smallChatContainer__RT55a-camelCase {
    margin-bottom: 15px;
    border-radius: 15px;
}

#searchInput {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

#searchInput::placeholder {
    color: #fff;
    opacity: 0.75;
}

.toastMessage {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.styles__pageButton___1wFuu-camelCase {
    transition: 0.7s cubic-bezier(0, 1.46, 0.58, 1);
}

.styles__pageButton___1wFuu-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}
`;
    const BlooketCSS = `
    /**
 * @name Blooket
 * @description Simple Blooket theme for blacket.
 * @author DMrD
 */

:root {
    --accent: #f000;
    --primary: #f000;
    --secondary: var(#2eb7e8);
    --tertiary: #1a1a1a;
    --halloween-purple: #a67fec;
    --halloween-orange: #2eb7e8;
}

.styles__background___2J-JA-camelCase,
.styles__sidebar___1XqWi-camelCase {
    background: #0bc2cf;
}

.styles__pageButton___1wFuu-camelCase {
    transition: 0.7s cubic-bezier(0, 1.46, 0.58, 1);
    font-weight: bold;
}

.styles__pageButton___1wFuu-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}

.styles__blooketText___1pMBG-camelCase {
    font-family: Titan One !important;
    font-size: 2.383vw !important;
}

.styles__tokenBalanceIcon___3MGhs-camelCase {
    content: url("/content/tokenIcon.webp");
}

.styles__contextMenuContainer___3jAmv-camelCase {
    background-color: var(--secondary);
    border-color: #fff;
    border-style: solid;
    border-radius: 6px;
    border-width: 3px;
    font-weight: bold;
}
`;


    // Function to inject/update the theme CSS
function applyTheme(theme) {
    let styleEl = document.getElementById('blacket-theme-style');
    if (!styleEl) {
        styleEl = document.createElement('style');
        styleEl.id = 'blacket-theme-style';
        document.head.appendChild(styleEl);
    }

    // Handle custom color theme
    if (theme === 'Custom') {
        let customColor = localStorage.getItem('customThemeColor') || '#00ffff';
        const userInput = prompt('Enter a hex color (e.g. #ff8800):', customColor);
        if (userInput && /^#([0-9A-Fa-f]{3}){1,2}$/.test(userInput)) {
            customColor = userInput;
            localStorage.setItem('customThemeColor', customColor);
        }
        styleEl.textContent = generateCustomCSS(customColor);
        return;
    }
        switch (theme) {
            case 'Amoled': styleEl.textContent = amoledCSS; break;
            case 'Red': styleEl.textContent = redCSS; break;
            case 'Dark Red': styleEl.textContent = DarkRedCSS; break;
            case 'Orange': styleEl.textContent = orangeCSS; break;
            case 'Yellow': styleEl.textContent = yellowCSS; break;
            case 'Green': styleEl.textContent = greenCSS; break;
            case 'Blue': styleEl.textContent = blueCSS; break;
            case 'Dark Blue': styleEl.textContent = DarkBlueCSS; break;
            case 'Purple': styleEl.textContent = purpleCSS; break;
            case 'Pink': styleEl.textContent = pinkCSS; break;
            case 'White': styleEl.textContent = whiteCSS; break;
            case 'Rainbow': styleEl.textContent = rainbowCSS; break;
            case 'Cotton Candy': styleEl.textContent = CottonCandyCSS; break;
            case 'Blooket': styleEl.textContent = BlooketCSS; break;
            case 'Legacy': styleEl.textContent = ''; initLegacyParticles(); break;
            case 'Triangulet Green': styleEl.textContent = TrianguletGreenCSS; break;
            case 'Triangulet Purple': styleEl.textContent =TrianguletPurpleCSS; break;
            case 'Blulet Blue': styleEl.textContent =BluletBlueCSS; break;
            case 'Purpet Purple': styleEl.textContent =PurpetPurpleCSS; break;
            default: styleEl.textContent = ''; break; // Default clears styles
        }
    }

    function generateCustomCSS(color) {
    return `
    :root {
        --custom-color: ${color};
        --custom-text: #ffffff;
    }

    body, #app,
    .styles__background___2J-JA-camelCase,
    .styles__container___1BPm9-camelCase,
    .styles__profileContainer___CSuIE-camelCase,
    .styles__toastContainer___o4pCa-camelCase,
    .styles__sidebar___1XqWi-camelCase,
    .styles__chatCurrentRoom___MCaV4-camelCase,
    .styles__chatRoomsListContainer___Gk4Av-camelCase,
    .styles__containerHeader___3xghM-camelCase,
    .styles__header___22Ne2-camelCase,
    .styles__tokenContainer___3yBv--camelCase,
    textarea,
    input,
    .toastMessage {
        background-color: var(--custom-color) !important;
        color: var(--custom-text) !important;
    }

    .styles__button___2hNZo-camelCase,
    .styles__buttonFilled___23Dcn-camelCase {
        background-color: var(--custom-color) !important;
        color: var(--custom-text) !important;
    }

    .styles__bazaarItem___Meg69-camelCase:hover,
    .styles__profileDropdownOption___ljZXD-camelCase:hover {
        background-color: rgba(0,0,0,0.3) !important;
        transform: scale(1.05);
    }

    hr, .styles__edge___3eWfq-camelCase {
        background-color: var(--custom-text) !important;
    }
    `;
}
   function initLegacyParticles() {
    if (document.getElementById('particles-js')) return;

    const container = document.createElement('div');
    container.id = 'particles-js';
    Object.assign(container.style, {
        position: 'fixed',
        top: '0',
        left: '0',
        width: '100vw',
        height: '100vh',
        zIndex: '-1',
        pointerEvents: 'none',
        opacity: '1',
    });
    document.body.prepend(container);

    const link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = 'https://web.archive.org/web/20220406180854cs_/https://blacket.org/particles.css';
    document.head.appendChild(link);

    const script = document.createElement('script');
    script.src = 'https://web.archive.org/web/20220406180854js_/https://blacket.org/particles.js';
    script.onload = () => {
        particlesJS("particles-js", {
            particles: {
                number: { value: 80, density: { enable: true, value_area: 800 } },
                color: { value: "#ffffff" },
                shape: { type: "circle" },
                opacity: { value: 0.5 },
                size: { value: 3, random: true },
                line_linked: {
                    enable: true, distance: 150, color: "#ffffff", opacity: 0.4, width: 1
                },
                move: {
                    enable: true, speed: 6, direction: "none", random: false,
                    straight: false, out_mode: "out"
                }
            },
            interactivity: {
                detect_on: "canvas",
                events: {
                    onhover: { enable: true, mode: "grab" },
                    onclick: { enable: true, mode: "push" },
                    resize: true
                },
                modes: {
                    grab: { distance: 140, line_linked: { opacity: 1 } },
                    push: { particles_nb: 4 }
                }
            },
            retina_detect: true
        });

        const style = document.createElement('style');
        style.textContent = `
            body, #app {
                background-color: transparent !important;
           }
    .styles__background___2J-JA-camelCase,
    .styles__sidebar___1XqWi-camelCase,
    .styles__container___1BPm9-camelCase,
    .styles__header___22Ne2-camelCase,
    .styles__toastContainer___o4pCa-camelCase,
    .styles__chatCurrentRoom___MCaV4-camelCase,
    .styles__chatRoomsListContainer___Gk4Av-camelCase,
    .styles__chatRooms___o5ASb-camelCase,
    .styles__chatInputContainer___gkR4A-camelCase,
    .styles__chatMessagesContainer___8J3rW-camelCase,
    .styles__profileContainer___CSuIE-camelCase,
    .styles__statContainer___QKuOF-camelCase,
    .styles__topStatsContainer___dWfN7-camelCase,
    .styles__statsContainer___1r5je-camelCase,
    .styles__bottomStatsContainer___1O6MJ-camelCase,
    .styles__statsContainer___QnrRB-camelCase {
        background-color: transparent !important;
        backdrop-filter: none !important;
    }
        #particles-js {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: -1 !important;
        pointer-events: none;
        opacity: 1;
    }
        `;
        document.head.appendChild(style);
    };
    document.head.appendChild(script);
}



    // Immediately apply saved theme on script load to persist on every page
    const savedTheme = localStorage.getItem('blacketTheme') || 'Default';
    applyTheme(savedTheme);

    // Add the cloned Additions panel with the theme selector dropdown inside the settings sidebar
    function addClonedAdditionsPanel() {
        const settingsMain = document.getElementById("settings-main");
        if (!settingsMain || document.getElementById("additions-panel")) return;

        const originalPanel = document.querySelector(".styles__infoContainer___2uI-S-camelCase");
        if (!originalPanel) return;

        const clonedPanel = originalPanel.cloneNode(true);
        clonedPanel.id = "additions-panel";

        clonedPanel.innerHTML = `
            <div class="styles__headerRow___1tdPa-camelCase">
                <i class="fas fa-pencil-alt styles__headerIcon___1ykdN-camelCase" aria-hidden="true" style="color: #8f8f8f;"></i>
                <div class="styles__infoHeader___1lsZY-camelCase" style="color: #fff;">Additions</div>
            </div>
            <div style="font-size: 20px; color: #fff;">
                Change Theme: <br>
                <select id="themeselect" class="styles__link___5UR6_-camelCase"
                    style="background-color: #2f2f2f; color: #fff; border: 1px solid #8f8f8f; outline: none;
                    padding: 5px 10px; border-radius: 5px; font-size: 15px; cursor: pointer;
                    margin-top: 5px; margin-bottom: 5px; margin-left: 5px;">
                    <option>Default</option>
                    <option>Amoled</option>
                    <option>Red</option>
                    <option>Dark Red</option>
                    <option>Orange</option>
                    <option>Yellow</option>
                    <option>Green</option>
                    <option>Blue</option>
                    <option>Dark Blue</option>
                    <option>Purple</option>
                    <option>Pink</option>
                    <option>White</option>
                    <option>Rainbow</option>
                    <option>Cotton Candy</option>
                    <option>Blooket</option>
                    <option>Custom</option>
                    <option>Legacy</option>
                    <option>Triangulet Green</option>
                    <option>Triangulet Purple</option>
                    <option>Blulet Blue</option>
                    <option>Purpet Purple</option>
                </select>
            </div>
        `;

        settingsMain.appendChild(clonedPanel);

        const themeSelect = document.getElementById('themeselect');
        themeSelect.value = savedTheme;

        themeSelect.addEventListener('change', () => {
        const selected = themeSelect.value;
        localStorage.setItem('blacketTheme', selected);
        location.reload(); // Refreshes the page after saving the theme
});

    }

    // Observe DOM changes to add the panel dynamically if needed
    const observer = new MutationObserver(() => addClonedAdditionsPanel());
    observer.observe(document, { childList: true, subtree: true });

    // Initial call to add panel on page load
    addClonedAdditionsPanel();

})();

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址