Does anyone know how to change that yellow background color (#ffffcc) when you click the date when a post was made? I use a dark theme and it really sticks out badly with it.
Danbooru has a native dark theme if you weren't aware. You can enable it in your account settings. Otherwise it's this:
:root {
--target-background: grey;
}
Damn, I've had no idea about this honestly, I looked for it before but since there was nothing I was just using some random dark theme I've found on pastebin which I've modified to not look so terrible. I see that on GitHub this was added recently, it looks great too. Thanks a lot for letting me know and also thanks for adding the theme as well.
Is anyone able to make some CSS to set the full size image as default again, without disabling the z key shortcut to toggle between full size and resized-to-window?
Is anyone able to make some CSS to set the full size image as default again, without disabling the z key shortcut to toggle between full size and resized-to-window?
I don't believe that's possible with CSS. However, there is a setting for that. Under "Settings > Basic > Default image width" choose "original". This disables the toggle, though.
Edit: Here's a userscript which achieves the exact functionality you requested.
I don't believe that's possible with CSS. However, there is a setting for that. Under "Settings > Basic > Default image width" choose "original". This disables the toggle, though.
Edit: Here's a userscript which achieves the exact functionality you requested.
Default image width of "original" sets images to the width of your screen and not the actual original size of the image unless this is smaller than your screen. There used to be a way of changing your settings so you view the full size image but this was removed at the same time as the shortcut to view it after loading the page was added on 27th March (https://danbooru.donmai.us/forum_topics/9127?page=297#forum_post_164477). The userscript you posted unfortunately does nothing to change this.
I found this posted by @BrokenEagle98 on discord: .fit-width { max-width: unset; height: unset; }
But this breaks both the z shortcut and the "resize to window" button.
For those that want the images to start out at full width upon image load while still preserving the zoom functionality, you can use the following custom CSS. It basically flips the functionality of the "fit-width" class that gets added/removed when triggering the Resize to window function.
I see. I misunderstood the question because I had been unaware of the site update. Now that I've noticed it, it really seems like the sort of thing that should be optional. Zooming in on the webpage to get a closer look at the image makes it smaller and when zooming out to get the entire image to fit on screen it's a lot harder to visually estimate how many times you need to zoom out, slowing down the process. @BrokenEagle98 Would it be possible to add an entry into settings to natively disable this behavior (if this behavior is here to stay)?
For those that want the images to start out at full width upon image load while still preserving the zoom functionality, you can use the following custom CSS. It basically flips the functionality of the "fit-width" class that gets added/removed when triggering the Resize to window function.
I see. I misunderstood the question because I had been unaware of the site update. Now that I've noticed it, it really seems like the sort of thing that should be optional. Zooming in on the webpage to get a closer look at the image makes it smaller and when zooming out to get the entire image to fit on screen it's a lot harder to visually estimate how many times you need to zoom out, slowing down the process. @BrokenEagle98 Would it be possible to add an entry into settings to natively disable this behavior (if this behavior is here to stay)?
I'm not really understanding your question. Regardless, if you have something non-CSS related to talk about, that should probably go in a new thread to avoid spamming this thread needlessly. You can also message me directly.