teaser for my little winter project.

[dohbuheee@mastodon.social]

@hbons curious, but why are all the line charts exactly the same? not rendering actual data yet?

[eljojo@ruby.social]

@hbons this would definitely be up there in a nasa control centre

[hbons@mastodon.social]

@dohbuheee yea, the backend is working, just need to hook it up properly.

[hbons@mastodon.social]

ok, light theme! ️

cards use the same colour as windows. so I'm slightly changing the base window colour to the one used in sidebars (like in Files).

GTK doesn't seem to have a .dark or .light CSS selector. so had to manually toggle a class and listen for the dark mode signal. no big deal.

#linux #opensource #gnome #gtk #rust #design #aurora

[rdbende@mastodon.social]

@hbons GTK now has support for standard CSS media queries, btw

[hbons@mastodon.social]

@rdbende I tried, but it didn’t work? maybe I did something wrong.

[rdbende@mastodon.social]

@hbons if you're using 4.20 or a newer development version, it should work just like in normal CSS: https://docs.gtk.org/gtk4/css-properties.html#media-queries

[hbons@mastodon.social]

@rdbende thanks! I’ll give it another go.

[ebassi@mastodon.social]

@hbons you don't need to listen to anything; you should use CSS variables and the prefers-color-scheme: dark media query, like:

\@media (prefers-color-scheme: dark) {
.main-window {
--sidebar-bg-color: ...;
--accent-bg-color: ...;
--accent-fg-color: ...;
}

[ebassi@mastodon.social]

@rdbende @hbons just word of advice: standalone GTK does not know anything about light/dark preferences; the plumbing is all part of libadwaita

[taye@mastodon.social]

@ebassi @hbons @media `light-dark()` is also a good method (dunno if GTK supports it)

--bg-color: light-dark(#efedea, #223a2c);

light-dark() - CSS | MDN

The light-dark() CSS function enables setting two colors for a property - returning one of the two colors options by detecting if the developer has set a light or dark color scheme or the user has requested light or dark color theme - without needing to encase the theme colors within a prefers-color-scheme media feature query. Users are able to indicate their color-scheme preference through their operating system settings (e.g., light or dark mode) or their user agent settings. The light-dark() function enables providing two color values where any value is accepted. The light-dark() CSS color function returns the first value if the user's preference is set to light or if no preference is set and the second value if the user's preference is set to dark.

MDN Web Docs (developer.mozilla.org)

[hbons@mastodon.social]

had this idea of just showing country flags instead of city names.

it's less precise, but I think a lot more engaging.

#linux #opensource #gnome #gtk #rust #design #aurora

[virtuous_sloth@cosocial.ca]

@hbons Heh, will this cover North America?

If so, for Canada you might want to include provincial flags (e.g. 󠁣󠁡󠁡󠁢󠁿 for Alberta, or qualified flags like 󠁣󠁡󠁡󠁢󠁿/ for Alberta/Canada), otherwise the land area is too vast. Hell, our provinces can be rather large.

[michalfita@mastodon.social]

@hbons In some countries cities have flags. #Poland for example.

[hbons@mastodon.social]

@virtuous_sloth at some point yes.

but as I understand it's not really possible to predict West-East occurrences... just very broadly North-South. I guess it could be based on whether the sun has set.

[hbons@mastodon.social]

@michalfita once NASA can predict aurora odds that accurately I will add them.

[virtuous_sloth@cosocial.ca]

@hbons You are right, they are quite broad east-west, but there is some variation. Looking at this one, if you know what parts are heavily populated, some of the most populated parts of the country in the south of the east, including around 20 million people, are not in the zone while there are less-populated parts in the south of the west which are in the zone that nevertheless inclued almost 10 million people. A challenge to be sure.

[virtuous_sloth@cosocial.ca]

@hbons I wish you good progress with your cool development!

[pino@social.cologne]

@hbons How hard and backward would it be to just have good old letters there. Or, like the younger ones say: Legacy emoji... LOL

[hbons@mastodon.social]

@pino