// ==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 DarkOrangeCSS = `
.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: #4a2a00 !important; /* brighter dark orange */
}
.styles__bazaarItem___Meg69-camelCase {
background-color: #935600 !important;
transition: 0.2s ease-in-out;
}
.styles__bazaarItem___Meg69-camelCase:hover {
background-color: #935600 !important;
transform: scale(1.05);
}
.styles__bazaarItems___KmNa2-camelCase {
background-color: #6e4000 !important;
}
.styles__blookGridContainer___AK47P-camelCase {
background-color: #4a2a00 !important;
}
.styles__button___2hNZo-camelCase,
.styles__buttonFilled___23Dcn-camelCase {
background-color: #f07e00 !important; /* brighter medium dark orange */
}
.styles__buttonInside___39vdp-camelCase,
.styles__front___vcvuy-camelCase {
background-color: #6e4000 !important;
color: #f07e00 !important;
}
.styles__cardContainer___NGmjp-camelCase {
background-color: #f07e00 !important;
}
.styles__chatCurrentRoom___MCaV4-camelCase {
background-color: #7c5200 !important;
}
.styles__chatEmojiButton___8RFa2-camelCase {
background-color: #e08f17 !important;
transition: 0.2s ease-in-out;
}
.styles__chatEmojiButton___8RFa2-camelCase:hover {
background-color: #d1b845 !important;
}
.styles__chatInputContainer___gkR4A-camelCase {
background-color: #000000 !important;
}
.styles__chatRoomsListContainer___Gk4Av-camelCase,
.styles__chatRoomsTitle___fR4Av-camelCase {
background-color: #6e4000 !important;
}
.styles__chatRooms___o5ASb-camelCase {
background-color: #704100 !important;
}
.styles__chatUploadButton___g39Ac-camelCase {
background-color: #bd7200 !important;
transition: 0.2s ease-in-out;
}
.styles__chatUploadButton___g39Ac-camelCase:hover {
background-color: #bd9034 !important;
}
.styles__container___1BPm9-camelCase {
background-color: #bd7200 !important;
}
.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 {
background-color: #724300 !important;
}
.styles__edge___3eWfq-camelCase {
background-color: #6e4000 !important;
}
.styles__formsForm___MvA35-camelCase {
background-color: #724300 !important;
}
.styles__header___22Ne2-camelCase {
background-color: #724300 !important;
}
.styles__header___2O21B-camelCase,
.styles__headerBadgeBg___12ogR-camelCase,
.styles__headerSide___1r1-b-camelCase {
background-color: #ffa31a !important; /* bright orange */
}
.styles__horizontalBlookGridLine___4SAvz-camelCase {
background-color: #6e4000 !important;
}
.styles__infoContainer___2uI-S-camelCase,
.styles__input___2XTSp-camelCase,
.styles__left___9beun-camelCase,
.styles__myTokenAmount___ANKHA-camelCase,
.styles__otherTokenAmount___SEGGS-camelCase,
.styles__profileContainer___CSuIE-camelCase,
.styles__profileDropdownMenu___2jUAA-camelCase {
background-color: #5f3d00 !important;
}
.styles__loginButton___1e3jI-camelCase {
background-color: #fff !important;
color: #5f3d00 !important;
}
.styles__profileDropdownOption___ljZXD-camelCase {
background-color: #be7c15 !important;
}
.styles__profileDropdownOption___ljZXD-camelCase:hover {
background-color: #111111 !important;
}
.styles__rightButtonInside___14imT-camelCase {
color: #be7c15 !important;
}
.styles__sidebar___1XqWi-camelCase {
background-color: #6e4000 !important;
}
.styles__signUpButton___3_ch3-camelCase {
background-color: #6e4000 !important;
color: #6e4000 !important;
}
.styles__statContainer___QKuOF-camelCase {
background-color: #111111 !important;
}
.styles__statsContainer___QnrRB-camelCase,
.styles__toastContainer___o4pCa-camelCase,
.styles__tokenContainer___3yBv--camelCase,
.styles__tradingContainer___B1ABS-camelCase {
background-color: #6e4000 !important;
}
.styles__verticalBlookGridLine___rQWaZ-camelCase {
background-color: #6e4000 !important;
}
#searchInput {
background-color: #6e4000 !important;
}
textarea,
.toastMessage,
input {
background: linear-gradient(135deg, #f29c3f, #000000) !important;
}
hr {
background-color: #6e4000 !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 DarkYellowCSS = `
.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: #6e6800 !important; /* brighter dark yellow */
}
.styles__bazaarItem___Meg69-camelCase {
background-color: #a29f00 !important;
transition: 0.2s ease-in-out;
}
.styles__bazaarItem___Meg69-camelCase:hover {
background-color: #a29f00 !important;
transform: scale(1.05);
}
.styles__bazaarItems___KmNa2-camelCase {
background-color: #7c7700 !important;
}
.styles__blookGridContainer___AK47P-camelCase {
background-color: #6e6800 !important;
}
.styles__button___2hNZo-camelCase,
.styles__buttonFilled___23Dcn-camelCase {
background-color: #fff700 !important; /* bright dark yellow */
}
.styles__buttonInside___39vdp-camelCase,
.styles__front___vcvuy-camelCase {
background-color: #7c7700 !important;
color: #fff700 !important;
}
.styles__cardContainer___NGmjp-camelCase {
background-color: #fff700 !important;
}
.styles__chatCurrentRoom___MCaV4-camelCase {
background-color: #8a8500 !important;
}
.styles__chatEmojiButton___8RFa2-camelCase {
background-color: #f5f523 !important;
transition: 0.2s ease-in-out;
}
.styles__chatEmojiButton___8RFa2-camelCase:hover {
background-color: #f9f95a !important;
}
.styles__chatInputContainer___gkR4A-camelCase {
background-color: #000000 !important;
}
.styles__chatRoomsListContainer___Gk4Av-camelCase,
.styles__chatRoomsTitle___fR4Av-camelCase {
background-color: #7c7700 !important;
}
.styles__chatRooms___o5ASb-camelCase {
background-color: #827f00 !important;
}
.styles__chatUploadButton___g39Ac-camelCase {
background-color: #e9e900 !important;
transition: 0.2s ease-in-out;
}
.styles__chatUploadButton___g39Ac-camelCase:hover {
background-color: #f9f959 !important;
}
.styles__container___1BPm9-camelCase {
background-color: #e9e900 !important;
}
.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 {
background-color: #7c7700 !important;
}
.styles__edge___3eWfq-camelCase {
background-color: #7c7700 !important;
}
.styles__formsForm___MvA35-camelCase {
background-color: #7c7700 !important;
}
.styles__header___22Ne2-camelCase {
background-color: #7c7700 !important;
}
.styles__header___2O21B-camelCase,
.styles__headerBadgeBg___12ogR-camelCase,
.styles__headerSide___1r1-b-camelCase {
background-color: #ffff33 !important; /* bright yellow */
}
.styles__horizontalBlookGridLine___4SAvz-camelCase {
background-color: #7c7700 !important;
}
.styles__infoContainer___2uI-S-camelCase,
.styles__input___2XTSp-camelCase,
.styles__left___9beun-camelCase,
.styles__myTokenAmount___ANKHA-camelCase,
.styles__otherTokenAmount___SEGGS-camelCase,
.styles__profileContainer___CSuIE-camelCase,
.styles__profileDropdownMenu___2jUAA-camelCase {
background-color: #767000 !important;
}
.styles__loginButton___1e3jI-camelCase {
background-color: #fff !important;
color: #767000 !important;
}
.styles__profileDropdownOption___ljZXD-camelCase {
background-color: #d1cf14 !important;
}
.styles__profileDropdownOption___ljZXD-camelCase:hover {
background-color: #111111 !important;
}
.styles__rightButtonInside___14imT-camelCase {
color: #d1cf14 !important;
}
.styles__sidebar___1XqWi-camelCase {
background-color: #7c7700 !important;
}
.styles__signUpButton___3_ch3-camelCase {
background-color: #7c7700 !important;
color: #7c7700 !important;
}
.styles__statContainer___QKuOF-camelCase {
background-color: #111111 !important;
}
.styles__statsContainer___QnrRB-camelCase,
.styles__toastContainer___o4pCa-camelCase,
.styles__tokenContainer___3yBv--camelCase,
.styles__tradingContainer___B1ABS-camelCase {
background-color: #7c7700 !important;
}
.styles__verticalBlookGridLine___rQWaZ-camelCase {
background-color: #7c7700 !important;
}
#searchInput {
background-color: #7c7700 !important;
}
textarea,
.toastMessage,
input {
background: linear-gradient(135deg, #f9f940, #000000) !important;
}
hr {
background-color: #7c7700 !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 DarkGreenCSS = `
: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: #042404 !important; /* very dark green */
}
.styles__bazaarItem___Meg69-camelCase {
background-color: #094309 !important; /* dark green */
transition: 0.2s ease-in-out;
}
.styles__bazaarItem___Meg69-camelCase:hover {
background-color: #094309 !important;
transform: scale(1.05);
}
.styles__bazaarItems___KmNa2-camelCase {
background-color: #015c01 !important;
}
.styles__blookGridContainer___AK47P-camelCase {
background-color: #041f04 !important;
}
.styles__button___2hNZo-camelCase,
.styles__buttonFilled___23Dcn-camelCase {
background-color: #149f14 !important; /* medium green */
}
.styles__buttonInside___39vdp-camelCase,
.styles__front___vcvuy-camelCase {
background-color: #015c01 !important;
color: #149f14 !important;
}
.styles__cardContainer___NGmjp-camelCase {
background-color: #149f14 !important;
}
.styles__chatCurrentRoom___MCaV4-camelCase {
background-color: #155a05 !important;
}
.styles__chatEmojiButton___8RFa2-camelCase {
background-color: #18bd18 !important;
transition: 0.2s ease-in-out;
}
.styles__chatEmojiButton___8RFa2-camelCase:hover {
background-color: #a0bd18 !important;
}
.styles__chatInputContainer___gkR4A-camelCase {
background-color: #000000 !important;
}
.styles__chatRoomsListContainer___Gk4Av-camelCase {
background-color: #073307 !important;
}
.styles__chatRoomsTitle___fR4Av-camelCase {
background-color: #073307 !important;
}
.styles__chatRooms___o5ASb-camelCase {
background-color: #005c00 !important;
}
.styles__chatUploadButton___g39Ac-camelCase {
background-color: #00b300 !important;
transition: 0.2s ease-in-out;
}
.styles__chatUploadButton___g39Ac-camelCase:hover {
background-color: #2c37b3 !important; /* kept original blue hover for contrast */
}
.styles__container___1BPm9-camelCase {
background-color: #00b300 !important;
}
.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 {
background-color: #005f00 !important;
}
.styles__edge___3eWfq-camelCase {
background-color: #015c01 !important;
}
.styles__formsForm___MvA35-camelCase {
background-color: #005f00 !important;
}
.styles__header___22Ne2-camelCase {
background-color: #005f00 !important;
}
.styles__header___2O21B-camelCase,
.styles__headerBadgeBg___12ogR-camelCase,
.styles__headerSide___1r1-b-camelCase {
background-color: #0cf50c !important; /* bright green */
}
.styles__horizontalBlookGridLine___4SAvz-camelCase {
background-color: #015c01 !important;
}
.styles__infoContainer___2uI-S-camelCase,
.styles__input___2XTSp-camelCase,
.styles__left___9beun-camelCase,
.styles__myTokenAmount___ANKHA-camelCase,
.styles__otherTokenAmount___SEGGS-camelCase,
.styles__profileContainer___CSuIE-camelCase,
.styles__profileDropdownMenu___2jUAA-camelCase {
background-color: #034303 !important;
}
.styles__loginButton___1e3jI-camelCase {
background-color: #fff !important;
color: #034303 !important;
}
.styles__profileDropdownOption___ljZXD-camelCase {
background-color: #079207 !important;
}
.styles__profileDropdownOption___ljZXD-camelCase:hover {
background-color: #111111 !important;
}
.styles__rightButtonInside___14imT-camelCase {
color: #079207 !important;
}
.styles__sidebar___1XqWi-camelCase {
background-color: #033e03 !important;
}
.styles__signUpButton___3_ch3-camelCase {
background-color: #033e03 !important;
color: #015c01 !important;
}
.styles__statContainer___QKuOF-camelCase {
background-color: #111111 !important;
}
.styles__statsContainer___QnrRB-camelCase,
.styles__toastContainer___o4pCa-camelCase,
.styles__tokenContainer___3yBv--camelCase,
.styles__tradingContainer___B1ABS-camelCase {
background-color: #033e03 !important;
}
.styles__verticalBlookGridLine___rQWaZ-camelCase {
background-color: #015c01 !important;
}
#searchInput {
background-color: #015c01 !important;
}
textarea,
.toastMessage,
input {
background: linear-gradient(135deg, #138d13, #000000) !important;
}
hr {
background-color: #015c01 !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 containers */
body, #app,
.styles__background___2J-JA-camelCase,
.styles__container___1BPm9-camelCase,
.styles__toastContainer___o4pCa-camelCase,
.styles__chatCurrentRoom___MCaV4-camelCase,
.styles__chatRoomsListContainer___Gk4Av-camelCase,
.styles__infoContainer___2uI-S-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;
}
.styles__sidebar___1XqWi-camelCase *,
.styles__header___22Ne2-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 (orange only for primary actions) */
.styles__buttonFilled___23Dcn-camelCase,
.styles__button___2hNZo-camelCase:not(.styles__profileDropdownOption___ljZXD-camelCase) {
background-color: var(--tri-button-orange) !important;
color: var(--tri-text-white) !important;
border: none !important;
}
/* Blue buttons (login etc.) */
.styles__buttonInside___39vdp-camelCase,
.styles__loginButton___1e3jI-camelCase {
background-color: var(--tri-button-blue) !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;
}
/* All text */
*, *::before, *::after {
color: var(--tri-text-white) !important;
}
/* Links */
a, .styles__link___5UR6_-camelCase {
color: var(--tri-light-green) !important;
}
/* Dropdown and bazaar options — now use panel green */
.styles__profileDropdownOption___ljZXD-camelCase,
.styles__selectOption___1RxYj-camelCase {
background-color: var(--tri-panel) !important;
color: var(--tri-text-white) !important;
}
/* Hover styles */
.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 containers */
body, #app,
.styles__background___2J-JA-camelCase,
.styles__container___1BPm9-camelCase,
.styles__toastContainer___o4pCa-camelCase,
.styles__chatCurrentRoom___MCaV4-camelCase,
.styles__chatRoomsListContainer___Gk4Av-camelCase,
.styles__infoContainer___2uI-S-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 and header */
.styles__sidebar___1XqWi-camelCase,
.styles__header___22Ne2-camelCase {
background-color: var(--blulet-panel) !important;
color: var(--blulet-text) !important;
}
.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 {
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:not(.styles__profileDropdownOption___ljZXD-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 and messages */
input, textarea, .toastMessage {
background-color: #ffffff10 !important;
color: var(--blulet-text) !important;
border: 1px solid #ffffff30 !important;
}
/* Dropdowns */
.styles__profileDropdownOption___ljZXD-camelCase,
.styles__selectOption___1RxYj-camelCase {
background-color: var(--blulet-panel) !important;
color: var(--blulet-text) !important;
}
/* Hover styles */
.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 DarkPurpleCSS = `
.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: #1a001a !important; /* very dark purple */
}
.styles__bazaarItem___Meg69-camelCase {
background-color: #330033 !important; /* dark purple */
transition: 0.2s ease-in-out;
}
.styles__bazaarItem___Meg69-camelCase:hover {
background-color: #330033 !important;
transform: scale(1.05);
}
.styles__bazaarItems___KmNa2-camelCase {
background-color: #100050 !important;
}
.styles__blookGridContainer___AK47P-camelCase {
background-color: #1a001a !important;
}
.styles__button___2hNZo-camelCase,
.styles__buttonFilled___23Dcn-camelCase {
background-color: #4b007a !important; /* medium dark purple */
}
.styles__buttonInside___39vdp-camelCase,
.styles__front___vcvuy-camelCase {
background-color: #100050 !important;
color: #4b007a !important;
}
.styles__cardContainer___NGmjp-camelCase {
background-color: #4b007a !important;
}
.styles__chatCurrentRoom___MCaV4-camelCase {
background-color: #3f004d !important;
}
.styles__chatEmojiButton___8RFa2-camelCase {
background-color: #5a0080 !important;
transition: 0.2s ease-in-out;
}
.styles__chatEmojiButton___8RFa2-camelCase:hover {
background-color: #8a76a8 !important;
}
.styles__chatInputContainer___gkR4A-camelCase {
background-color: #000000 !important;
}
.styles__chatRoomsListContainer___Gk4Av-camelCase {
background-color: #220022 !important;
}
.styles__chatRoomsTitle___fR4Av-camelCase {
background-color: #220022 !important;
}
.styles__chatRooms___o5ASb-camelCase {
background-color: #1a005c !important;
}
.styles__chatUploadButton___g39Ac-camelCase {
background-color: #30007a !important;
transition: 0.2s ease-in-out;
}
.styles__chatUploadButton___g39Ac-camelCase:hover {
background-color: #4b309a !important;
}
.styles__container___1BPm9-camelCase {
background-color: #30007a !important;
}
.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 {
background-color: #1a005f !important;
}
.styles__edge___3eWfq-camelCase {
background-color: #100050 !important;
}
.styles__formsForm___MvA35-camelCase {
background-color: #1a005f !important;
}
.styles__header___22Ne2-camelCase {
background-color: #1a005f !important;
}
.styles__header___2O21B-camelCase,
.styles__headerBadgeBg___12ogR-camelCase,
.styles__headerSide___1r1-b-camelCase {
background-color: #5200a8 !important; /* bright dark purple */
}
.styles__horizontalBlookGridLine___4SAvz-camelCase {
background-color: #100050 !important;
}
.styles__infoContainer___2uI-S-camelCase,
.styles__input___2XTSp-camelCase,
.styles__left___9beun-camelCase,
.styles__myTokenAmount___ANKHA-camelCase,
.styles__otherTokenAmount___SEGGS-camelCase,
.styles__profileContainer___CSuIE-camelCase,
.styles__profileDropdownMenu___2jUAA-camelCase {
background-color: #2a002a !important;
}
.styles__loginButton___1e3jI-camelCase {
background-color: #fff !important;
color: #2a002a !important;
}
.styles__profileDropdownOption___ljZXD-camelCase {
background-color: #3d0073 !important;
}
.styles__profileDropdownOption___ljZXD-camelCase:hover {
background-color: #111111 !important;
}
.styles__rightButtonInside___14imT-camelCase {
color: #3d0073 !important;
}
.styles__sidebar___1XqWi-camelCase {
background-color: #220022 !important;
}
.styles__signUpButton___3_ch3-camelCase {
background-color: #220022 !important;
color: #100050 !important;
}
.styles__statContainer___QKuOF-camelCase {
background-color: #111111 !important;
}
.styles__statsContainer___QnrRB-camelCase,
.styles__toastContainer___o4pCa-camelCase,
.styles__tokenContainer___3yBv--camelCase,
.styles__tradingContainer___B1ABS-camelCase {
background-color: #220022 !important;
}
.styles__verticalBlookGridLine___rQWaZ-camelCase {
background-color: #100050 !important;
}
#searchInput {
background-color: #100050 !important;
}
textarea,
.toastMessage,
input {
background: linear-gradient(135deg, #3b007f, #000000) !important;
}
hr {
background-color: #100050 !important;
}
`;
const PurpetPurpleCSS = `
:root {
--purple-bg: #2a004b;
--purple-panel: #3d005e;
--purple-accent: #4a006e;
--purple-text: #ffffff;
}
body, #app,
.styles__background___2J-JA-camelCase,
.styles__container___1BPm9-camelCase,
.styles__toastContainer___o4pCa-camelCase,
.styles__chatCurrentRoom___MCaV4-camelCase,
.styles__chatRoomsListContainer___Gk4Av-camelCase,
.styles__infoContainer___2uI-S-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 {
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:not(.styles__profileDropdownOption___ljZXD-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,
.styles__selectOption___1RxYj-camelCase {
background-color: var(--purple-panel) !important;
color: var(--purple-text) !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;
}
/* Background and containers */
body, #app, .styles__background___2J-JA-camelCase,
.styles__container___1BPm9-camelCase,
.styles__toastContainer___o4pCa-camelCase,
.styles__chatCurrentRoom___MCaV4-camelCase,
.styles__chatRoomsListContainer___Gk4Av-camelCase,
.styles__infoContainer___2uI-S-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;
}
.styles__sidebar___1XqWi-camelCase *,
.styles__header___22Ne2-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:not(.styles__profileDropdownOption___ljZXD-camelCase),
.styles__buttonFilled___23Dcn-camelCase {
background-color: var(--tri-purple-button) !important;
color: var(--tri-text-white) !important;
border: none !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;
}
/* Text and links */
*, *::before, *::after {
color: var(--tri-text-white) !important;
}
a, .styles__link___5UR6_-camelCase {
color: #e1bee7 !important;
}
/* Dropdown options */
.styles__profileDropdownOption___ljZXD-camelCase,
.styles__selectOption___1RxYj-camelCase {
background-color: var(--tri-purple-panel) !important;
color: var(--tri-text-white) !important;
}
/* Hover styles */
.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 DarkPinkCSS = `
.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: #551a3c !important; /* brighter dark pink */
}
.styles__bazaarItem___Meg69-camelCase {
background-color: #aa3274 !important;
transition: 0.2s ease-in-out;
}
.styles__bazaarItem___Meg69-camelCase:hover {
background-color: #aa3274 !important;
transform: scale(1.05);
}
.styles__bazaarItems___KmNa2-camelCase {
background-color: #7f265b !important;
}
.styles__blookGridContainer___AK47P-camelCase {
background-color: #551a3c !important;
}
.styles__button___2hNZo-camelCase,
.styles__buttonFilled___23Dcn-camelCase {
background-color: #ee5599 !important; /* brighter medium pink */
}
.styles__buttonInside___39vdp-camelCase,
.styles__front___vcvuy-camelCase {
background-color: #7f265b !important;
color: #ee5599 !important;
}
.styles__cardContainer___NGmjp-camelCase {
background-color: #ee5599 !important;
}
.styles__chatCurrentRoom___MCaV4-camelCase {
background-color: #8a3865 !important;
}
.styles__chatEmojiButton___8RFa2-camelCase {
background-color: #f066a4 !important;
transition: 0.2s ease-in-out;
}
.styles__chatEmojiButton___8RFa2-camelCase:hover {
background-color: #e8a7be !important;
}
.styles__chatInputContainer___gkR4A-camelCase {
background-color: #000000 !important;
}
.styles__chatRoomsListContainer___Gk4Av-camelCase,
.styles__chatRoomsTitle___fR4Av-camelCase {
background-color: #7f265b !important;
}
.styles__chatRooms___o5ASb-camelCase {
background-color: #7d2a57 !important;
}
.styles__chatUploadButton___g39Ac-camelCase {
background-color: #d8437b !important;
transition: 0.2s ease-in-out;
}
.styles__chatUploadButton___g39Ac-camelCase:hover {
background-color: #d87a9e !important;
}
.styles__container___1BPm9-camelCase {
background-color: #d8437b !important;
}
.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 {
background-color: #852a52 !important;
}
.styles__edge___3eWfq-camelCase {
background-color: #7f265b !important;
}
.styles__formsForm___MvA35-camelCase {
background-color: #852a52 !important;
}
.styles__header___22Ne2-camelCase {
background-color: #852a52 !important;
}
.styles__header___2O21B-camelCase,
.styles__headerBadgeBg___12ogR-camelCase,
.styles__headerSide___1r1-b-camelCase {
background-color: #ff3ea6 !important; /* bright pink */
}
.styles__horizontalBlookGridLine___4SAvz-camelCase {
background-color: #7f265b !important;
}
.styles__infoContainer___2uI-S-camelCase,
.styles__input___2XTSp-camelCase,
.styles__left___9beun-camelCase,
.styles__myTokenAmount___ANKHA-camelCase,
.styles__otherTokenAmount___SEGGS-camelCase,
.styles__profileContainer___CSuIE-camelCase,
.styles__profileDropdownMenu___2jUAA-camelCase {
background-color: #7f265b !important;
}
.styles__loginButton___1e3jI-camelCase {
background-color: #fff !important;
color: #7f265b !important;
}
.styles__profileDropdownOption___ljZXD-camelCase {
background-color: #c14e84 !important;
}
.styles__profileDropdownOption___ljZXD-camelCase:hover {
background-color: #111111 !important;
}
.styles__rightButtonInside___14imT-camelCase {
color: #c14e84 !important;
}
.styles__sidebar___1XqWi-camelCase {
background-color: #7f265b !important;
}
.styles__signUpButton___3_ch3-camelCase {
background-color: #7f265b !important;
color: #7d2a57 !important;
}
.styles__statContainer___QKuOF-camelCase {
background-color: #111111 !important;
}
.styles__statsContainer___QnrRB-camelCase,
.styles__toastContainer___o4pCa-camelCase,
.styles__tokenContainer___3yBv--camelCase,
.styles__tradingContainer___B1ABS-camelCase {
background-color: #7f265b !important;
}
.styles__verticalBlookGridLine___rQWaZ-camelCase {
background-color: #7f265b !important;
}
#searchInput {
background-color: #7f265b !important;
}
textarea,
.toastMessage,
input {
background: linear-gradient(135deg, #f07eb1, #000000) !important;
}
hr {
background-color: #7f265b !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; }
16% { background-color: #FF7F00; }
33% { background-color: #FFFF00; }
50% { background-color: #00FF00; }
66% { background-color: #0000FF; }
83% { background-color: #4B0082; }
100% { background-color: #9400D3; }
}
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,
.styles__infoContainer___2uI-S-camelCase,
.styles__profileDropdownOption___ljZXD-camelCase,
.styles__selectOption___1RxYj-camelCase,
.arts__chatModal___4JFsa-camelCase { /* Added chatModal */
animation: rainbowFade 15s infinite alternate;
color: white !important;
}
/* Also apply rainbow animation to popups, modals, toasts */
.popup,
.modal,
.toast,
.tooltip,
[role="dialog"],
[role="alert"],
.styles__toastContainer___o4pCa-camelCase,
.styles__modal___someClass-camelCase,
.styles__popup___someClass-camelCase,
.arts__chatModal___4JFsa-camelCase { /* Added chatModal here too */
animation: rainbowFade 15s infinite alternate !important;
background-color: unset !important;
color: white !important;
border-radius: 8px;
box-shadow: 0 0 15px rgba(255,255,255,0.5);
}
/* Inputs, buttons, selects inside chat & popups */
textarea, input, select, button {
background-color: rgba(0, 0, 0, 0.35) !important;
color: white !important;
border: 1px solid rgba(255, 255, 255, 0.5) !important;
border-radius: 6px;
transition: background-color 0.3s ease;
}
/* Hover states */
.styles__buttonFilled___23Dcn-camelCase:hover,
.styles__button___2hNZo-camelCase:hover,
.styles__bazaarItem___Meg69-camelCase:hover,
.styles__profileDropdownOption___ljZXD-camelCase:hover,
.styles__selectOption___1RxYj-camelCase:hover {
background-color: rgba(0, 0, 0, 0.6) !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 'Dark Orange': styleEl.textContent = DarkOrangeCSS; break;
case 'Yellow': styleEl.textContent = yellowCSS; break;
case 'Dark Yellow': styleEl.textContent = DarkYellowCSS; break;
case 'Green': styleEl.textContent = greenCSS; break;
case 'Dark Green': styleEl.textContent = DarkGreenCSS; break;
case 'Blue': styleEl.textContent = blueCSS; break;
case 'Dark Blue': styleEl.textContent = DarkBlueCSS; break;
case 'Purple': styleEl.textContent = purpleCSS; break;
case 'Dark Purple': styleEl.textContent = DarkPurpleCSS; break;
case 'Pink': styleEl.textContent = pinkCSS; break;
case 'Dark Pink': styleEl.textContent = DarkPinkCSS; 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;
}
/* Main backgrounds */
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,
.styles__topStatsContainer___dWfN7-camelCase,
.styles__statsContainer___1r5je-camelCase,
.styles__bottomStatsContainer___1O6MJ-camelCase,
.styles__statsContainer___QnrRB-camelCase,
.toastMessage {
background-color: var(--custom-color) !important;
color: var(--custom-text) !important;
}
/* Buttons */
.styles__button___2hNZo-camelCase,
.styles__buttonFilled___23Dcn-camelCase {
background-color: var(--custom-color) !important;
color: var(--custom-text) !important;
border: none !important;
}
/* Inputs, selects, textareas */
input, select, textarea {
background-color: var(--custom-color) !important;
color: var(--custom-text) !important;
border: 1px solid var(--custom-text) !important;
}
/* Dropdown menu options */
.styles__profileDropdownOption___ljZXD-camelCase,
.styles__bazaarItem___Meg69-camelCase {
background-color: var(--custom-color) !important;
color: var(--custom-text) !important;
border-radius: 4px;
}
.styles__bazaarItem___Meg69-camelCase:hover,
.styles__profileDropdownOption___ljZXD-camelCase:hover {
background-color: rgba(0, 0, 0, 0.3) !important;
transform: scale(1.05);
}
/* Headers, navbars */
.styles__headerRow___1tdPa-camelCase,
.styles__infoContainer___2uI-S-camelCase {
background-color: var(--custom-color) !important;
color: var(--custom-text) !important;
}
/* Borders and dividers */
hr, .styles__edge___3eWfq-camelCase {
background-color: var(--custom-text) !important;
}
/* Scrollbar styling */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background: var(--custom-color);
}
::-webkit-scrollbar-thumb {
background: var(--custom-text);
border-radius: 10px;
}
/* Placeholder text */
::placeholder {
color: #cccccc !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() {
if (document.getElementById("additions-panel")) return; // Already added
// Find the profile panel among all containers
const profilePanel = Array.from(document.querySelectorAll(".styles__infoContainer___2uI-S-camelCase"))
.find(el => el.innerText.includes("Username:") && el.innerText.includes("Role:"));
if (!profilePanel) {
setTimeout(addClonedAdditionsPanel, 250);
return;
}
// Parent container where all info containers live
const parentContainer = profilePanel.parentElement;
if (!parentContainer) {
setTimeout(addClonedAdditionsPanel, 250);
return;
}
const clonedPanel = profilePanel.cloneNode(true);
clonedPanel.id = "additions-panel";
clonedPanel.innerHTML = `
<div class="styles__headerRow___1tdPa-camelCase">
<i class="fas fa-paintbrush-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>Dark Orange</option>
<option>Yellow</option>
<option>Dark Yellow</option>
<option>Green</option>
<option>Dark Green</option>
<option>Blue</option>
<option>Dark Blue</option>
<option>Purple</option>
<option>Dark Purple</option>
<option>Pink</option>
<option>Dark 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>
`;
parentContainer.appendChild(clonedPanel);
const savedTheme = localStorage.getItem('blacketTheme') || 'Default';
const themeSelect = document.getElementById('themeselect');
themeSelect.value = savedTheme;
themeSelect.addEventListener('change', () => {
const selected = themeSelect.value;
localStorage.setItem('blacketTheme', selected);
location.reload();
});
}
// Start the process, retry until ready
addClonedAdditionsPanel();
})();