11 votes

[SOLVED] Help needed with a uBlock Origin filter rule

Posted by Fishtail_Parka (edited )
Tags: duckduckgo, ublock origin, filters, ask.help, solved

Hi
With this LITE site ---> https://lite.duckduckgo.com/lite/
There isn't the Dark Theme that's available for original duckduckgo site.

I found a "My filters" rule on the web.

Add these two lines to My filters

lite.duckduckgo.com##html:style(color: rgb(141, 141, 141) !important; background: none repeat scroll 0 0 rgb(48, 48, 48) !important; font-family: 'Helvetica Neue','Segoe UI', Arial, sans-serif;)

lite.duckduckgo.com##a:style(color: rgb(201, 201, 201) !important;)

When the rule is used the search homepage looks reasonable.
And the search results...
The black background is not very black, not as black as Tildes black theme.
I can live with that.

But the red text under each result is very muddy.
Can that be improved?
Make it brighter Crimson or even Orange would look better.

3 comments

  1. synergy-unsterile
    Link
    You can change the RGB values to modify the background color. For example I picked pure black. from: rgb(48, 48, 48) to: rgb(0, 0, 0) which results in the following filter:...

    And the search results...
    The black background is not very black, not as black as Tildes black theme.
    I can live with that.

    You can change the RGB values to modify the background color. For example I picked pure black.
    from: rgb(48, 48, 48)
    to: rgb(0, 0, 0)
    which results in the following filter:
    lite.duckduckgo.com##html:style(color: rgb(141, 141, 141) !important; background: none repeat scroll 0 0 rgb(0, 0, 0) !important; font-family: 'Helvetica Neue','Segoe UI', Arial, sans-serif;)

    But the red text under each result is very muddy.
    Can that be improved?
    Make it brighter Crimson or even Orange would look better.

    Yes, it's quite hard to read when you modify the background to be dark. It is a simple modification to make since they have a defined css selector class="link-text". I chose to make the links appear in orange with the following filter:

    lite.duckduckgo.com##.link-text:style(color: rgb(255,153,51) !important;)

    I strongly recommend learning the basics of HTML and CSS and how to utilize browser developer tools if your goal is to use uBlock Origin filters to modify all of your regularly used sites.

    4 votes
  2. [2]
    Fishtail_Parka
    (edited )
    Link
    This is great synergy-unsterile. Thanks. :-) Getting too old to learn about HTML and CSS. I will rely on the kindness of strangers. Using lite duckduckgo with Android Firefox. Added a new search...

    This is great synergy-unsterile.
    Thanks.
    :-)

    Getting too old to learn about HTML and CSS.
    I will rely on the kindness of strangers.

    Using lite duckduckgo with Android Firefox.
    Added a new search engine and set it as default...
    Search string is ---> https://lite.duckduckgo.com/lite/?q=%s

    There's a LITE addon for Desktop Firefox...
    Here ---> https://addons.mozilla.org/en-US/firefox/addon/ddg-lite-search-provider/

    Picture is here ---> https://imgur.com/hSLRKJY
    And here ---> https://imgur.com/Lnd161p

    PLEASE WILL A MOD EDIT THIS THREAD TITLE TO INCLUDE [Answered] or [Solved]

    1 vote
    1. cfabbro
      Link Parent
      Done. p.s. BTW, you accidentally made a new top level-comment instead of replying to @synergy-unsterile.

      Done.

      p.s. BTW, you accidentally made a new top level-comment instead of replying to @synergy-unsterile.

      1 vote