Git Product home page Git Product logo

arcfox's Introduction

ArcFox is back!!
Hello to all the amazing people that have been liking the project.
Today im here to announce arcfox and betterbrowser is officialy back!!
arcfox is being re-coded to be better and finally do what it should have done from the start.
hope y'all keep liking the project and helping it to grow.
you can keep eyes on the development through the roadmap bellow.
I divided the roadmap in things that have to be on the mvp to make arcfox usable
And things that would make it great but are not actually necessary.
If you want to contact us, open a issue or use our discord

Rebuild roadmap

Essential:

  • Close, minimize and resize buttons.
    • Close
    • Minimize
    • Resize
    • Sidebar Toggle
    • Color
  • Website Control Buttons
    • Previous
    • Next
    • Reload
  • Search Bar
    • Search Function
    • Use User Search Engine
  • Show Tabs On Sidebar
    • Show Tabs
    • Close Button
    • Reload Tab
    • Mute Tab
    • Copy Link
    • Duplicate Tab
    • Unload Tab
  • Focus Mode
    • Open sidebar on hovering left

Non-Essential:

  • Folders
    • Folders Feature
    • Stackable Folders
    • Rename Folders
    • Pin Folder?
  • support for firefox-osx and firefox based browsers
    • MacOS
    • Linux
    • Librewolf
    • TOR
    • PaleMoon
    • WaterFox
  • Bookmarks
    • Show Bookmarks
    • Add Bookmark Tab Context Menu
    • Always Open Bookmarks
  • Settings
    • Change Search Engine
    • Change Shortcuts
  • Library
    • History
    • Downloads
    • Bookmarks
  • Spaces
    • Spaces Feature
    • Rename Spaces
    • Change Spaces Icon
  • Launchpad (you can use omni while it's not out)
  • Boosts
    • Boosts Feature
    • Boosts Store

Logo

ArcFox

Make firefox flow like arc
Install »

What is ArcFox?

ArcFox is a pack of firefox improvements that brings the appearance and some of the features of arc browser to firefox. Recently, The Browser Company © (the developers of arc browser) announced a windows version, so this project almost lost the reason to exist. But there still a linux version to be made and some people just like firefox and don't want to change.

I really recomend you to give a try on arc browser if you can. But we gonna do our best to make firefox nice as arc.

Installation

ArcFox-core Installation

To install arcfox-core you need to download it on your firefox, we recommend you to download from the official addon store:

Warning: To use arcfox you need arcfox theme!!

Download on addons store

ArcFox-Theme Installation

To install arcfox-theme you need to open your firefox configurations and turn style modification on. To do that please follow this steps:

  • Digit "about:config" on firefox address bar and click enter.
  • On the search bar, search for "toolkit.legacyUserProfileCustomizations.stylesheets" and set the value to "true".
  • Open "about:support" and click on the “Open Folder” button on the right of "Profile Folder" to open it.
  • When the folder opens, search for a folder called "chrome", if you don't find it create one.
  • Inside the "chrome" folder, drop the "userChrome.css" that you find on the releases.
  • Restart firefox.

Roadmap

ArcFox still have a lot of features to be implemented and you can see our Roadmap for a better understanding of the upcoming features and things we are working on :D

Removing ArcFox

If you have a major issue, or just want a different/default look, here is how to remove ArcFox.

  1. Remove (Firefox Profile)/chrome/userchrome.css

  2. Remove the 'ArcFox' extension from Firefox

  3. Restart your Firefox session, and it should be fixed! If not, make an issue in the issues tab

  4. Be happy with your now boring and unproductive firefox!

Support

If you have any problems you can open a issue on this repository or contact our team on our Discord.

And if you want to support ArcFox and BetterBrowser in a financial way you can donate to the developer ko-fi page

License

Arcfox is distributed under MIT License.

arcfox's People

Contributors

danielduel avatar elgemp4 avatar guimar10 avatar henry-hiles avatar luanderfarias avatar lucasht22 avatar n3xistence avatar polygondev avatar rangho avatar ryantanrk avatar vincent-vst 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  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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

arcfox's Issues

ArcFox Sidebar Not Updating with Active Window Change

Problem: When changing windows, the active window does not update on the ArcFox sidebar.

Expected Behavior: The ArcFox sidebar should update to display the active window whenever a window change occurs.

Steps to Reproduce:

  1. Install the ArcFox extension.
  2. Open multiple windows in Firefox.
  3. Switch between windows with keybinds ctrl + 1/2/3...
  4. delete windows with ctrl w
  5. Note that the active window is not updated on the ArcFox sidebar.

Additional Information:

  • Firefox Version: 125.0.2 (64-bit)
  • ArcFox Version: 2.4.3
  • Operating System: windows 11

Screenshots:
image
image

Possible Solution:

To address this issue, we can utilize the Firefox API to listen for window change events and update the ArcFox sidebar accordingly. Specifically, we can use the browser.windows.onFocusChanged event to detect when the focus changes between windows. Then, we'll update the ArcFox sidebar to display the active window.

Here's how we can implement this solution within the tabs.js file of the ArcFox extension:

// Add an event listener to detect window focus changes
browser.windows.onFocusChanged.addListener(async (windowId) => {
    // Update ArcFox sidebar when window focus changes
    windowID = await getCurrentWindowId();
    await displayOpenedTabs();
});

This code registers an event listener for window focus changes using browser.windows.onFocusChanged. When the focus changes, the event listener triggers an asynchronous function. Within this function, we update the ArcFox sidebar by reloading the opened tabs in the current window. This ensures that the sidebar always displays the tabs of the active window, resolving the issue.

This approach aligns with the expected behavior and should effectively address the problem described.ined, you can update the ArcFox sidebar with relevant information.

No round border on the right side of browser window?

At the moment, there is no rounding on the right side. Is this intentional design choice? It kinda bugs me that the left and the right side is not balanced...

I currently have modified the userChrome.css file, and the diff out is shown below:

29a30,31
>   border-top-right-radius: 10px;
>   border-bottom-right-radius: 10px;
51c53
< }
\ No newline at end of file
---
> }

