Forum Settings
Forums

πŸŒ“ Is MAL's Dark Mode uncomfortable for you? Try this alternative!

New
Reply Disabled for Non-Club Members
Pages (2) « 1 [2]
Feb 2, 2023 6:28 AM

Offline
Feb 2010
12631
hacker09 said:
what should I do for the buttons?

instead of explaining with text, maybe explaining with a simple image would be better.

should I use this current extension,or wait more?


Sure no problem, here's a GIF of the idea and video link:

https://imgur.com/3Dik6XI



What I was thinking is we have a button fixed to the page, and when you click it, a new CSS file is activated on the page darkening what we want. In this example, that post part of the page is darkened by the CSS. Its easy for me to write a CSS file for the darkening, and also to fix any button on the page if needed just need the element name

So basically please let me know if you know how to add such a button that inserts CSS. I know you activate CSS via the Tampermonkey extension you made for the MAL favorites but this is a little different. If its something you can do via a Javascript, I can try to put that javascript in with any extension and maybe it would work that way.

You don't have to work with the extension I linked, it can be a new one or maybe a standalone Javascript. Please let me know if its going to be easy or hard, if its easy and takes like an hour or less I can pay you $20 to a freelance account and then others can see you're good for that and hopefully also commission you! :D I should probably make a simple extension just for inserting the javascript and then you can edit the Javascript file there

If its going to be difficult, we can discuss it another time.

And then also we can give the Javascript out so other ppl can make their own buttons and possibly extensions. Also the reason for this is because some posts like that have huge walls of text, they became annoying to read due to so much white text and need new darkening; this new darkening is normally too dark for the average posts.
Feb 2, 2023 5:34 PM

Offline
Dec 2019
3517
Looks like it is something really easy to be done
Click here to see My Tampermonkey Scripts For MAL

If you like my work, please consider supporting it!
Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io
Feb 2, 2023 5:47 PM

Offline
Dec 2019
3517
document.querySelector("#headerSmall > a").onmouseover = function() //when the logo is hovered by the mouse cursor

    {


document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = 'black') //make the walls of text black


document.querySelectorAll(".quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text QUOTES black

    }


add that to your textbox.js file and see the magic happen when you hover the left top MyAnimeList Icon Logo

Took me 5/10 mins

You can add buttons using js, or even make a way to enable or disable your script using the power of JS and your textbox.js file.

If you paste the code almost of any on my greasyfork scripts into textbox.js they will work just fine I think... No need to code in chrome extension language, if you can do everything using JS on the textbox.js file
hacker09Feb 2, 2023 6:55 PM
Click here to see My Tampermonkey Scripts For MAL

If you like my work, please consider supporting it!
Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io
Feb 4, 2023 10:13 PM

Offline
Dec 2019
3517
@Shishio-kun

Hope you liked the concept/idea.

Do you still need help adding that button or do you think you are able to do that now?
Click here to see My Tampermonkey Scripts For MAL

If you like my work, please consider supporting it!
Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io
Feb 5, 2023 2:31 PM

Offline
Feb 2010
12631
hacker09 said:
@Shishio-kun

Hope you liked the concept/idea.

Do you still need help adding that button or do you think you are able to do that now?


I don't know yet, I will get back to you later this week on this and thank for what you've done so far
Feb 5, 2023 2:32 PM

Offline
Dec 2019
3517
@Shishio-kun

ok sounds good
Click here to see My Tampermonkey Scripts For MAL

If you like my work, please consider supporting it!
Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io
Feb 11, 2023 4:14 AM

Offline
Feb 2010
12631
hacker09 said:
document.querySelector("#headerSmall > a").onmouseover = function() //when the logo is hovered by the mouse cursor

    {


document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = 'black') //make the walls of text black


document.querySelectorAll(".quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text QUOTES black

    }


add that to your textbox.js file and see the magic happen when you hover the left top MyAnimeList Icon Logo

Took me 5/10 mins

You can add buttons using js, or even make a way to enable or disable your script using the power of JS and your textbox.js file.

