dark-background-light-text-
By m-khvoinitsky
userstyles
Home-made UserStyle CSS files, to be used with Stylus or similar browser addons. (by Arty2)
dark-background-light-text- | userstyles | |
---|---|---|
2 | 2 | |
- | 40 | |
- | - | |
- | 6.3 | |
- | 12 days ago | |
CSS | ||
- | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
dark-background-light-text-
Posts with mentions or reviews of dark-background-light-text-.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-05-18.
-
Please Stop Using Grey Text
Another useful extension is Dark Background And Light Text https://github.com/m-khvoinitsky/dark-background-light-text-... . It's a one-button toggle to turn most text and backgrounds into colors you prefer. Great when you run across one of these accursed low-contrast sites.
-
Ask HN: My annual plea for dark mode
> darkreader
Too slow. Moved to https://github.com/m-khvoinitsky/dark-background-light-text-...
userstyles
Posts with mentions or reviews of userstyles.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-05-10.
-
urlbar at bottom, now make urlbar/megabar open upwards
I am using userChrome.css to move the URL bar to the bottom of the screen, the bookmarks bar on top of it, and then the browser window on top of that. I use the stylesheet by Arty2 and a couple of modifications:
-
Autohide tabs and adress bar (search bar), and reveal it on hover of cursor, but they at the bottom of the window
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* https://github.com/Arty2/userstyles @version 0.2.2 1. Find your profile folder `about:support > Profile Folder > Open Folder` or locate the exact profile in use by visiting `about:profiles`. 2. Create a folder named `chrome` then create a file named userChrome.css inside it and paste the following code. 3. If userChrome.css doesn’t seem to work, open `about:config` and set `toolkit.legacyUserProfileCustomizations.stylesheets=true`. 4. Restart Firefox. Other references: Firefox Support forum - Tabs below the URL bar: https://support.mozilla.org/en-US/kb/forum-response-tabs-below-url-bar Custom CSS tweaks for Firefox Quantum: https://github.com/Aris-t2/CustomCSSforFx */ /* tabs to bottom source: https://github.com/Arty2/userstyles/blob/master/tabs_to_bottom.userchrome.css UI model: #navigator-toolbox-background #navigator-toolbox #titlebar #toolbar-menubar #TabsToolbar #nav-bar #PersonalToolbar #browser */ /* bring the browser window to the top */ #browser { -moz-box-ordinal-group: 0 !important; } /* adjust paddings */ *|*:root[sizemode="maximized"] #TabsToolbar { /* a bug prohibits removing top paddint of #titlebar */ margin-top: -8px !important; } *|*:root[sizemode="maximized"] #browser { padding-top: 8px !important; } *|*:root[sizemode="normal"] #browser { padding-top: 0 !important; } /* hide tab toolbar when fullscreen */ #nav-bar[inFullscreen], #TabsToolbar[inFullscreen] { display: none; } /* restore top border */ /*TODO: find the proper color variable, it's not -moz-accent-color*/ *|*:root[sizemode="normal"] #browser { border-top: 1px solid #4d4d50 !important; } /* make toolbar border persist on fullscreen */ *|*:root[sizemode="maximized"] #navigator-toolbox { border-top: 1px solid -moz-accent-color !important; border-bottom: 1px solid -moz-accent-color !important; } /* hide titlebar buttons */ #TabsToolbar > .titlebar-buttonbox-container { display: none !important; }
What are some alternatives?
When comparing dark-background-light-text- and userstyles you can also consider the following projects:
dark-background-light-text-extension - Firefox addon that turns every page colors into "light text on dark background"
userscripts - An open-source userscript manager for Safari
SAPC-APCA - APCA (Accessible Perceptual Contrast Algorithm) is a new method for predicting contrast for use in emerging web standards (WCAG 3) for determining readability contrast. APCA is derived form the SAPC (S-LUV Advanced Predictive Color) which is an accessibility-oriented color appearance model designed for self-illuminated displays.
hacker-news-solarized-dark - A solarized dark theme user-style for Hacker News (http://news.ycombinator.com) using Stylish