Viewing last 25 versions of post by DanielTepesKraus in topic [Userscript] Transparent Image Background Color Switch

DanielTepesKraus
Greatest Poster in the Board -
GREEN - TALK TO ME
Roseluck - Had their OC in the 2023 Derpibooru Collab.
Elements of Harmony - Had an OC in the 2022 Community Collab
Twinkling Balloon - Took part in the 2021 community collab.
Friendship, Art, and Magic (2020) - Took part in the 2020 Community Collab
My Little Pony - 1992 Edition
Wallet After Summer Sale -
Friendship, Art, and Magic (2019) - Celebrated Derpibooru's seventh year anniversary with friends
Equality - Was more equal than the rest of the people during the event and did the only smart thing: wasn't there :^)

will return
**Description*
*  
This simple script adds a "Toggle BG Color" button above all images which allows you to quickly toggle between the light theme and dark theme color for the background of the image. Handy as transparent animated gifs that use aliasing can look bad against the dark theme, and of course some images look better with a dark background. This lets you swap just the image background color itself with the push of a button.

Now
h
 
By def
asult the opbutiton towill always appear in the uploader bar, but you can edit the Toscript and changge the value BGof "AlwaysLink," oin the script to set it to only addppear it ton images withagged [transparent background](/tags./transparent+background) Tor [derpibooru theme illusion](/tags/defarpibooru+theme+illusion).
 
