1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 Change colour of blue dot (thread unread)

Discussion in 'Styling and Customization Questions' started by Mr Lucky, Dec 10, 2013.

  1. Mr Lucky

    Mr Lucky Well-Known Member

    can someone please tell me how I change the colour of the unread blue dot?


    I tried changing unread.png and unread-sprite.png but to no avail.
  2. Brogan

    Brogan XenForo Moderator Staff Member

    It's the xenforo-ui-sprite.png which you need to edit.
    Mr Lucky likes this.
  3. Mr Lucky

    Mr Lucky Well-Known Member

    Great thanks. What do those other ones do? (unread.png and unread-sprite.png)
  4. Brogan

    Brogan XenForo Moderator Staff Member

    They're from a previous version, before they were included in the sprite.

    They are left in the package for legacy reasons.
  5. Mr Lucky

    Mr Lucky Well-Known Member

    Something odd happening though when I edit the file. As soon as I open xenforo-ui-sprite.png in Photoshop, then some of the icons change, e.g. from [​IMG] to [​IMG]

    Do you know what is causing this?
  6. Brogan

    Brogan XenForo Moderator Staff Member

    The application you are using must support 8 bit transparency as that is how the sprite has been saved.
  7. Mr Lucky

    Mr Lucky Well-Known Member

    Aha, thanks, I thought it must be something like that. I'm using Photoshop so presumably I can't edit it. I will try installing Fireworks.
  8. Shelley

    Shelley Well-Known Member

    You should be able to select them in photoshop (magic wand tool) will do it and then overlay it with another colour if this is the plan. Ideally, colouring them directly from a vectored layer is more ideal(which is what I do) so it might be best re-creating the icon.
  9. Mr Lucky

    Mr Lucky Well-Known Member

    The problem is that opening the file directly in Photoshop causes all the transparency goes black (see example screenshots in post #5 above). I can get around this by opening in Preview (on a mac), then saving as a tiff file and opening that in Photoshop. All the answers to searches I did showed that this is inevitable.

    But I have to either save as 24 bit png (not totally compatible with all browsers) or as 8 bit with a selected matte colour (not compatible with different background colours)

    I fixed the problem by using Fireworks which can open, edit and save 8bit transparent png files (there is a 30 day free trial)
  10. Shelley

    Shelley Well-Known Member

    I really need to find the GDK XF-ui- sprite I created a while back It's fully vectored (one click colour moderations) so your not faced with this hassle. If I can locate it since i think it's on the other comp I'll post it in the resource manager.
  11. davb

    davb Member

    You need to modify the css class


    may be you can add in the exra.css


    or any other image you want.
  12. Andy.N

    Andy.N Well-Known Member

    We use fontawesome icon to replace that.

Share This Page