If you paste the code almost of any on my greasyfork scripts into textbox.js they will work just fine I think... No need to code in chrome extension language, if you can do everything using JS on the textbox.js file



In this case I want to use an extension for certain features. It is because many people will not install Tampermonkey as they don't think its safe. Also when it's two steps (install the extension and then the script) there's users who won't try- the more steps something is the less likely they will even begin the first step. I'm trying to overcome those two hurdles with the dark extension. And I want to make extensions something we cover and can teach how to create.

So the darkening does work when I point to the logo. Unfortunately if I change it to

document.querySelector(".page-common #content:before").onmouseover = function() //when the logo is hovered by the mouse cursor

    {


document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = 'black') //make the walls of text black


document.querySelectorAll(".quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text QUOTES black

    }



because I want to try this for the button-

.page-common #content:before{
    content: "";
position: fixed;
right: 200px;
top: 200px;
height: 50px;
width: 50px;
display: block ;
	background-image: url(https://imgur.com/41ch84B.png);
    background-size: contain;
}


- I don't get the darkening anymore.
Feb 11, 2023 6:18 PM

Offline
Dec 2019
3517
@Shishio-kun

You are good, I totally aware that people hate scripts and tampermonkey, so I am trying to abide by what you said and I will not be making a dark mode script or add-on for your extension, that requires a separate script or tampermonkey

The codes I gave you work on textbox.js, so they are not a separate script, and they do not require tampermonkey, so I am not sure why you are mentioning that again but ok...
They do not work because they have break lines, removing the line breaks would make it work

or use `` instead of '' or "", `` works better with line breaks so you can keep your nice format with line breaks usually if you use ``

You also added :before in the selector what usually does not work

also, document.querySelectorAll(".page-common #content") is a single element, so if you use document.querySelectorAll(".page-common #content") you will only see 1 nodeList returned what means that there is only 1 element, so it is not possible to use forEach any longer with that selector

the problem is your css itself,
document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = `.page-common #content{
    content: "";
position: fixed;
right: 200px;
top: 200px;
height: 50px;
width: 50px;
display: block ;
background-image: url(https://imgur.com/41ch84B.png);
    background-size: contain;
}`) //make the walls of text black


document.querySelectorAll(".quotetext").forEach(el => el.style.backgroundColor = `.page-common #content{
    content: "";
position: fixed;
right: 200px;
top: 200px;
height: 50px;
width: 50px;
display: block ;
background-image: url(https://imgur.com/41ch84B.png);
    background-size: contain;
}`) //make the walls of text QUOTES black


even directly pasting the code on the dev console does not work

so

document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = `.page-common #content{
    content: "";
position: fixed;
right: 200px;
top: 200px;
height: 50px;
width: 50px;
display: block ;
background-image: url(https://imgur.com/41ch84B.png);
    background-size: contain;
}`) //make the walls of text black 


would have to be instead

document.querySelector(".content > div").style.backgroundColor = `.page-common #content{

[font=Verdana, Arial]    content: "";[/font]
[font=Verdana, Arial]position: fixed;[/font]
[font=Verdana, Arial]right: 200px;[/font]
[font=Verdana, Arial]top: 200px;[/font]
[font=Verdana, Arial]height: 50px;[/font]
[font=Verdana, Arial]width: 50px;[/font]
[font=Verdana, Arial]display: block ;[/font]
[font=Verdana, Arial]background-image: url(https://imgur.com/41ch84B.png);[/font]
[font=Verdana, Arial]    background-size: contain;[/font]
}`//make the walls of text black


if I directly paste your CSS into any quotes on this topic, the quote floats and gets smaller like in a square shape with your extension icon... If you just made a CSS to add your icon close to the user profile image on the top of the page, you have to add that CSS to another place, not to each quote on the topic (not the selector below)
document.querySelectorAll(".quotetext")


another problem is that you kept .style.backgroundColor, which only changes the bg color of the element, you can't apply a bunch of css directly that way, in that case you either use insertAdjacentHTML or a bunch of lines with the
selector.style.SpecficCSSThing = 'Specific css for that specific thing"

