GithubHelp home page GithubHelp logo

marcus-arcadius / starry-fox Goto Github PK

View Code? Open in Web Editor NEW

This project forked from sagars007/starry-fox

0.0 0.0 0.0 61.04 MB

Firefox css stylesheets for the dark space theme. Matching more UI elements with the theme.

License: Mozilla Public License 2.0

CSS 89.97% JavaScript 10.03%

starry-fox's Introduction

StarryFox โœจ

Firefox css stylesheets for the dark space theme. Matching many more UI elements like sidebar, contextmenus, menupopups, dialog boxes, buttons, searchboxes, tooltips, etc.. with the theme. Reddit

To be used with the dark space theme.

  • Includes many changes such as auto-hide bookmarks bar, floating-compact findbar, newtab page with a starry sky, unread tabs indicator, new container tabs indicator, persistent sound icon on audio tab, ultra compact mode, HTML5 dark mode web notifs, rounded corners in many more menus, etc... It's all in the small details...

  • Works best in proton UI compact mode dark theme. Tested in Firefox Nightly, Windows 11.

  • How to use userChrome/userContent.css: https://www.userchrome.org/how-create-userchrome-css.html.

    • P.S: Use the same chrome folder which is in the repo, so that no files will be missing. Copy the the chrome folder to the Firefox profile folder that you want to modify. If the profile already has a chrome folder, then the chrome folders should merge. Otherwise the chrome folder will be created. The chrome folder should be in the profile root, as mentioned in the above guide.
  • For dark mode tooltips, fx-autoconfig userChrome.js manager must be setup. Codes for dark mode tooltips in chrome/resources/userChrome.ag.css

  • To match dark mode color of about:blank with the black color of the theme (#000000), following changes in about:config:

    • Change value of browser.display.background_color.dark to #000000
    • Change value of browser.display.use_system_colors to false
  • Unread tabs indicator functionality requires Tab Flag extension.

  • Minimalistic dark scroll bars using the Dark Scroll extension.

  • Starting from Nightly build 97.0a1 (18 dec 2021), scrollbar styles can be modified using widget.non-native-theme.scrollbar.style in about:config.

    • Corresponding values:
    0. Default platform scrollbar style.
    1. macOS scrollbars
    2. GTK scrollbars
    3. Android scrollbars
    4. Windows 10 scrollbars
    5. Windows 11 scrollbars
    
  • About config changes in user.js are optional. Modify with caution.

screenshot

screenshot

screenshot

screenshot

screenshot

screenshot

screenshot

screenshot screenshot

Thanks to @xarantolus for the container-tabs indicator.
Thanks to @nicoth-in for the dark space theme.

starry-fox's People

Contributors

sagars007 avatar

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.