Acest script nu ar trebui instalat direct. Aceasta este o bibliotecă pentru alte scripturi care este inclusă prin directiva meta a // @require https://update.sleazyfork.org/scripts/403974/808229/CSS%20for%20coronabuddy.js
// CSS rules for coronabuddy
let darkModeSet = false;
let darkModeEnabled = false;
let darkModeInjected = false;
let darkCSS = /*css*/ `
::selection {
background: #B4D5FE;
}
::-moz-selection {
background: #B4D5FE;
}
blockquote {
border: 1px solid linen !important;
}
html:not(root) body {
background-color: #121212 !important;
}
html:not(root) div {
border: 0px !important;
}
html:not(root) p {
color: white !important;
}
#af-wrapper a {
color: lime !important;
outline: 0;
}
#af-wrapper small .profile-link {
/* This fixes a critical bug with the forum addon that seems to allow arbitrarily long user names without truncation, breaking UX */
display: inline-block !important;
vertical-align: bottom !important;
max-width: 5vw !important;
max-height: 2em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#af-wrapper .forum-description {
color: linen;
}
#af-wrapper #forum-header {
background-color: #006600 !important;
}
#af-wrapper #forum-navigation a {
border-color: green !important;
}
#af-wrapper .pages > strong {
background-color: rgba(50, 255, 50, 0.6) !important;
color: linen !important;
}
#af-wrapper #profile-content {
background-color: #232323 !important;
color: linen !important;
}
#af-wrapper #profile-layer {
background-color: #232323 !important;
}
#af-wrapper #profile-navigation {
/* Override random !important in the WP CSS */
background-color: green !important;
}
#af-wrapper #profile-navigation a.active {
/* Override random !important in the WP CSS */
background-color: #006600 !important;
}
#af-wrapper .button-normal {
/* Override random !important in the WP CSS */
background-color: #006600 !important;
border: 0px;
}
#af-wrapper .content-element:nth-child(2n):not(.topic-sticky) {
background-color: #121212 !important;
}
#af-wrapper .topic-sticky {
background-color: #121212 !important;
border-left: none !important;
border-right: none !important;
border-top: none !important;
}
#af-wrapper .topic-sticky .fa-comments {
color: tomato !important;
}
#af-wrapper .topic-sticky .topic-name > a {
color: #d6203b !important;
font-weight: 700 !important;
}
#af-wrapper .editor-row-subject {
background-color: black !important;
color: gray !important;
}
#af-wrapper .editor-row-subject > span > input {
background-color: #232323 !important;
color: linen !important;
}
#af-wrapper .forum-post-menu a {
color: green !important;
}
#af-wrapper .pages {
background-color: #232323 !important;
border-color: gray !important;
border: 1px solid gray !important;
}
#af-wrapper .pages > a {
border-right: 1px solid gray !important;
border-left: 1px solid gray !important;
color: lime !important;
}
#af-wrapper .pages a:hover {
background-color: lime !important;
color: black !important;
}
#af-wrapper .pages strong {
border-right: none;
color: black !important;
}
#af-wrapper .post-author .topic-author {
color: red !important;
font-weight: 900;
font-size: 1.1em;
-webkit-text-stroke: 1px black !important;
}
#af-wrapper .post-message > blockquote::after {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(249, 249, 249, .4)) !important;
}
#af-wrapper .post-element {
border: 2px gray solid !important;
}
#af-wrapper .title-element {
background-color: #006600 !important;
}
#af-wrapper .topic-sticky .topic-poster {
border-left: 0px;
background: none !important;
}
#af-wrapper .unread {
color: lime !important;
}
#forum-breadcrumbs > span > a > span {
color: linen;
}
#forum-search {
background-color: #232323 !important;
}
#poll-panel {
background-color: #000000 !important;
color: linen !important;
}
#read-unread {
display: none !important;
}
.avatar {
border: none !important;
}
.background-contrast {
background-color: #232323 !important;
}
.content-container {
background-color: #232323 !important;
border-color: black !important;
}
.dark .site-container {
background-color: #121212 !important;
}
.editor-row {
background-color: #121212 !important;
}
.forum {
border-bottom: 0px !important;
}
.forum-editor-button {
border: none !important;
}
.forum-poster {
border-left: 0px !important;
}
.forum-post-date:after {
content: '';
width: 40vw !important;
height: 1px !important;
display: block;
position: absolute;
border-bottom: 1px solid gray !important;
}
.forum-post-header {
border-color: gray !important;
}
.footer-widgets {
background-color: #232323;
}
.mce-container-body {
background-color: #121212 !important;
}
.poll-result-numbers {
color: linen !important;
}
.poll-result-total {
color: linen !important;
}
.post-counter {
color: linen;
}
.post-element {
background-color: #232323 !important;
}
.post-wrapper {
background-color: #121212 !important;
color: linen !important;
border: 0px !important;
border-right: 1px gray solid !important;
}
.quotetitle {
color: linen;
}
.reaction.up:hover {
color: lime !important;
}
.reaction.up > .reaction-icon {
color: lime !important;
}
.reaction.up > .reaction-icon.reaction-inactive {
color: gray !important;
}
.reaction.up > .reaction-number {
color: lime !important;
}
.reaction.down:hover {
color: red !important;
}
.reaction.down > .reaction-icon {
color: red !important;
}
.reaction.down > .reaction-icon.reaction-inactive {
color: gray !important;
}
.reaction.down > .reaction-number {
color: red !important;
}
.spoiler-head {
background-color: black !important;
border: 1px solid linen !important;
}
.topic {
border-bottom: 0px !important;
}
.topic-poster {
border-left: 0px !important;
}
`;
GM.getValue("darkmodeEnabled", false).then((value) => {
if (value === true) {
darkModeEnabled = true;
const OBSERVER = new MutationObserver(parseNodes);
OBSERVER.observe(document, {
attributes: true,
childList: true,
subtree: true,
});
function parseNodes(mutations) {
if (darkModeEnabled && document.head && darkModeSet === false) {
darkModeSet = true;
document.head.lastChild.after(
templateDOMElement({
tag: "style",
innerHTML: darkCSS,
id: "coronaBuddyDarkMode__selector",
classList: "",
style: "",
})
);
}
// sloppy injection fix for iframes
try {
if (
document.querySelector("#message_ifr") &&
document.querySelector("#message_ifr").contentWindow.document.body &&
!darkModeInjected &&
darkModeEnabled
) {
document.head.lastChild.after(
templateDOMElement({
tag: "style",
innerHTML: darkCSS,
id: "coronaBuddyDarkMode__selector",
classList: "",
style: "",
})
);
console.log("Injected darkmode.");
darkModeInjected = true;
document
.querySelector("#message_ifr")
.contentWindow.document.head.querySelector("style").innerHTML +=
"body {background-color: #121212 !important; color: white !important;} blockquote {border: 1px solid linen !important;}";
}
} catch (error) {
console.log(error);
}
}
} else {
}
});
let popupCSS = /*css*/ `
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap');
.popup {
position: relative;
}
.popup__banner {
background-color: $black;
height: 2.5em;
margin-top: 2em;
box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
}
.popup__banner--text {
color: lime !important;
font-size: 0.8em;
font-family: 'Press Start 2P', cursive;
text-align: center;
}
.popup__textarea {
color: lime !important;
background-color: black !important;
font-size: 1.1em;
padding: 0.5em 0.5em 0.5em 0.5em;
width: 60%;
height: 20em;
resize: none;
margin-bottom: 0.3em;
margin-top: 1em;
}
.popup__textarea:focus {
outline: none;
}
.popup__button {
background-color: rgb(45, 45, 45);
width: 50%;
height: 3em;
border: 0px solid lime !important;
font-size: 1em;
display: block;
margin: 0 auto;
border: none;
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);
transition: border 0.3s;
}
.popup__button:focus {
outline: none;
}
.popup__button:hover {
border: 4px solid lime !important;
transition: border 0.3s;
}
.popup__button:active {
background-color: lime !important;
}
.popup__button--invert {
background-color: lime !important;
color: $black !important;
}
.popup__button--black {
background-color: rgb(45, 45, 45);
}
.popup__button--center {
display: block;
text-align: center;
}
.popup__button--text {
color: lime !important;
font-weight: 500;
font-family: 'Press Start 2P', cursive;
margin: 0;
font-size: 0.5em;
&:active {
color: $black !important;
}
}
.popup__button--save {
margin-bottom: 0.5em;
}
.popup__button--clear {
}
.popup__notification {
color: $red;
font-weight: 700;
margin-top: 0.5em;
}
.popup__darkmode {
margin-top: 1em;
text-align: center;
}
.popup__darkmode--text {
display: inline-block;
color: lime !important;
font-size: 0.6em;
font-family: 'Press Start 2P', cursive;
margin-right: 0.5em;
}
.popup__darkmode--checkbox {
display: inline-block;
height: 0.8em;
width: 0.8em;
background-color: #555;
border-radius: 0.1em;
margin-bottom: -0.08em;
user-select: none;
}
.popup__darkmode--checkbox--check:after {
content: '✓';
position: absolute;
color: lime !important;
font-size: 0.6em;
font-weight: 900;
margin-left: -0.42em;
margin-top: 0.1em;
}
`;
window.addEventListener("DOMContentLoaded", function () {
document.head.lastChild.after(
templateDOMElement({
tag: "style",
innerHTML: popupCSS,
id: "coronaBuddyPopup__selector",
classList: "",
style: "",
})
);
});