Orange theme for Blacket!
// ==UserScript==
// @name Blacket Orange Theme
// @version 1.0.0
// @description Orange theme for Blacket!
// @icon https://blacket.org/content/logo.png
// @author monkxy#0001
// @namespace http://monkxy.com
// @match https://*.blacket.org/*
// @require https://blacket.org/lib/js/jquery.js
// ==/UserScript==
(async () => {
setTimeout(() => {
console.log(
"%c[blacket orange theme] loaded!",
"color: #fff; padding: 10px; border-radius: 5px; font-size: 20px; font-weight: bold; text-shadow: 0px 0px 10px #c46a1a;"
);
}, 1000);
let $ = jQuery;
let css = `
: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__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(--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;
}
`;
$('head').append(`<style>${css}</style>`);
})();