like

selector.style.backgroundColor = 'black' 
 selector.style.top = '200px' 
 selector.style.display= 'block'

etc


here is the btn code
document.querySelector(".header-menu-unit.header-profile.pl0").insertAdjacentHTML('beforeend', '<a href="javaScript:void(0)" id="test" class="header-profile-button" style="background-image:url(https://imgur.com/41ch84B.png)" title="Click to Change Color"></a>')

now we only work with that selector id we created
document.querySelector("#test")



document.querySelector("#test").onmouseover = function() //when the extension icon is hovered by the mouse cursor

    {


document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text,QUOTES and codes BG black
document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.color = 'white') //make the walls of text,QUOTES and codes white


    }

hacker09Feb 11, 2023 6:21 PM
Click here to see My Tampermonkey Scripts For MAL

If you like my work, please consider supporting it!
Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io
Feb 13, 2023 9:20 AM
Dreamcatcher

Offline
Aug 2013
2418
Hi! I've been waiting for the extension to update, and it has, but it didn't fix the problem I had previously.
Feb 13, 2023 9:54 AM

Offline
Feb 2010
12631
Yuki-Chan276 said:
Hi! I've been waiting for the extension to update, and it has, but it didn't fix the problem I had previously.


Oh that's strange, I reinstalled the extension in Chrome and it seems to work for me, you do mean the blue text I'm pointing to here, right? You're not able to click that with the extension?
https://i.imgur.com/lmxWvQr.gif

Or are you referring to something with the lists like here?
https://myanimelist.net/forum/?topicid=2072574&show=0#msg68479371
Feb 13, 2023 11:07 AM
Dreamcatcher

Offline
Aug 2013
2418
Shishio-kun said:
Yuki-Chan276 said:
Hi! I've been waiting for the extension to update, and it has, but it didn't fix the problem I had previously.


Oh that's strange, I reinstalled the extension in Chrome and it seems to work for me, you do mean the blue text I'm pointing to here, right? You're not able to click that with the extension?
https://i.imgur.com/lmxWvQr.gif

Or are you referring to something with the lists like here?
https://myanimelist.net/forum/?topicid=2072574&show=0#msg68479371


Yeah, I cannot click on the light blue text to go to the post I got a message for. I can only click on the link and then it will only go to the right thread, not the last page or post. Did you update the compact extension too? Since that is the one I'm using.
Feb 13, 2023 12:24 PM

Offline
Feb 2010
12631


OK I see, that's the theme with Stylus and I thought you were referring to the Chrome extension this whole time. The Chrome one updates automatically (I think?) but the themes don't, it seems. Maybe with the Support URL but I don't know how that works atm

So you'll have to reinstall to the latest version with the reinstall button on its page.
Feb 13, 2023 3:13 PM
Dreamcatcher

Offline
Aug 2013
2418
Shishio-kun said:


OK I see, that's the theme with Stylus and I thought you were referring to the Chrome extension this whole time. The Chrome one updates automatically (I think?) but the themes don't, it seems. Maybe with the Support URL but I don't know how that works atm

So you'll have to reinstall to the latest version with the reinstall button on its page.
Ah, I've done so now, but I'm not sure it has worked yet.
Feb 14, 2023 10:29 AM

Offline
Feb 2010
12631
Yuki-Chan276 said:
Shishio-kun said:


OK I see, that's the theme with Stylus and I thought you were referring to the Chrome extension this whole time. The Chrome one updates automatically (I think?) but the themes don't, it seems. Maybe with the Support URL but I don't know how that works atm

So you'll have to reinstall to the latest version with the reinstall button on its page.
Ah, I've done so now, but I'm not sure it has worked yet.


I've sent you a test comment for the notification, as well as quoting you here, so you should be able to test it out now :D
Feb 14, 2023 10:40 AM
Dreamcatcher

Offline
Aug 2013
2418
Shishio-kun said:
Yuki-Chan276 said:
Ah, I've done so now, but I'm not sure it has worked yet.


