How do I customize Gnome screen shield / curtain / login screen appearance?












7















Gnome desktop seems configurable in various ways: in "Gnome settings", with gnome-extensions, gnome-tweak-tool, gsettings or dconf-editor.



However, apart from this procedure to change the login screen background, which involves a little bit of glib compiling, I have found no way to customize the appearance of:




  • the login screen (font, position, color and size of the login boxes)

  • shield screen aka lock screen aka curtain (font, position, color, format and size of the clock, displayed messages, etc.)


I understand that Gnome philosophy is not to allocate much resource in tweaky-tweak-tweaking-tweakable stuffs. But I am suprised that such basic and harmless properties of these screens seem so difficult to access.



Is there a way I can access and tweak login / shield screen organization properties?

Are they hardcoded or is it just a matter of sneaking into a small curtain.xml or loginscreen.json?

Do I need to get into the sources and compile gnome myself?










share|improve this question



























    7















    Gnome desktop seems configurable in various ways: in "Gnome settings", with gnome-extensions, gnome-tweak-tool, gsettings or dconf-editor.



    However, apart from this procedure to change the login screen background, which involves a little bit of glib compiling, I have found no way to customize the appearance of:




    • the login screen (font, position, color and size of the login boxes)

    • shield screen aka lock screen aka curtain (font, position, color, format and size of the clock, displayed messages, etc.)


    I understand that Gnome philosophy is not to allocate much resource in tweaky-tweak-tweaking-tweakable stuffs. But I am suprised that such basic and harmless properties of these screens seem so difficult to access.



    Is there a way I can access and tweak login / shield screen organization properties?

    Are they hardcoded or is it just a matter of sneaking into a small curtain.xml or loginscreen.json?

    Do I need to get into the sources and compile gnome myself?










    share|improve this question

























      7












      7








      7


      1






      Gnome desktop seems configurable in various ways: in "Gnome settings", with gnome-extensions, gnome-tweak-tool, gsettings or dconf-editor.



      However, apart from this procedure to change the login screen background, which involves a little bit of glib compiling, I have found no way to customize the appearance of:




      • the login screen (font, position, color and size of the login boxes)

      • shield screen aka lock screen aka curtain (font, position, color, format and size of the clock, displayed messages, etc.)


      I understand that Gnome philosophy is not to allocate much resource in tweaky-tweak-tweaking-tweakable stuffs. But I am suprised that such basic and harmless properties of these screens seem so difficult to access.



      Is there a way I can access and tweak login / shield screen organization properties?

      Are they hardcoded or is it just a matter of sneaking into a small curtain.xml or loginscreen.json?

      Do I need to get into the sources and compile gnome myself?










      share|improve this question














      Gnome desktop seems configurable in various ways: in "Gnome settings", with gnome-extensions, gnome-tweak-tool, gsettings or dconf-editor.



      However, apart from this procedure to change the login screen background, which involves a little bit of glib compiling, I have found no way to customize the appearance of:




      • the login screen (font, position, color and size of the login boxes)

      • shield screen aka lock screen aka curtain (font, position, color, format and size of the clock, displayed messages, etc.)


      I understand that Gnome philosophy is not to allocate much resource in tweaky-tweak-tweaking-tweakable stuffs. But I am suprised that such basic and harmless properties of these screens seem so difficult to access.



      Is there a way I can access and tweak login / shield screen organization properties?

      Are they hardcoded or is it just a matter of sneaking into a small curtain.xml or loginscreen.json?

      Do I need to get into the sources and compile gnome myself?







      gnome gnome-shell screen-lock dconf appearance






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Feb 27 '17 at 16:21









      iago-litoiago-lito

      7741925




      7741925






















          2 Answers
          2






          active

          oldest

          votes


















          2














          Not sure if this is a little too late but you can customize the values in /usr/share/gnome-shell/theme/gdm3.css and that does the trick. Just find the screen-shield-clock class and make your changes. One simple thing I did to make it a little nicer is set the font-weight to 300 and it improves the look a million times.






          share|improve this answer
























          • Hey, not bad. This could help a lot, cheers :) Have you found any piece of documentation regarding the meaning of these values? I couldn't find any. Also, do I need to restart or recompile something? I couldn't get any of my changes happening. The file I've found is called gnome-classic.css.

            – iago-lito
            Feb 25 '18 at 13:16













          • Huh. Perhaps in that same directory you can try tweaking gnome-shell.css or ubuntu.css

            – Cezanne Vahid
            Mar 12 '18 at 20:59











          • Nope, doesn't have any : Is there any doc about this somewhere?

            – iago-lito
            Mar 13 '18 at 8:27





















          0














          I use ubuntu 18.04, (also done this in 17.10) and as of how @cezanee-vahid said, you can find the CSS file here: /usr/share/gnome-shell/theme/gdm3.css and by changing this file you don't need to restart gnome or do anything else, they will be changed by locking computer (or better to say will be reloaded).



          so for changing clock size you only need to change font-size and font-weight for .screen-shield-clock-time class.



          also for if you want to get ride off that arrows in the bottom of the screen just set 0 for height and width of .screen-shield-arrows Gjs_Arrow CSS selector. setting 0 for font-size of .screen-shield-clock-date will do the same for Date.






          share|improve this answer








          New contributor




          aasmpro is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
          Check out our Code of Conduct.




















            Your Answer








            StackExchange.ready(function() {
            var channelOptions = {
            tags: "".split(" "),
            id: "106"
            };
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function() {
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled) {
            StackExchange.using("snippets", function() {
            createEditor();
            });
            }
            else {
            createEditor();
            }
            });

            function createEditor() {
            StackExchange.prepareEditor({
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: false,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: null,
            bindNavPrevention: true,
            postfix: "",
            imageUploader: {
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            },
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            });


            }
            });














            draft saved

            draft discarded


















            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2funix.stackexchange.com%2fquestions%2f347926%2fhow-do-i-customize-gnome-screen-shield-curtain-login-screen-appearance%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown

























            2 Answers
            2






            active

            oldest

            votes








            2 Answers
            2






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            2














            Not sure if this is a little too late but you can customize the values in /usr/share/gnome-shell/theme/gdm3.css and that does the trick. Just find the screen-shield-clock class and make your changes. One simple thing I did to make it a little nicer is set the font-weight to 300 and it improves the look a million times.






            share|improve this answer
























            • Hey, not bad. This could help a lot, cheers :) Have you found any piece of documentation regarding the meaning of these values? I couldn't find any. Also, do I need to restart or recompile something? I couldn't get any of my changes happening. The file I've found is called gnome-classic.css.

              – iago-lito
              Feb 25 '18 at 13:16













            • Huh. Perhaps in that same directory you can try tweaking gnome-shell.css or ubuntu.css

              – Cezanne Vahid
              Mar 12 '18 at 20:59











            • Nope, doesn't have any : Is there any doc about this somewhere?

              – iago-lito
              Mar 13 '18 at 8:27


















            2














            Not sure if this is a little too late but you can customize the values in /usr/share/gnome-shell/theme/gdm3.css and that does the trick. Just find the screen-shield-clock class and make your changes. One simple thing I did to make it a little nicer is set the font-weight to 300 and it improves the look a million times.






            share|improve this answer
























            • Hey, not bad. This could help a lot, cheers :) Have you found any piece of documentation regarding the meaning of these values? I couldn't find any. Also, do I need to restart or recompile something? I couldn't get any of my changes happening. The file I've found is called gnome-classic.css.

              – iago-lito
              Feb 25 '18 at 13:16













            • Huh. Perhaps in that same directory you can try tweaking gnome-shell.css or ubuntu.css

              – Cezanne Vahid
              Mar 12 '18 at 20:59











            • Nope, doesn't have any : Is there any doc about this somewhere?

              – iago-lito
              Mar 13 '18 at 8:27
















            2












            2








            2







            Not sure if this is a little too late but you can customize the values in /usr/share/gnome-shell/theme/gdm3.css and that does the trick. Just find the screen-shield-clock class and make your changes. One simple thing I did to make it a little nicer is set the font-weight to 300 and it improves the look a million times.






            share|improve this answer













            Not sure if this is a little too late but you can customize the values in /usr/share/gnome-shell/theme/gdm3.css and that does the trick. Just find the screen-shield-clock class and make your changes. One simple thing I did to make it a little nicer is set the font-weight to 300 and it improves the look a million times.







            share|improve this answer












            share|improve this answer



            share|improve this answer










            answered Feb 25 '18 at 0:55









            Cezanne VahidCezanne Vahid

            212




            212













            • Hey, not bad. This could help a lot, cheers :) Have you found any piece of documentation regarding the meaning of these values? I couldn't find any. Also, do I need to restart or recompile something? I couldn't get any of my changes happening. The file I've found is called gnome-classic.css.

              – iago-lito
              Feb 25 '18 at 13:16













            • Huh. Perhaps in that same directory you can try tweaking gnome-shell.css or ubuntu.css

              – Cezanne Vahid
              Mar 12 '18 at 20:59











            • Nope, doesn't have any : Is there any doc about this somewhere?

              – iago-lito
              Mar 13 '18 at 8:27





















            • Hey, not bad. This could help a lot, cheers :) Have you found any piece of documentation regarding the meaning of these values? I couldn't find any. Also, do I need to restart or recompile something? I couldn't get any of my changes happening. The file I've found is called gnome-classic.css.

              – iago-lito
              Feb 25 '18 at 13:16













            • Huh. Perhaps in that same directory you can try tweaking gnome-shell.css or ubuntu.css

              – Cezanne Vahid
              Mar 12 '18 at 20:59











            • Nope, doesn't have any : Is there any doc about this somewhere?

              – iago-lito
              Mar 13 '18 at 8:27



















            Hey, not bad. This could help a lot, cheers :) Have you found any piece of documentation regarding the meaning of these values? I couldn't find any. Also, do I need to restart or recompile something? I couldn't get any of my changes happening. The file I've found is called gnome-classic.css.

            – iago-lito
            Feb 25 '18 at 13:16







            Hey, not bad. This could help a lot, cheers :) Have you found any piece of documentation regarding the meaning of these values? I couldn't find any. Also, do I need to restart or recompile something? I couldn't get any of my changes happening. The file I've found is called gnome-classic.css.

            – iago-lito
            Feb 25 '18 at 13:16















            Huh. Perhaps in that same directory you can try tweaking gnome-shell.css or ubuntu.css

            – Cezanne Vahid
            Mar 12 '18 at 20:59





            Huh. Perhaps in that same directory you can try tweaking gnome-shell.css or ubuntu.css

            – Cezanne Vahid
            Mar 12 '18 at 20:59













            Nope, doesn't have any : Is there any doc about this somewhere?

            – iago-lito
            Mar 13 '18 at 8:27







            Nope, doesn't have any : Is there any doc about this somewhere?

            – iago-lito
            Mar 13 '18 at 8:27















            0














            I use ubuntu 18.04, (also done this in 17.10) and as of how @cezanee-vahid said, you can find the CSS file here: /usr/share/gnome-shell/theme/gdm3.css and by changing this file you don't need to restart gnome or do anything else, they will be changed by locking computer (or better to say will be reloaded).



            so for changing clock size you only need to change font-size and font-weight for .screen-shield-clock-time class.



            also for if you want to get ride off that arrows in the bottom of the screen just set 0 for height and width of .screen-shield-arrows Gjs_Arrow CSS selector. setting 0 for font-size of .screen-shield-clock-date will do the same for Date.






            share|improve this answer








            New contributor




            aasmpro is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
            Check out our Code of Conduct.

























              0














              I use ubuntu 18.04, (also done this in 17.10) and as of how @cezanee-vahid said, you can find the CSS file here: /usr/share/gnome-shell/theme/gdm3.css and by changing this file you don't need to restart gnome or do anything else, they will be changed by locking computer (or better to say will be reloaded).



              so for changing clock size you only need to change font-size and font-weight for .screen-shield-clock-time class.



              also for if you want to get ride off that arrows in the bottom of the screen just set 0 for height and width of .screen-shield-arrows Gjs_Arrow CSS selector. setting 0 for font-size of .screen-shield-clock-date will do the same for Date.






              share|improve this answer








              New contributor




              aasmpro is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
              Check out our Code of Conduct.























                0












                0








                0







                I use ubuntu 18.04, (also done this in 17.10) and as of how @cezanee-vahid said, you can find the CSS file here: /usr/share/gnome-shell/theme/gdm3.css and by changing this file you don't need to restart gnome or do anything else, they will be changed by locking computer (or better to say will be reloaded).



                so for changing clock size you only need to change font-size and font-weight for .screen-shield-clock-time class.



                also for if you want to get ride off that arrows in the bottom of the screen just set 0 for height and width of .screen-shield-arrows Gjs_Arrow CSS selector. setting 0 for font-size of .screen-shield-clock-date will do the same for Date.






                share|improve this answer








                New contributor




                aasmpro is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                Check out our Code of Conduct.










                I use ubuntu 18.04, (also done this in 17.10) and as of how @cezanee-vahid said, you can find the CSS file here: /usr/share/gnome-shell/theme/gdm3.css and by changing this file you don't need to restart gnome or do anything else, they will be changed by locking computer (or better to say will be reloaded).



                so for changing clock size you only need to change font-size and font-weight for .screen-shield-clock-time class.



                also for if you want to get ride off that arrows in the bottom of the screen just set 0 for height and width of .screen-shield-arrows Gjs_Arrow CSS selector. setting 0 for font-size of .screen-shield-clock-date will do the same for Date.







                share|improve this answer








                New contributor




                aasmpro is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                Check out our Code of Conduct.









                share|improve this answer



                share|improve this answer






                New contributor




                aasmpro is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                Check out our Code of Conduct.









                answered 4 hours ago









                aasmproaasmpro

                11




                11




                New contributor




                aasmpro is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                Check out our Code of Conduct.





                New contributor





                aasmpro is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                Check out our Code of Conduct.






                aasmpro is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
                Check out our Code of Conduct.






























                    draft saved

                    draft discarded




















































                    Thanks for contributing an answer to Unix & Linux Stack Exchange!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid



                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.


                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function () {
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2funix.stackexchange.com%2fquestions%2f347926%2fhow-do-i-customize-gnome-screen-shield-curtain-login-screen-appearance%23new-answer', 'question_page');
                    }
                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    サソリ

                    広島県道265号伴広島線

                    Setup Asymptote in Texstudio