Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (Cyborg)
  • No Skin
Collapse
Brand Logo

CIRCLE WITH A DOT

  1. Home
  2. Uncategorized
  3. teaser for my little winter project.

teaser for my little winter project.

Scheduled Pinned Locked Moved Uncategorized
gnomedesignappflatpakrust
95 Posts 28 Posters 138 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • rdbende@mastodon.socialR 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.socialH This user is from outside of this forum
    hbons@mastodon.socialH This user is from outside of this forum
    hbons@mastodon.social
    wrote last edited by
    #72

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

    1 Reply Last reply
    0
    • hbons@mastodon.socialH 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

      ebassi@mastodon.socialE This user is from outside of this forum
      ebassi@mastodon.socialE This user is from outside of this forum
      ebassi@mastodon.social
      wrote last edited by
      #73

      @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: ...;
      }

      taye@mastodon.socialT 1 Reply Last reply
      0
      • rdbende@mastodon.socialR 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

        ebassi@mastodon.socialE This user is from outside of this forum
        ebassi@mastodon.socialE This user is from outside of this forum
        ebassi@mastodon.social
        wrote last edited by
        #74

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

        1 Reply Last reply
        0
        • ebassi@mastodon.socialE 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: ...;
          }

          taye@mastodon.socialT This user is from outside of this forum
          taye@mastodon.socialT This user is from outside of this forum
          taye@mastodon.social
          wrote last edited by
          #75

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

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

          Link Preview Image
          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.

          favicon

          MDN Web Docs (developer.mozilla.org)

          1 Reply Last reply
          0
          • hbons@mastodon.socialH 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

            hbons@mastodon.socialH This user is from outside of this forum
            hbons@mastodon.socialH This user is from outside of this forum
            hbons@mastodon.social
            wrote last edited by
            #76

            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

            Link Preview Image
            virtuous_sloth@cosocial.caV michalfita@mastodon.socialM pino@social.cologneP hbons@mastodon.socialH rangelovd@mastodon.mlR 5 Replies Last reply
            0
            • hbons@mastodon.socialH 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

              Link Preview Image
              virtuous_sloth@cosocial.caV This user is from outside of this forum
              virtuous_sloth@cosocial.caV This user is from outside of this forum
              virtuous_sloth@cosocial.ca
              wrote last edited by
              #77

              @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.

              hbons@mastodon.socialH 1 Reply Last reply
              0
              • hbons@mastodon.socialH 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

                Link Preview Image
                michalfita@mastodon.socialM This user is from outside of this forum
                michalfita@mastodon.socialM This user is from outside of this forum
                michalfita@mastodon.social
                wrote last edited by
                #78

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

                hbons@mastodon.socialH 1 Reply Last reply
                0
                • virtuous_sloth@cosocial.caV 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.

                  hbons@mastodon.socialH This user is from outside of this forum
                  hbons@mastodon.socialH This user is from outside of this forum
                  hbons@mastodon.social
                  wrote last edited by
                  #79

                  @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.

                  virtuous_sloth@cosocial.caV 1 Reply Last reply
                  0
                  • michalfita@mastodon.socialM michalfita@mastodon.social

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

                    hbons@mastodon.socialH This user is from outside of this forum
                    hbons@mastodon.socialH This user is from outside of this forum
                    hbons@mastodon.social
                    wrote last edited by
                    #80

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

                    1 Reply Last reply
                    0
                    • hbons@mastodon.socialH 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.

                      virtuous_sloth@cosocial.caV This user is from outside of this forum
                      virtuous_sloth@cosocial.caV This user is from outside of this forum
                      virtuous_sloth@cosocial.ca
                      wrote last edited by
                      #81

                      @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.

                      Link Preview Image
                      virtuous_sloth@cosocial.caV 1 Reply Last reply
                      0
                      • virtuous_sloth@cosocial.caV 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.

                        Link Preview Image
                        virtuous_sloth@cosocial.caV This user is from outside of this forum
                        virtuous_sloth@cosocial.caV This user is from outside of this forum
                        virtuous_sloth@cosocial.ca
                        wrote last edited by
                        #82

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

                        1 Reply Last reply
                        0
                        • hbons@mastodon.socialH 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

                          Link Preview Image
                          pino@social.cologneP This user is from outside of this forum
                          pino@social.cologneP This user is from outside of this forum
                          pino@social.cologne
                          wrote last edited by
                          #83

                          @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.socialH 1 Reply Last reply
                          0
                          • pino@social.cologneP 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.socialH This user is from outside of this forum
                            hbons@mastodon.socialH This user is from outside of this forum
                            hbons@mastodon.social
                            wrote last edited by
                            #84

                            @pino 🤔 🤷

                            pino@social.cologneP 1 Reply Last reply
                            0
                            • hbons@mastodon.socialH hbons@mastodon.social

                              @pino 🤔 🤷

                              pino@social.cologneP This user is from outside of this forum
                              pino@social.cologneP This user is from outside of this forum
                              pino@social.cologne
                              wrote last edited by
                              #85

                              @hbons 🥌 🤺 ⚗️

                              1 Reply Last reply
                              0
                              • hbons@mastodon.socialH 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

                                Link Preview Image
                                hbons@mastodon.socialH This user is from outside of this forum
                                hbons@mastodon.socialH This user is from outside of this forum
                                hbons@mastodon.social
                                wrote last edited by
                                #86

                                want to appreciate for a minute that #gtk can now baseline align labels regardless of size or style.

                                won't need to change the margins when playing with the font sizes later.

                                Link Preview Image
                                hbons@mastodon.socialH 2 Replies Last reply
                                0
                                • hbons@mastodon.socialH hbons@mastodon.social

                                  want to appreciate for a minute that #gtk can now baseline align labels regardless of size or style.

                                  won't need to change the margins when playing with the font sizes later.

                                  Link Preview Image
                                  hbons@mastodon.socialH This user is from outside of this forum
                                  hbons@mastodon.socialH This user is from outside of this forum
                                  hbons@mastodon.social
                                  wrote last edited by
                                  #87

                                  all this might be old news to you, I'm just rediscovering all the "new" features. 😛

                                  1 Reply Last reply
                                  0
                                  • hbons@mastodon.socialH 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

                                    Link Preview Image
                                    rangelovd@mastodon.mlR This user is from outside of this forum
                                    rangelovd@mastodon.mlR This user is from outside of this forum
                                    rangelovd@mastodon.ml
                                    wrote last edited by
                                    #88

                                    @hbons I know you mean well but flags instead of city names and flags instead of languages can be quite controversial at times. I hate to be the lame guy in the room, but usually it's better to err on the side and to avoid these things

                                    hbons@mastodon.socialH 1 Reply Last reply
                                    0
                                    • rangelovd@mastodon.mlR rangelovd@mastodon.ml

                                      @hbons I know you mean well but flags instead of city names and flags instead of languages can be quite controversial at times. I hate to be the lame guy in the room, but usually it's better to err on the side and to avoid these things

                                      hbons@mastodon.socialH This user is from outside of this forum
                                      hbons@mastodon.socialH This user is from outside of this forum
                                      hbons@mastodon.social
                                      wrote last edited by
                                      #89

                                      @rangelovd so true.

                                      1 Reply Last reply
                                      0
                                      • hbons@mastodon.socialH hbons@mastodon.social

                                        want to appreciate for a minute that #gtk can now baseline align labels regardless of size or style.

                                        won't need to change the margins when playing with the font sizes later.

                                        Link Preview Image
                                        hbons@mastodon.socialH This user is from outside of this forum
                                        hbons@mastodon.socialH This user is from outside of this forum
                                        hbons@mastodon.social
                                        wrote last edited by
                                        #90

                                        added the popovers that give you more information about the data you're looking at and what's important. ℹ️

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

                                        hbons@mastodon.socialH 1 Reply Last reply
                                        0
                                        • hbons@mastodon.socialH hbons@mastodon.social

                                          settling on the layout. I think this will be it for the first release.

                                          funky colours that match the wallpaper totally by accident... 😉

                                          also added a #fediverse hashtag graph. arguably the best indicator!

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

                                          zeenix@toot.catZ This user is from outside of this forum
                                          zeenix@toot.catZ This user is from outside of this forum
                                          zeenix@toot.cat
                                          wrote last edited by
                                          #91

                                          @hbons looks neat! 😎👍

                                          Investors are happy 😄

                                          hbons@mastodon.socialH 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          • Login

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Categories
                                          • Recent
                                          • Tags
                                          • Popular
                                          • World
                                          • Users
                                          • Groups