I've sent you a test comment for the notification, as well as quoting you here, so you should be able to test it out now :D


It's working now! Thank you!
Feb 14, 2023 10:48 AM

Offline
Feb 2010
12631
Yuki-Chan276 said:
Shishio-kun said:


I've sent you a test comment for the notification, as well as quoting you here, so you should be able to test it out now :D


It's working now! Thank you!


Awesome! Thank you for giving the theme a chance!

Feb 14, 2023 11:07 AM
Dreamcatcher

Offline
Aug 2013
2418
Shishio-kun said:
Yuki-Chan276 said:


It's working now! Thank you!


Awesome! Thank you for giving the theme a chance!



No, thank you for creating it!
Feb 16, 2023 1:54 PM

Offline
Feb 2010
12631
hacker09 said:
@Shishio-kun

You are good, I totally aware that people hate scripts and tampermonkey, so I am trying to abide by what you said and I will not be making a dark mode script or add-on for your extension, that requires a separate script or tampermonkey

The codes I gave you work on textbox.js, so they are not a separate script, and they do not require tampermonkey, so I am not sure why you are mentioning that again but ok...
They do not work because they have break lines, removing the line breaks would make it work

or use `` instead of '' or "", `` works better with line breaks so you can keep your nice format with line breaks usually if you use ``

You also added :before in the selector what usually does not work

also, document.querySelectorAll(".page-common #content") is a single element, so if you use document.querySelectorAll(".page-common #content") you will only see 1 nodeList returned what means that there is only 1 element, so it is not possible to use forEach any longer with that selector

the problem is your css itself,
document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = `.page-common #content{
    content: "";
position: fixed;
right: 200px;
top: 200px;
height: 50px;
width: 50px;
display: block ;
background-image: url(https://imgur.com/41ch84B.png);
    background-size: contain;
}`) //make the walls of text black


document.querySelectorAll(".quotetext").forEach(el => el.style.backgroundColor = `.page-common #content{
    content: "";
position: fixed;
right: 200px;
top: 200px;
height: 50px;
width: 50px;
display: block ;
background-image: url(https://imgur.com/41ch84B.png);
    background-size: contain;
}`) //make the walls of text QUOTES black


even directly pasting the code on the dev console does not work

so

document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = `.page-common #content{
    content: "";
position: fixed;
right: 200px;
top: 200px;
height: 50px;
width: 50px;
display: block ;
background-image: url(https://imgur.com/41ch84B.png);
    background-size: contain;
}`) //make the walls of text black 


would have to be instead

document.querySelector(".content > div").style.backgroundColor = `.page-common #content{

[font=Verdana, Arial]    content: "";[/font]
[font=Verdana, Arial]position: fixed;[/font]
[font=Verdana, Arial]right: 200px;[/font]
[font=Verdana, Arial]top: 200px;[/font]
[font=Verdana, Arial]height: 50px;[/font]
[font=Verdana, Arial]width: 50px;[/font]
[font=Verdana, Arial]display: block ;[/font]
[font=Verdana, Arial]background-image: url(https://imgur.com/41ch84B.png);[/font]
[font=Verdana, Arial]    background-size: contain;[/font]
}`//make the walls of text black


if I directly paste your CSS into any quotes on this topic, the quote floats and gets smaller like in a square shape with your extension icon... If you just made a CSS to add your icon close to the user profile image on the top of the page, you have to add that CSS to another place, not to each quote on the topic (not the selector below)
document.querySelectorAll(".quotetext")


another problem is that you kept .style.backgroundColor, which only changes the bg color of the element, you can't apply a bunch of css directly that way, in that case you either use insertAdjacentHTML or a bunch of lines with the
selector.style.SpecficCSSThing = 'Specific css for that specific thing"

like

selector.style.backgroundColor = 'black' 
 selector.style.top = '200px' 
 selector.style.display= 'block'

etc


