Git Product home page Git Product logo

Comments (5)

Charlignon avatar Charlignon commented on August 24, 2024

For the record, this colour has the same value as the post background, and it is set by the theme in use. For default/deep blue theme, the ring will appear white, but on other themes like dark mode it will be far more discreet.
I don't know if this will be integrated to xkit (i'm not an admin), but in the meantime @RobBoyBlunder , since it can be an accessibility issue, here are two workarounds :

  • Change your theme to one where site background and posts background are a similar colour (dark theme, pure white...)
  • Install an addon that let you set custom css for websites, and add the code below for www.tumblr.com (it will keep the ring white, but a much softer colour) :
    #base-container > div:nth-of-type(3) div[role="figure"] {
        background-color: rgba(var(--white), 0.3) !important;
    }

from xkit-rewritten.

marcustyphoon avatar marcustyphoon commented on August 24, 2024

I try to avoid nth-of-type selectors, since they can stop working or do unexpected things based on subtle changes to the Tumblr front end DOM structure. How about button[aria-label^="Conversation with"] as the parent part of the descendent selector? Of course, that makes the style specific to English-language Tumblr.

from xkit-rewritten.

Charlignon avatar Charlignon commented on August 24, 2024

Agreed ! My tumblr isn't in English so I avoided using this one. Does work though !
In the meantime I looked for a better selector, and looks like button div[role="figure"] does the trick. I tried to look thoroughly and it seems to consistently select only message bubbles, but there's no 100% guarantee. That would give you

    button div[role="figure" {
        background-color: rgba(var(--white), 0.3) !important;
    }

from xkit-rewritten.

RobBoyBlunder avatar RobBoyBlunder commented on August 24, 2024

@Charlignon Oh, I didn't know that, thank you for the tip! I'll try that out and appreciate it! :)

from xkit-rewritten.

stale avatar stale commented on August 24, 2024

This issue is unconfirmed, and has been labelled as stale due to inactivity. It will be closed automatically if no further activity occurs.

A project maintainer can mark an issue as confirmed by adding the help wanted label, the wontfix label, or an assignee.

from xkit-rewritten.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.