**I
t In Actison:**  
[![full](h
ttp://www.ballsgohe re.com/uploads/f5cdef368d.png)](http://www.ballsgohere.com/uploads/f5cder;f368d.png)
 
I'v
ed sitnce given theis script a complete rewrite and added a slider bar feature as well. You chang use Athese sliders to tweayk the RGB valuesL of the inmage's background =color 0;and set it to AlwanysLthinkg =you 1;want. Click the down carrow beside the button and geo nuts. Again, this feat.

*I
ure can be turned Ioff by editing Ahe script and changiong the value of "UseSliders":*
 
[
![full](http://iwww.imballsgohere.com/uploads/27444ca517.png)](http://www.ballsgohere.com/8Euploads/27444ca517.png)  
I mostly added t
he sliders thinzg out of boredom / curiosity , but let me know if you find a use for it beyond brief novelty. From what I've been told the sliders are only supported by Chrome, Opera, and the newest versions of Firefox, so if they cause your browser problems they can be tog!

gled off (as stated above) or fixed by updating / changing browsers.
 
*
*Changelog*
*  
V1.0 – 2016/03/30 – Initial release
 
V2.0 - 2017/07/23 - Script rewrite. Now works consistently on all images tagged "transparent", "transparent background", and "derpibooru theme illusion"
 
V2.1 - 2017/07/23 - Added feature to toggle the script and changed the default setting.

 
V3.0 - 2017/08/01 - Script rewrite. Added slider function.
 
*
*Download Link*
"
*  
[
Download"](https://openuserjs.org/scripts/DanielTepesKraus/Derpibooru_Image_Background_Color_Toggle)  
[Download (Old 2.1 version)](
https://openuserjs.org/scripts/DanielTepesKraus/Transparent_Image_Background_Color_Switch

) (Kept available because why not?)
 
*
*Disclaimer and Such*
*  
Use at your own risk. This script does not store or access any user data. This script has been tested but may not be entirely bug free.
No reason given
Edited by DanielTepesKraus
DanielTepesKraus
Greatest Poster in the Board -
GREEN - TALK TO ME
Roseluck - Had their OC in the 2023 Derpibooru Collab.
Elements of Harmony - Had an OC in the 2022 Community Collab
Twinkling Balloon - Took part in the 2021 community collab.
Friendship, Art, and Magic (2020) - Took part in the 2020 Community Collab
My Little Pony - 1992 Edition
Wallet After Summer Sale -
Friendship, Art, and Magic (2019) - Celebrated Derpibooru's seventh year anniversary with friends
Equality - Was more equal than the rest of the people during the event and did the only smart thing: wasn't there :^)

will return
*Description*
This simple script adds a "Toggle BackgroundG Color" button above anyll image tagged with "transparent background":/tags/transparent+background which allows you to quickly toggle between the light theme and dark theme color for the background of the image. Handy as transparent animated gifs that use aliasing can look bad against the dark theme, and of course some images look better with a dark background. This lets you swap just the image background color itself with the push of a button.

Now has the option to always add the Toggle BG Link, or to only add it to images with transparent backgrounds. The default is the lattformer; edit the script and change AlwaysLink = 0; to var AlwaysLink = 1; to change that.

*It In Action:*
!http://i.imgur.com/8Ehenzt.png!

*Changelog*
V1.0 – 2016/03/30 – Initial release
V2.0 - 2017/07/23 - Script rewrite. Now works consistently on all images tagged "transparent", "transparent background", and "derpibooru theme illusion"
V2.1 - 2017/07/23 - Added feature to toggle the script and changed the default setting.

*Download Link*
"Download":https://openuserjs.org/scripts/DanielTepesKraus/Transparent_Image_Background_Color_Switch

*Disclaimer and Such*
Use at your own risk. This script does not store or access any user data. This script has been tested but may not be entirely bug free.
No reason given
Edited by DanielTepesKraus
DanielTepesKraus
Greatest Poster in the Board -
GREEN - TALK TO ME
Roseluck - Had their OC in the 2023 Derpibooru Collab.
Elements of Harmony - Had an OC in the 2022 Community Collab
Twinkling Balloon - Took part in the 2021 community collab.
Friendship, Art, and Magic (2020) - Took part in the 2020 Community Collab
My Little Pony - 1992 Edition
Wallet After Summer Sale -
Friendship, Art, and Magic (2019) - Celebrated Derpibooru's seventh year anniversary with friends
Equality - Was more equal than the rest of the people during the event and did the only smart thing: wasn't there :^)

will return
*Description*
This simple script adds a "Toggle Background Color" button above any image tagged with "transparent background":/tags/transparent+background which allows you to quickly toggle between the light theme and dark theme color for the background of the image. Handy as transparent animated gifs that use aliasing can look bad against the dark theme, and of course some images look better with a dark background. This lets you swap just the image background color itself with the push of a button.

Now has the option to always add the Toggle BG Link, or to only add it to images with transparent backgrounds. The default is the latter; edit the script and change AlwaysLink = 0; to var AlwaysLink = 1; to change that.

*It In Action:*
!http://i.imgur.com/8Ehenzt.png!

*Changelog*
V1.0 – 2016/03/30 – Initial release
V2.0 - 2017/07/23 - Script rewrite. Now works consistently on all images tagged "transparent", "transparent background", and "derpibooru theme illusion"
V2.1 - 2017/07/23 - Added feature to toggle the script and changed the default setting.

*Download Link*
"Download":https://openuserjs.org/scripts/DanielTepesKraus/Transparent_Image_Background_Color_Switch

*Disclaimer and Such*
Use at your own risk. This script does not store or access any user data. This script has been tested but may not be entirely bug free.
No reason given
Edited by DanielTepesKraus
DanielTepesKraus
Greatest Poster in the Board -
GREEN - TALK TO ME
Roseluck - Had their OC in the 2023 Derpibooru Collab.
Elements of Harmony - Had an OC in the 2022 Community Collab
Twinkling Balloon - Took part in the 2021 community collab.
Friendship, Art, and Magic (2020) - Took part in the 2020 Community Collab
My Little Pony - 1992 Edition
Wallet After Summer Sale -
Friendship, Art, and Magic (2019) - Celebrated Derpibooru's seventh year anniversary with friends
Equality - Was more equal than the rest of the people during the event and did the only smart thing: wasn't there :^)

will return
*Description*
This simple script adds a "Toggle Background Color" button above any image tagged with "transparent background":/tags/transparent+background which allows you to quickly toggle between the light theme and dark theme color for the background of the image. Handy as transparent animated gifs that use aliasing can look bad against the dark theme, and of course some images look better with a dark background. This lets you swap just the image background color itself with the push of a button:.

Now has the option to always add the Toggle BG Link, or to only add it to images with transparent backgrounds. The default is the latter; edit the script and change AlwaysLink = 0; to var AlwaysLink = 1; to change that.

*It In Action:*
!http://i.imgur.com/8Ehenzt.png!

*Changelog*
V1.0 – 2016/03/30 – Initial release
V2.0 - 2017/07/23 - Script rewrite. Now works consistently on all images tagged "transparent", "transparent background", and "derpibooru theme illusion"
V2.1 - 2017/07/23 - Added feature to toggle the script.

*Download Link*
"Download":https://openuserjs.org/scripts/DanielTepesKraus/Transparent_Image_Background_Color_Switch

*Disclaimer and Such*
Use at your own risk. This script does not store or access any user data. This script has been tested but may not be entirely bug free.
No reason given
Edited by DanielTepesKraus
DanielTepesKraus
Greatest Poster in the Board -
GREEN - TALK TO ME
Roseluck - Had their OC in the 2023 Derpibooru Collab.
Elements of Harmony - Had an OC in the 2022 Community Collab
Twinkling Balloon - Took part in the 2021 community collab.
Friendship, Art, and Magic (2020) - Took part in the 2020 Community Collab
My Little Pony - 1992 Edition
Wallet After Summer Sale -
Friendship, Art, and Magic (2019) - Celebrated Derpibooru's seventh year anniversary with friends
Equality - Was more equal than the rest of the people during the event and did the only smart thing: wasn't there :^)

will return
*Description*
This simple script adds a "Toggle Background Color" button above any image tagged with "transparent background":/tags/transparent+background which allows you to quickly toggle between the light theme and dark theme color for the background of the image. Handy as transparent animated gifs that use aliasing can look bad against the dark theme, and of course some images look better with a dark background. This lets you swap just the image background color itself with the push of a button:

*It In Action:*
!http://i.imgur.com/8Ehenzt.png!

*Changelog*
V1.0 – 2016/03/30 – Initial release
V2.0 - 2017/07/23 - Script rewrite. Now works consistently on all images tagged "transparent", "transparent background", and "derpibooru theme illusion"

*Download Link*
"Download":https://openuserjs.org/scripts/DanielTepesKraus/Transparent_Image_Background_Color_Switch

*Disclaimer and Such*
Use at your own risk. This script does not store or access any user data. This script has been tested but may not be entirely bug free.
No reason given
Edited by DanielTepesKraus
DanielTepesKraus
Greatest Poster in the Board -
GREEN - TALK TO ME
Roseluck - Had their OC in the 2023 Derpibooru Collab.
Elements of Harmony - Had an OC in the 2022 Community Collab
Twinkling Balloon - Took part in the 2021 community collab.
Friendship, Art, and Magic (2020) - Took part in the 2020 Community Collab
My Little Pony - 1992 Edition
Wallet After Summer Sale -
Friendship, Art, and Magic (2019) - Celebrated Derpibooru's seventh year anniversary with friends
Equality - Was more equal than the rest of the people during the event and did the only smart thing: wasn't there :^)

will return
*Description*
This simple script adds a "Toggle Background Color" button above any image tagged with "transparent background":/tags/transparent+background which allows you to quickly toggle between the light theme and dark theme color for the background of the image. Handy as transparent animated gifs that use aliasing can look bad against the dark theme, and of course some images look better with a dark background. This lets you swap just the image background color itself with the push of a button:

*It In Action:*
!http://i.imgur.com/8Ehenzt.png!

*Changelog*
V1.0 – 2016/03/30 – Initial release

*Download Link*
"Download":https://openuserjs.org/scripts/DanielTepesKraus/Transparent_Image_Background_Color_Switch

*Disclaimer and Such*
Use at your own risk. This script does not store or access any user data. This script has been tested but may not be entirely bug free.
No reason given
Edited by DanielTepesKraus
DanielTepesKraus
Greatest Poster in the Board -
GREEN - TALK TO ME
Roseluck - Had their OC in the 2023 Derpibooru Collab.
Elements of Harmony - Had an OC in the 2022 Community Collab
Twinkling Balloon - Took part in the 2021 community collab.
Friendship, Art, and Magic (2020) - Took part in the 2020 Community Collab
My Little Pony - 1992 Edition
Wallet After Summer Sale -
Friendship, Art, and Magic (2019) - Celebrated Derpibooru's seventh year anniversary with friends
Equality - Was more equal than the rest of the people during the event and did the only smart thing: wasn't there :^)

will return
*Description*
This simple script adds a "Toggle Background Color" button above any image tagged with "transparent background":/tags/transparent+background which allows you to quickly toggle between the light theme and dark theme color for the background of the image. Handy as transparent animated gifs that use aliasing can look bad against the dark theme, and of course some images look better with a dark background. This lets you swap just the image background color itself with the push of a button:

*It In Action:*
!http://i.imgur.com/8Ehenzt.png!

*Changelog*
V1.0 – 2016/03/30 – Initial release

*Download Link*
"Download":https://openuserjs.org/scripts/DanielTepesKraus/Transparent_Image_Background_Color_Switch

Disclaimer and Such
Use at your own risk. This script does not store or access any user data. This script has been tested but may not be entirely bug free.
No reason given
Edited by DanielTepesKraus