here is the btn code
document.querySelector(".header-menu-unit.header-profile.pl0").insertAdjacentHTML('beforeend', '<a href="javaScript:void(0)" id="test" class="header-profile-button" style="background-image:url(https://imgur.com/41ch84B.png)" title="Click to Change Color"></a>')

now we only work with that selector id we created
document.querySelector("#test")



document.querySelector("#test").onmouseover = function() //when the extension icon is hovered by the mouse cursor

    {


document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text,QUOTES and codes BG black
document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.color = 'white') //make the walls of text,QUOTES and codes white


    }



Thanks for doing all this, I will check it out later this weekend and try to integrate it into the official extension if I can!
Feb 16, 2023 2:45 PM

Offline
Dec 2019
3517
Shishio-kun said:
hacker09 said:
@Shishio-kun

You are good, I totally aware that people hate scripts and tampermonkey, so I am trying to abide by what you said and I will not be making a dark mode script or add-on for your extension, that requires a separate script or tampermonkey

The codes I gave you work on textbox.js, so they are not a separate script, and they do not require tampermonkey, so I am not sure why you are mentioning that again but ok...
They do not work because they have break lines, removing the line breaks would make it work

or use `` instead of '' or "", `` works better with line breaks so you can keep your nice format with line breaks usually if you use ``

You also added :before in the selector what usually does not work

also, document.querySelectorAll(".page-common #content") is a single element, so if you use document.querySelectorAll(".page-common #content") you will only see 1 nodeList returned what means that there is only 1 element, so it is not possible to use forEach any longer with that selector

the problem is your css itself,
document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = `.page-common #content{
    content: "";
position: fixed;
right: 200px;
top: 200px;
height: 50px;
width: 50px;
display: block ;
background-image: url(https://imgur.com/41ch84B.png);
    background-size: contain;
}`) //make the walls of text black


document.querySelectorAll(".quotetext").forEach(el => el.style.backgroundColor = `.page-common #content{
    content: "";
position: fixed;
right: 200px;
top: 200px;
height: 50px;
width: 50px;
display: block ;
background-image: url(https://imgur.com/41ch84B.png);
    background-size: contain;
}`) //make the walls of text QUOTES black


even directly pasting the code on the dev console does not work

so

document.querySelectorAll(".content > div").forEach(el => el.style.backgroundColor = `.page-common #content{
    content: "";
position: fixed;
right: 200px;
top: 200px;
height: 50px;
width: 50px;
display: block ;
background-image: url(https://imgur.com/41ch84B.png);
    background-size: contain;
}`) //make the walls of text black 


would have to be instead

document.querySelector(".content > div").style.backgroundColor = `.page-common #content{

[font=Verdana, Arial]    content: "";[/font]
[font=Verdana, Arial]position: fixed;[/font]
[font=Verdana, Arial]right: 200px;[/font]
[font=Verdana, Arial]top: 200px;[/font]
[font=Verdana, Arial]height: 50px;[/font]
[font=Verdana, Arial]width: 50px;[/font]
[font=Verdana, Arial]display: block ;[/font]
[font=Verdana, Arial]background-image: url(https://imgur.com/41ch84B.png);[/font]
[font=Verdana, Arial]    background-size: contain;[/font]
}`//make the walls of text black


if I directly paste your CSS into any quotes on this topic, the quote floats and gets smaller like in a square shape with your extension icon... If you just made a CSS to add your icon close to the user profile image on the top of the page, you have to add that CSS to another place, not to each quote on the topic (not the selector below)
document.querySelectorAll(".quotetext")


another problem is that you kept .style.backgroundColor, which only changes the bg color of the element, you can't apply a bunch of css directly that way, in that case you either use insertAdjacentHTML or a bunch of lines with the
selector.style.SpecficCSSThing = 'Specific css for that specific thing"

like

selector.style.backgroundColor = 'black' 
 selector.style.top = '200px' 
 selector.style.display= 'block'

etc


here is the btn code
document.querySelector(".header-menu-unit.header-profile.pl0").insertAdjacentHTML('beforeend', '<a href="javaScript:void(0)" id="test" class="header-profile-button" style="background-image:url(https://imgur.com/41ch84B.png)" title="Click to Change Color"></a>')

