Notice: The devs are no longer actively involved in the forum, so any bug reports regarding the Stylish extension or this website should be sent to them directly at contact@userstyles.org.
Changing your Avatar.
The only way to currently change a forum avatar is through Gravatar.com. The email address used for your Userstyles.org account must be one of the email addresses that is registered to your Gravatar account.

How to apply style settings?

Hello!
I want to customize the container style (about:preferences#containers) https://i.imgur.com/p5s7DhB.png, which is in the common.css file
The style does not apply if you add it to userChrome.css and userContent.css. What to do in this case? Thank you in advance!

Comments

  • Can you post the style code? Should be added to userContent.css. Example pics:

    image

    image

  • Of course. This is the default code.

    html|input[type="email"]:focus,
    html|input[type="tel"]:focus,
    html|input[type="text"]:focus,
    html|input[type="number"]:focus,
    html|textarea:focus,
    xul|textbox[focused] {
      border-color: var(--in-content-border-active);
      box-shadow: 0 0 0 1px var(--in-content-border-active),
        0 0 0 4px var(--in-content-border-active-shadow);
    }
    

    But I can't change the shadows (for example). Changes will be ignored after adding it to the file and restarting the browser. I do not understand what is the matter ...

  • edited March 22 [?]

    Well, if it's any consolation, I'm not having any luck with that code so far either. So if any of the userContent guru's on here can figure it out, we would both like to know. :)

    Update: Played some, the xul code seems to need the xul namespace, and it doesn't work when the url about:preferences#containers is added. Code below affects the dialog box in the original post pic, but it also affects all xul text boxes.

    @namespace html "http://www.w3.org/1999/xhtml";
    @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
    
     xul|textbox{
        border: 1px solid blue!important;
        border-radius: 8px!important;
        color: red !important;
        background-color:khaki !important;
    }
    
    xul|textbox[focused]{
      box-shadow:3px 3px 0px 0px orange !important;
    }
    
    #mainPrefPane,
     .dialogBox, window#ContainersDialog {
      background: gainsboro!important;
      color:purple!important
    }
    

    image

  • edited March 23 [?]

    calico, I came to the same results, and this is bad, because it is not known how to proceed.

  • A good place to ask might be over at the Github repository.

  • The style does not apply to all elements with common.css, and not only to containers.

Sign In or Register to comment.