https://github.com/hachikoharuno/Beautiful-newtab-Firefox

Beautiful design for firefox new tab
https://github.com/hachikoharuno/Beautiful-newtab-Firefox

Last synced: 15 days ago
JSON representation

Beautiful design for firefox new tab

• Host: GitHub
• URL: https://github.com/hachikoharuno/Beautiful-newtab-Firefox
• Owner: hachikoharuno
• License: gpl-3.0
• Created: 2024-03-29T18:09:37.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-04-18T10:08:25.000Z (7 months ago)
• Last Synced: 2024-08-01T16:34:34.422Z (3 months ago)
• Language: CSS
• Homepage:
• Size: 19.3 MB
• Stars: 23
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
### Preface

There are a lot of beautiful Firefox themes available online, but few of them change the new tab significantly or even at all. Since I often use shortcuts on the new tab, it is important to me and I decided to create a design for the new tab. I did not change the browser theme globally, since there are many ready-made beautiful themes. You can also use this project in conjunction with other themes for Firefox (there may be bugs), then I will describe the installation process.

### Preview

##### Dark mode

![Preview](preview/preview.jpeg)

##### Light mode

![Preview](preview/preview-light.jpeg)

### Requirements!

The position of the `svg.context-properties.content.enabled` parameter in about:config must be `true`

To avoid problems with the font, the font must be installed in the browser - San Francisco.

### Installation

1.Download the archive from the releases and unpack it at `mozilla/firefox/firefox-profile-directory/chrome`

2.If you already have themes installed, simply add the following line to the `userContent.css` file: `@import url('newtab/new_tab.css');`

  

  If you are installing this theme for the first time, then download this file from releases and place it in the chrome folder

  and then enable `toolkit.legacyUserProfileCustomizations.stylesheets` in `about:config`

### Conclusion

This project was created for personal use, but if you liked it and would like to use it, but you have comments or suggestions, then you can open an issue and let me know about it, or you can simply fork this project and use it in your work.

Tested only on Linux!