Neocities allows anyone to create a free web site to express themselves. Want to create your own awesome site? Join us!
owlroost
2 years ago
Lots of little updates today- mostly styling, with a few tweaks to existing pages.
kph
2 years ago
I continue to be charmed by the overabundance of sharks in the regular background, and the new border is fun. The CSS for the non-eona pages interacts strangely with my browser's dark mode flag, I think? Looks fine in the neocities preview but when I actually view it, both the text and the content boxes are dark colors.
owlroost
2 years ago
Huh, odd. I'll check over the dark mode media query changes and see if something broke- thanks for letting me know.
art music videogames programming anime games food personal writing cats blog movies books gaming fashion photography comics design animation horror game drawing coding manga furry portfolio technology poetry cute ocs reading arte kpop education programacion history animals musica sports film fun roblox literature html philosophy programing nature science tech travel web videogame politics minecraft gamedev retro school youtube computers cartoons pokemon videojuegos life 2000s love blogging video illustration fantasy diary dogs pink random comic memes gardening internet videos idk test linux webcomic queer oc nostalgia kawaii cooking y2k tv ai arg fandom news aesthetic fanfiction emo business journal worldbuilding cars health learning silly vocaloid stuff crafts media math space films fiction 90s stories website scifi cutecore css football cat culture graphics arts painting etc homestuck software marketing lgbt goth punk sanrio baking 3d commissions journaling pixelart sport crochet archive artist digitalart cinema psychology me program diy dance characters funny dnd religion metal comida trans lgbtq makeup shows javascript graphicdesign entertainment cool fanart streaming development code sonic scene aboutme editing series rpg friends clothes creativity webcomics indie lifestyle story roleplay plants comedy guitar webcore weird languages gay hacking zines electronics rock webdesign ttrpg everything educacion cyberpunk reviews community informatica aesthetics sewing study engineering basketball computer soccer beauty it originalcharacters oldweb fnaf social weirdcore spirituality vtuber vintage discord pets vaporwave project photos about shop information movie architecture clothing storytelling coffee language nintendo flowers blogs html5 testing deltarune japan undertale shopping mlp biology magic cosplay crypto money thoughts digital radio fitness hobbies creative blinkies book lore nothing ttrpgs experimental chat tecnologia physics info cybersecurity furries alternative astronomy bugs japanese websites site singing birds resume occult witchcraft autism other fandoms wip juegos futbol lain finance research anything profile band dolls sleeping television sleep gamedevelopment vr theatre events tvshows system projects ghchs apps crafting work genshin linguistics webdevelopment photo personalwebsite splatoon vampires fish carrd python dreams transgender all knitting free meme interests rap toys developer astrology fanfic windows pixels mentalhealth aliens puzzle fortnite wiki yaoi robots drawings app deportes collecting dog moda animations touhou family a coquette cartoon dancing poems bio stamps security romance english gothic skateboarding marvel tarot visualnovels pizza fnf intro online links modding medicine mathematics hiking humor adventure data osc interactive gatos essays frutigeraero teaching journalism characterdesign lol no roleplaying mystery dragons fansite gallery gyaru gamedesign animes gym twitch chess rp creepypasta zine zonelets hobby objectshows jfashion gifs pixel resources breakcore ffxiv home scenecore meow tf2 twine mythology privacy noise dreamcore ocean puzzles death hiphop law traveling graphic vkei popculture birthday musicals piano novels podcast myself introduction android audio blender progamming danganronpa recipes rpgs ecommerce swag dark communism yuri car robotics stars bfdi hellokitty plushies indiegames shrine awesome socialmedia style activism pictures none pjsk paranormal deporte production omori studying boardgames foods jogos running educational lolita girls electronic bunnies misc christianity bitcoin student utau things feminism jewelry wrestling anarchism lesbian mario travelling scratch spanish old god computing vent clowns webdev filmmaking sharks unblocked geography outdoors designing store realestate 80s dev grunge doom maths java songs volleyball pinterest pc flash images vtubers jpop craft starwars help 3dmodeling peliculas environment college transformers dinosaurs brasil tumblr tools amor bts collage creepy cafe stickers trains event epic jazz computerscience plurality services escuela baseball novel yoga warriorcats blue translation chemistry pastel collection bl acting js cyber construction southpark lego mcr programar persona cine programas multimedia retrogaming jesus tea tcc tabletop libros monsters podcasts forum theater yes fotografia otherkin gamer therian weed horses truecrime estudiante whatever videoediting supernatural techno shoes enstars args medical trading alt weather programmer miku pop hardware skating turismo search homepage insects cozy vlog cricket dc angels curso freedom tiktok videography kirby manhwa hi salud people opensource skincare economics maps learn socialism modeling kidcore restaurant swimming drama sound historia closedspecies draw surrealism lgbtqia dj digitalmarketing bsd halloween kandi vhs ecology f1 green service petz world ropa artwork hockey tourism animanga ideas shitposting tattoos fishing girly depression furniture analysis text edm cleaning author nerd conspiracy cv bible egl animales literatura drugs blockchain rats did racing homework cultura healthcare academia 3dprinting chatting tennis plural whimsy frogs mobile women kdrama surreal bands trinkets academic scary cryptocurrency chill sculpture friendship sciencefiction general hair videogaming programa networking tutorials wedding hardcore library filmes informacion species brazil knowledge truth christian alterhuman rpgmaker visualnovel sociology aviation eating soft water analog thrifting miriadax genshinimpact programacao mods ambient society foss anarchy practice estudio creation ghosts glitch colors gacha university server conlang css3 quotes erotica cryptids jjba company retrogames sites onepiece google livros batman sustainability anthropology graffiti guns ux purple live bot neocities review cycling sketching class artes wellness twitter programs noticias garden schoolproject kids writer character revival cs medieval blood advertising instagram crime shitpost superheroes lostmedia theology bikes harrypotter startrek webseries forsaken archives magazine esoteric nails vampire industrial mangas camping writting play theory analoghorror tattoo otaku dating frontend cards evangelion animal talking disney rants rhythmgames articles church performance idols meditation os 3dart future ultrakill training interactivefiction illustrations building house handmade unblockedgames spiderman liminal synthesizers jobs ceramics prompts yapping apple spooky youtuber content decor notes datascience shrines viajes concerts tareas tecnology finalfantasy tarea chaos party selfship originalcharacter french crocheting shoegaze zelda voiceacting new designer communication silliness doodles rambling exercise facts vrchat magick embroidery something hack disability cult satire paganism sims mylittlepony neopets calculator cheese desing entretenimiento repair photoshop folklore rainbow visualkei joke jokes geek animalcrossing creating tic creatures download anthro desarrollo halflife sweets overwatch musicproduction developing marxism php terror miscellaneous black kink tokipona shifting spiritual crk commission vtubing military ar quiz club scp vinyl trabajo private webring conlangs hotel vegan bass beach musics mtg scrapbooking vlogs self happy projectsekai adhd doctorwho archival seals arcane pet oldroblox agriculture tips kdramas animating creativewriting more tokusatsu islam secret beginner ranfren map songwriting mushrooms yugioh csgo lolitafashion index zombies motorcycles mecha generator underground musician hosting kin drinks gender casino sanat collections vibes words 1 4chan stupid stem lofi randomstuff beer time studies rave edits cities red mha tamagotchi city products ui electronica fanfics retrocomputing glitter productivity daily ciencia dungeonsanddragons digimon tutorial
I'm using firefox! It's the case on noth of my PCs and my phone running firefox, even if I force-clear the cache. I'll test my extensions after work but it's just ublock origin and a password manager.
Huh! Which version of Firefox? That's the first browser I test on for both mobile and PC, so it's odd that it's not working on your end- now I'm even more curious what's going on.
Mobile is running 114.1.0 (Build #2015955411), but I doubt all my devices are on the same version. I do have a flag that sends websites dark mode requests, somehow, so I was wondering if it was a default background color being set differently by my browser or some weird CSS interaction like that.
https://kph.neocities.org/img/Screenshot_20230613_170437_Firefox.jpg
Comfirmed that if I take my firefox out of dark mode, it makes the colors what they're supposed to be.
Thanks for all the details- to clarify, the Firefox flag is linked to the problem? That gives me something to look into if that's the case. If I can track down that flag, then I'll figure out how to make it cooperate if possible. Just to check, is it only on the sitemap/sitelog, or pages with the regular style as well?
Also, go Firefox!
That was enough information for me to replicate the problem! Manually set theme in the browser, right? I think I see it- I didn't set a variable properly for the Gummy Shark theme's dark mode, so it was reverting back to light colors where I forgot to set dark alternatives. Not sure why it didn't show up with the OS dark theme for me, but I think I fixed it- thank you for sticking with me on troubleshooting this!
Fantastic! All fixed. :) Thank you as well for playing along. And yeah, I've also got my desktops on dark mode but firefox has a separate theme that will change the defaults of some(?) pages. How do you have the CSS check for light/dark mode, by the by? Maybe I should add a light mode to my site :p
A media query! @media screen and (prefers-color-scheme: dark) {}, but @media screen and (prefers-color-scheme: light) {} works as well. Optionally, also add :root {color-scheme: light dark;} to tell the browser I support both light and dark (but prefer light; you'd want dark first).
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme for more information on that.