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 GTK now has support for standard CSS media queries, btw

    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
    #70

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

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

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

      rdbende@mastodon.socialR This user is from outside of this forum
      rdbende@mastodon.socialR This user is from outside of this forum
      rdbende@mastodon.social
      wrote last edited by
      #71

      @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 ebassi@mastodon.socialE 2 Replies 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

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