Anyways, thanks for the extension, and I look forward to the official v1.0 release!

Title Bar Buttons only update fill color on hover

Hey,
first of all great project. I really like the idea of having an arc like workflow within the open source firefox context.

So.. when I hover over the three little buttons in the top left corner, to either close, minimize or expand the window, they only update their fill color to a brighter grey. The functionality works flawless though.

Expected: change color and icon similar looking to safari, to indicate button behavior.

On Pop!_OS 22.04

Add support for bookmarks

Just a simple bookmarks bar would be cool, idk how hard it would be to implement this though, I don't usually fuck with browser customization, just python and firmware.

open a link in a new tab does not update sidebar

It's something that I noticed but have no idea how to fix it.
Basically when I open a link in a new tab, the sidebar does not get updated.
In order to see it, I have to manually add a new tab and then two tabs will automaticaly pop off : my link and the new tab I just added.

transparent gap between sidebar and body

I noticed some sort of gap here after applying userChrome.css
Screenshot_20240406_130933

Further inspecting it using devtools revealed it being splitter#sidebar-splitter being transparent. However I do see that it is set to transparent in userchrome.css, is this the expected behavior?
Screenshot_20240406_131012

I'm running Firefox 124.0.1 on nixOS btw.

Support of Arc "Spaces"

Is there support for the arc typical spaces already? If yes how to create one?
Because on my two machines the plus button in the bottom right of the sidebar shows new tab, but not something like new space.

No releases?

Hello there!
I think you might've forgotten to upload the release, since there is none!

Move the project into tools designed for maintaining a webapp

While moving with features like
https://github.com/use-arcfox/arcfox/pull/37
and
https://github.com/use-arcfox/arcfox/issues/29

It would be beneficial to throw the current codebase into tools for maintaining bigger codebase.

I suggest maintaining userChrome.css as a sass project and the rest as a ts+react app and patch it together inside a turborepo, in this way we would benefit from typings such as
https://www.npmjs.com/package/@types/firefox-webext-browser
and splitting the codebase into smaller modules, so support for spaces/more features would be easier to add.
On top of that it opens the option to do a development test-app that would help preview changes to the extension on the fly so we could skip most extension reload/userchrome restarts.

I can showcase how the switch would work in a PR if this will be accepted.

Provide a tutorial on how to revert to default Firefox

Hello!

I am excited to try ArcFox, but I am weary to try it in its current state in case I do not like it/of bugs. I would greatly appreciate a tutorial on how to reset Firefox to its settings prior to undergoing to ArcFox treatment.

Thanks!

Sidebar tab names don't update

