Giter VIP home page Giter VIP logo

blurfox's Introduction

affdb4d491a588af77c3f199bf69d422-32bits-48

🚀 Welcome to Blurfox!

Ekran Resmi 2024-04-10 14 56 27

Ekran Resmi 2024-04-10 14 56 15

Ekran.Kaydi.2024-04-10.15.14.46.mov

Github All Release GitHub Release Build Status

👍🏻 Due to the significant attention my post received on Reddit, I wanted to celebrate this by creating a GitHub page. I am grateful for your interest, but I am new to CSS, and with your help, I aim to create a flawless experience

🙌🏻My English is a bit poor, I may make spelling mistakes in some places, sorry for that.

🔍I have some small ideas about my future plans. If you have any feedback or suggestions to add, please let me know.

🔴If you'd like to help me resolve some of the issues I'm experiencing, please feel free to stop by and lend a hand.


Custom Websites Ekran Resmi 2024-03-04 01 12 35

Ekran Resmi 2024-03-04 01 19 45

Currently active websites

-Github -Facebook -Youtube -Google -Duckduckgo -Twitter -Yandex

🔴It may cause high CPU usage.

⛔️If you want to disable it, you can delete the custom website section from the usercontext.css file.


Custom Extensions

Video Speed Controller

Ekran Resmi 2024-04-10 14 20 25

TWP - Translate Web Pages

dasdas

SponsorBlock

Ekran Resmi 2024-03-16 21 05 57

⛔️ If you don't intend to use it, you can delete the codes under chrome-usercontect.css-/Extensions/.

👉🏻Please write your requests and suggestions here.


⌚️Installation

1-Open about:config page.

2- A dialog will warn you, but ignore it, just do it press the I accept the risk! button.

3- Search for these:

toolkit.legacyUserProfileCustomizations.stylesheets

layers.acceleration.force-enabled

gfx.webrender.all

gfx.webrender.enabled (Boolean + button .. true)

layout.css.backdrop-filter.enabled

Then make sure to enable them all!

4-Go to your Firefox profile. macOS - Users//Library/Application Support/Firefox/Profiles/XXXXXXX.default-XXXXXXX.

5-Create a folder and name it chrome, then assuming that you already have cloned this repo, just copy the theme to chrome folder.

6-Restart Firefox.


Customize

🔍To close the statupanel, remove the /* next to display:none under chrome>customized

Ekran Resmi 2024-03-19 17 25 57

➡️After adding extension icons, there are distortions in the tabs. The solution is to go to Chrome > Customized.css and follow the steps indicated in the first line.

Ekran Resmi 2024-03-07 19 45 31

🥸If you want to disable wallpaper or reset the logo to default, you can check the first lines of code in the 'newtabs.css' file in the 'newtabs' folder.

🌄You placed two wallpapers named 123-dark.png and 123-light.png in the 'newtabs' folder to create a dynamic wallpaper.

🕷️Please report the bugs you encounter with images or videos if possible. I will do my best to solve them, and if you know any solutions, please let me know.

Thank You akkva

blurfox's People

Contributors

safak45xx avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

blurfox's Issues

Slight Border Issue

CleanShot 2024-03-31 at 19 22 20@2x

There is a slight issue with the top border of the transparent extentions pane (not uniform with side borders). Small bug I noticed.

Read-Me Correction

In the read me it says to enable a bunch of Firefox settings, however gfx.webrender.enabled isn't something you can enable. it's an option you can change; Boolean Number String

address bar and tabs overlap

When there are plugins icons at the left of the address bar, the address bar and tabs overlap. It also occurs when having a default homepage and thus displaying the home icon.

CleanShot 2024-02-19 at 16 15 47@2x

Beyond that, it looks great !

Minimum Window Size

Does BlurFox, in some way, limit the minimum window size on the screen? After using BlurFox, I see when trying to use Yabai that the window, when pushed to the left, doesn't align properly on the screen.

Request repair(?)

For firefox without userChrome, when I hover over the connection, the address of the connection appears in the bottom left corner, as does what I'm doing when I refresh the page.

After setting up userChrome this thing disappeared, how do I recover.

And the bookmarks and history don't look aligned, like this

Thank you very much for providing this userChorme!!!

A little advice, Perhaps a brighter address bar would be more convenient.

New Tab Button

CleanShot 2024-03-13 at 12 14 28@2x
As can be seen in the attached screenshot, the add new tab button overlaps with the addons button when more than a few tabs are open. Can something be done to address this bug?

Small Scrolling Bug

CleanShot 2024-04-04 at 17 29 55@2x

I don't really know what it's called, but the scrolling when the middle click is clicked and held shows a weird solid gray icon (as shown). Maybe something's broken with Blurfox.

Extensions icon breaking other tabs

screen_recorded_issue

When resizing the window past a certain point, pinned tabs overlap the other tabs and a big padding space appears on their left.
Using the theme since 1st release & loving it so far besides that!

Sticky Bookmarks Bar

Hi, would it be possible to have the bookmarks bar stay permanently on the screen using BlurFox?

YouTube.com Issues

I've noticed a few bugs on YouTube.com recently.

  1. The YouTube logo, the search logo (magnifying glass), and other black-coloured elements on the page (notifications, captions, etc.) seem broken in theatre mode. Shown below:
    CleanShot 2024-03-14 at 13 08 42@2x
    CleanShot 2024-03-14 at 13 14 20@2x

  2. Hovering over the Next button near the video timeline shows a weird picture of the thumbnail of the next video. Shown in the screenshot below:

CleanShot 2024-03-14 at 13 11 33@2x

Hope these issues are of some help, and can be resolved in a future release!

No blur and favorites tab on Windows 11

Hi,
I'm using Windows 11 with Firefox 123.0.1 and latest (07.03) version of Blurfox.
After install I have no blur in statusbar and can't access bookmarks tab at all. (always visible, only in new tab - these options does not work).
Is that known bug? Is there any chance to fix that? <3

PS. Most polished theme for FF I ever seen. I'm cheering it!

Future Plans

Ekran Resmi 2024-02-19 18 15 20
I don't exactly know how to do this, but if I succeed, a few of the first things I'll add.

Outlook.com Font Issue

The way the CSS is written, it's breaking icons on Outlook.com.

SCR-20240221-hvsx

This can be fixed by disabling

* {
-moz-osx-font-smoothing:auto !important;
 font-family: -apple-system, system-ui, BlinkMacSystemFont !important;
   scrollbar-width: none !important;
   }

and

* {
-moz-osx-font-smoothing:auto !important;
 font-family: -apple-system, system-ui, BlinkMacSystemFont !important;
   scrollbar-width: none !important;
   }

If you want to keep custom fonts, we'll need to find a way to target specific elements, and not *.

New FF Dev Edition

Just got automatically updated to the new Firefox Dev Edition, and I think that breaks the CSS. Let me know if true.

Windows Support

I've encountered too many errors and have been working on it for a long time, but there are too many unresolved issues. For now, I'm putting Windows support on hold. If you want a Windows version without blur, I can only do that.

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.