now we only work with that selector id we created
document.querySelector("#test")



document.querySelector("#test").onmouseover = function() //when the extension icon is hovered by the mouse cursor

    {


document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text,QUOTES and codes BG black
document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.color = 'white') //make the walls of text,QUOTES and codes white


    }



Thanks for doing all this, I will check it out later this weekend and try to integrate it into the official extension if I can!

you're welcome.

basically just ignore everything, I said until
"here is the btn codes"

only stuff and the codes before that are what you need and important

if you need anything else let me know, I'll be glad to help you whenever I've time at least
Click here to see My Tampermonkey Scripts For MAL

If you like my work, please consider supporting it!
Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io
Feb 19, 2023 12:10 PM

Offline
Feb 2010
12631
@hacker09 Awesome! It works well! Thanks again. I was searching for some codes like too like the HTML element adding, but the examples I found online didn't work when I tried them.

I will look into adjusting the CSS next and getting it just right for pages like this with huge walls of text
https://myanimelist.net/forum/?topicid=575725

Can you set it so that it works with mouse click and not mouse over? It currently activates the darker CSS when I point the mouse to it.

Also is there a page out there with a list of short JavaScript snippets with working examples that can be edited for personal use and learning? Otherwise the only places I know to check out are GreasyFork and random Githubs
Feb 19, 2023 6:03 PM

Offline
Dec 2019
3517
@Shishio-kun

Yes, I can do that sometime later.

Yes and no, the only 2/3 ones I know of are
https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML
HTML DOM Element insertAdjacentHTML() Method (w3schools.com)
How to append HTML code to a div using JavaScript ? - GeeksforGeeks

And besides that you can use any of my scripts are examples as they are all overly commented, exactly for that reason too, to help others learn and understand what is happening on my script codes
Click here to see My Tampermonkey Scripts For MAL

If you like my work, please consider supporting it!
Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io
Feb 19, 2023 6:05 PM

Offline
Dec 2019
3517
change onmouseover to onclick and it should work I think
old code
document.querySelector("#test").onmouseover = function() //when the extension icon is hovered by the mouse cursor
    {
document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text,QUOTES and codes BG black
document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.color = 'white') //make the walls of text,QUOTES and codes white
    }

onclick code
document.querySelector("#test").onclick = function() //when the extension icon is clicked by the mouse cursor
    {
document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text,QUOTES and codes BG black
document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.color = 'white') //make the walls of text,QUOTES and codes white
    }

Click here to see My Tampermonkey Scripts For MAL

If you like my work, please consider supporting it!
Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io
Feb 28, 2023 7:24 PM

Offline
Nov 2018
6126
@Shishio-kun the extension is hiding the MAL logo at the top of the page.



It reappears when I disable it.
MAL EMOJIS - Get your specially formatted emojis for MAL forums.

Mar 3, 2023 5:35 AM

Offline
Feb 2010
12631
The logo should be visible now in Firefox!
Mar 5, 2023 2:17 AM

Offline
Nov 2018
6126


I have successfully trolled MAL
MAL EMOJIS - Get your specially formatted emojis for MAL forums.

Mar 5, 2023 7:37 AM

Offline
Feb 2010
12631
_cjessop19_ said:


I have successfully trolled MAL


lol that's a pretty funny video and meme

We used to do a lot of trolling MAL users back in the day, and a lot us were making memes like this for similar stuff. Like there was a year where image tags were broken we made countless memes about the "devs" then. And some hacker stalked the site for like years, it was brutal.

Since I've always had access to thousands of lists, I used to do a Halloween and sometimes April Fools prank on people's list that would cuz a lot of commotion in Support, man that was fun af lol so many ppl thought they were hacked 😊
Shishio-kunMar 5, 2023 8:39 AM
Mar 15, 2023 8:04 AM
Offline
Oct 2017
5
When writing a review, the following parts are not coded correctly. They are bright white and barely readable. Thank you for your extension, btw! Lifesaver. ♥