I'm aware of this problem and i'm trying to solve it. At the moment i managed to make the names update, but then the active tab is lossing it's css :(

When i fix it. The update is coming

Integrate some extensions

We could integrate or create some extensions like uBlock Origin for boosts, and make our own extensions to change the colors of the browser.

[bug] style error in new tab

When new tab is used i got the left corner white for some reasons:

image

Other than that is a very cool repo, thanks for creating this!

Can't sign in / create new account in China

Very like this new browser, but I try to download it on my laptop and use it, problem is coming.
I can't sign in by my account,(just created before)
and I also cannot even create new account, when I am trying to sign in or create new account, browser will freeze.
thanks

Can't move window

I installed it using the steps but I just can't move my window like I used to be able to using the top border and dragging... Is there a special spot that I don't know about or is this a glitch? I'm using Parrot Security OS KDE, i5 10th gen 8GB RAM laptop

Uninstalling arcfox

Hi, I tried to install Arcfox addon with the theme according to the manual. I was disappointed to see, that the addon is in early stage of development (missing spaces, no way to drag the window,...). Now, I would like to uninstall the addon. But after uninstalling, the firefox is broken (looks like arcfox without the left tab).
Is there something I am missing?

I tried:
uninstalling addon -> removing css file -> disabling Customizations.stylesheets
uninstalling addon -> disabling Customizations.stylesheets -> removing css file
disabling Customizations.stylesheets -> removing css file -> uninstalling addon

With Firefox restart between each step.
Please, help me get firefox back to default.

about: pages don't work

I'm trying to open some about: pages, like settings, profiles and config to customize firefox, however I'm just sent to Google

How to open side bar

This is a brilliant work !
Everything work nicely.
But I don't know how to open the ArcFox side bar once I close it.
There's probably a shortcut I'm missing.
(by side bar, I mean the bar where I can navigate between my tabs)

[Question] Sidebar toggle?

I saw in the roadmap that the sidebar toggle is implemented but i can't seem to find the button that make it show up only when i hover my mouse to the left rather then it always being there
image

Issue with setting up extension

image

I have a problem setting up the extension. first can't find open folder in about:support. Also when I can't find chrome.zip file in releases I found userChrome.css

Hamburger menu

It would be great if there was a way to get to Firefox's hamburger menu from Arcfox. Thanks!
image

Extensions

It would be great if there was a way to access my extensions, they are usually near the address bar, but I'm not sure how to access them with Arcfox. Thanks!

Show navigation toolbar on hover

Currently navigation toolbar is hidden. This makes working with extensions impossible. It would be pretty nice if navigation toolbar is exposed on hover like arc does it.

Defined Keymaps

Going to make the switch from Brave. Awesome Stuff. Maybe I'm just an idiot but I can't for the life of me figure out the keyboard shortcuts.
Do I use standard firefox keymaps? Are there custom keymaps? Maybe a nice wiki would help. (I'd be willing to write it)

Asking because I can't get out of the history window in the sidebar. No matter what I press, I can't go back to the home sidebar.

Please and Thanks. It's likely I'm just missing something.

Feature Requests

This looks and works great.
A few things:

  • add the ability to change the color of the browser frame
  • better support for friefox based browser, such as librewolf, i.e. browser default is still google.
  • on librewolf, there is a black bar between the sidebar and main frame

thank you

Use user's search engine

Hello! It would be great if the users search engine would be used instead of google, which many prefer not to use for privacy reasons. Thanks!

UI broken in LibreWolf

I have a freshly installed LibreWolf and added the plugin as well as the css in the chrome folder. I have a very funky header section though. I'm on macOS Sonoma and LibreWolf 121.0-1

image

Explain Library and Launch

Hello,
I am moving the project on fork to be organized more like a modern webapp, but I miss few details (if those changes will be welcome on the main repository - I would happily do a PR)
I don't understand what "library" and "launch" are meant to be (it is importatnt to know if they are subprojects of arcfox (so relation between core, userChrome, sidepanel, library and launch are subprojects that are meant to produce a build) or (f.e.) sidepanel and library/launch aren't subprojects and they as a whole are subproject.
(feel free to ask questions, I think my wording is quite sloppy here)

No other search provider than Google

The top-left address bar should probably be using the default browser search provider (or there should be a clearly communicated way of changing this in extension settings). Currently it's always using google.

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.