userstyles
Home-made UserStyle CSS files, to be used with Stylus or similar browser addons. (by Arty2)
dark-background-light-text-
By m-khvoinitsky
userstyles | dark-background-light-text- | |
---|---|---|
2 | 2 | |
40 | - | |
- | - | |
6.3 | - | |
16 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.
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; }
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-...
What are some alternatives?
When comparing userstyles and dark-background-light-text- you can also consider the following projects:
userscripts - An open-source userscript manager for Safari
dark-background-light-text-extension - Firefox addon that turns every page colors into "light text on dark background"
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