EDIT: When updating anime/manga through one's lists, the whole pop-up panel is also bright white! ^^
Tips for New Writers
Your first 105 words will be visible above the read more: Make them interesting!
The best reviews use pronouns (I, me, my, you) very rarely.
Avoid unnecessary openers: “This is my first review, please forgive any mistakes.”
You can describe what the work is about, but keep in mind that readers have already seen the synopsis.
Leave an extra line between paragraphs for easier reading.
Need help deciding what information to include in your review? See this post for some ideas.

What is a review?
A review is a critical evaluation of the content, style, and personal enjoyment of the work you have chosen to review.

Readers are not interested in how you came to watch the work or how the anime made you feel. They are interested in whether they will like the anime and are using your review to decide this.

This means you need to give readers solid information on what was was unique, great, disappointing, etc about this series, and why. Support your statements with concise descriptions, examples, and reasoning.

Please see the Review Guidelines for more information.
ShiirooChiiMar 18, 2023 4:06 PM
Mar 15, 2023 1:17 PM

Offline
Feb 2010
12631
That review text should be fixed in a future update after the extension store approves it
Mar 21, 2023 12:20 PM

Offline
Feb 2010
12631
hacker09 said:
change onmouseover to onclick and it should work I think
old code
document.querySelector("#test").onmouseover = function() //when the extension icon is hovered by the mouse cursor
    {
document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text,QUOTES and codes BG black
document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.color = 'white') //make the walls of text,QUOTES and codes white
    }

onclick code
document.querySelector("#test").onclick = function() //when the extension icon is clicked by the mouse cursor
    {
document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.backgroundColor = 'black') //make the walls of text,QUOTES and codes BG black
document.querySelectorAll(".content > div,.codetext,.quotetext").forEach(el => el.style.color = 'white') //make the walls of text,QUOTES and codes white
    }



btw I haven't forgotten about this, I'm just putting it in a separate "Convenient Dark MAL" extension which is re-tuned for convenience, it's actually what I use personally with some other changes that fix various small issues with the site, and also to clean it up some more visually. And then there would still be the separate original lightweight dark mode which will stay as lightweight as I can possibly make it.
Apr 2, 2023 6:30 AM

Offline
Nov 2018
6126
I think there might be a bug where some of the links to parts of people's lists aren't blue (see below)


These vary from user to user, even yours doesn't appear blue at all @Shishio-kun


They all appear normal when I turn off the script, same with turning on Dark Reader
MAL EMOJIS - Get your specially formatted emojis for MAL forums.

Apr 2, 2023 8:14 AM

Offline
Feb 2010
12631
_cjessop19_ said:
I think there might be a bug where some of the links to parts of people's lists aren't blue (see below)


These vary from user to user, even yours doesn't appear blue at all @Shishio-kun


They all appear normal when I turn off the script, same with turning on Dark Reader


Ah ok those are blue because they were clicked previously, then they turn blue. Maybe it could be changed to where visited links don't change at all or change to another greyer blue. And then also yeah those page links should all be blue not grey
May 5, 2023 4:07 PM
Offline
Dec 2021
10
@Shishio-kun Thank you so much!!
May 21, 2023 5:16 PM
εΉ³ζ²’ε”―

Offline
Dec 2016
2206
Looks great! And good job on styling the accessory sites as well, those are always blindingly bright lol.
May 21, 2023 5:20 PM

Offline
Feb 2010
12631
Valerio_Lyndon said:
Looks great! And good job on styling the accessory sites as well, those are always blindingly bright lol.


Thanks, means a lot coming from you! 😭

And yeah the bright sister sites + the bright spots on the home page: https://www.youtube.com/watch?v=KxZmiVUQksA
May 21, 2023 5:22 PM

Offline
Dec 2019
3517
looks like the half moon icon nearby the user profile image is not there anymore but ok.
Nice share!

Also its apps not aps on your first post right?
Click here to see My Tampermonkey Scripts For MAL

