i forget where that css thread is but i started a byob dark mode

The Something Awful Forums > Main > BYOB: BYOB BYOB BOYB BBOY YOBB YBOB BBYO?? > i forget where that css thread is but i started a byob dark mode

cruft

Maybe post a screen shot.

If you'd like, I can drop this into my browser extension so it's easier for people to view.

# ¿ Aug 17, 2021 16:33

Adbot: ADBOT LOVES YOU

# ¿ May 21, 2024 17:49

cruft

The original CSS thread is https://forums.somethingawful.com/showthread.php?threadid=3956215

# ¿ Aug 17, 2021 17:20

cruft

your friend sk posted:

I like the idea of starry night, but to my eye, that's way too busy.

What about something like

cruft fucked around with this message at 21:48 on Aug 17, 2021

# ¿ Aug 17, 2021 21:41

cruft

cruft posted:

I like the idea of starry night, but to my eye, that's way too busy.

What about something like

code:

body {
  background-image: url('https://images.unsplash.com/photo-1563305096-9af2877f57f9?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8');
  background-size: contain;
}

That'll make this:

# ¿ Aug 17, 2021 21:55

cruft

your friend sk posted:

that looks good too! I'm cool with whatever people want!

Yeah, same, I'm just shooting for a way to increase the contrast between the cookie crumb text and the background image. There's a ton of contrast and hue differences in starry night, which makes it really difficult to differentiate text against.

I bet I could gin up a night sky in css. Give me an hour or two.

# ¿ Aug 18, 2021 00:34

Adbot: ADBOT LOVES YOU

# ¿ May 21, 2024 17:49

cruft

cruft posted:

Yeah, same, I'm just shooting for a way to increase the contrast between the cookie crumb text and the background image. There's a ton of contrast and hue differences in starry night, which makes it really difficult to differentiate text against.

I bet I could gin up a night sky in css. Give me an hour or two.

Oh shiiiittttt you gotta try this sk! Put it at the top of your css file.

code:

body {
  background: black url("http://www.script-tutorials.com/demos/360/images/stars.png");
}

#container {
  background:transparent url("http://www.script-tutorials.com/demos/360/images/twinkling.png") repeat top center;
  animation:move-twink-back 600s linear infinite;    
}

@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

# ¿ Aug 18, 2021 00:47

The Something Awful Forums > Main > BYOB: BYOB BYOB BOYB BBOY YOBB YBOB BBYO?? > i forget where that css thread is but i started a byob dark mode