If you like my work, please consider supporting it!
Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io
May 21, 2023 5:27 PM

Offline
Feb 2010
12631
hacker09 said:
looks like the half moon icon nearby the user profile image is not there anymore but ok.
Nice share!

Also its apps not aps on your first post right?


I've haven't added your Javascript codes to any of the Chrome store versions yet- I had to do an insane amount of maintenance first. We will add it eventually but it's also going to take some time to get the half-moon icon working right later since it has some issues but I will get to it eventually this year. I was thinking to make two separate dark mode extensions too for different user types, still not sure about that but we'll see
May 21, 2023 5:29 PM
ざわ・・ ざわ・・

Offline
Oct 2012
323
I usually like the darker themes but once I tried this one I couldn't go back lol. Nice job!
May 21, 2023 5:29 PM

Offline
Dec 2019
3517
@Shishio-kun

Oh I see.

Good luck with that, @ me if you need anything that I can help you with!
Click here to see My Tampermonkey Scripts For MAL

If you like my work, please consider supporting it!
Cryptos / Patreon / Ko-Fi / BuyMeaCoffee https://cyber-sec0.github.io
May 21, 2023 5:58 PM

Offline
Feb 2010
12631
Xirai said:
I usually like the darker themes but once I tried this one I couldn't go back lol. Nice job!


Awesome to hear!! :D
May 21, 2023 7:05 PM

Offline
Oct 2016
491
Awesome to see you still making MAL a better place even more. :)
May 22, 2023 12:31 AM
Degenerate Queen

Offline
Jan 2022
827
Thank you!

The dark mode that MAL made makes me stressed out very easily and gives me major headaches.
May 25, 2023 5:31 AM

Offline
Dec 2015
41
This is so much nicer than MAL's dark mode, thank you!!
May 31, 2023 10:35 AM

Offline
Apr 2018
831
Just installed and it works like a charm. I've used other extensions in the past but they eventually bug out or don't work properly when I change computers. 
May 31, 2023 11:28 AM
Feb 29, 2024 11:02 AM
Lewd Depresso

Offline
Jul 2008
2386
Just noticed an issue. In search mode, when popup info box shows up. I can't quickly open entries in multiple tabs like with default theme. As middle clicking on image doesn't work and box gets in way to get to next entry...

Default allows middle clicking on the thumbnail and makes popup infobox open offset a bit.
This theme doesn't allow middle clicking on thumbnail and makes popup infobox appear direction next to thumbnail thus making title as well quickly inaccessible.

I were on hiatus from MAL for a while so didn't really use MAL as I normally use for a while, but now I instantly noticed the issue when I wanted to start popping new anime to my plan to watch in batches.

Which I usually do my opening Anime > Anime Searh > Upcoming > and just mass middle click (open in new tab) all the stuff that ain't in my Plan to watch, and check them out 1 by 1. Makes my process fast.

Anyhow.... any quick for fix for that?
Other than that great theme, haven't noticed issues or unpleasantness.

(tried to search around in hoverinfo and hoverinfo trigger section but yeah, couldnt figure out sadly :D)
DesolatePsycheFeb 29, 2024 11:25 AM
Reply Disabled for Non-Club Members
Pages (2) « 1 [2]

More topics from this board

» theme help

threat - Jul 5

5 by Zaryf »»
Aug 21, 5:46 AM

» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )

Valerio_Lyndon - Apr 19, 2018

1261 by KiranaStarr »»
Aug 16, 5:48 PM

» [CSS] ⭐️ Customize your List Cursor + Cursor Fixes

Shishio-kun - Mar 8, 2021

30 by Shishio-kun »»
Jul 28, 3:17 AM

» How To Have Different Banner/Cover image & Background Image For Manga & Anime Lists

YasminaRegina - Jul 25

2 by YasminaRegina »»
Jul 26, 1:02 AM

Sticky: » πŸ’š [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )

Shishio-kun - Nov 17, 2023

52 by LucaBalsa »»
Jul 6, 2:02 PM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login