akshat46 / flyingfox Goto Github PK

In the HNTP readme.md ; the Import settings should say config.json instead of custom.css.
Just a small thing to fix :) Otherwise, the theme is fantastic looking and working great!

Hey guys,

Fantastic work with this config =). I love it.

There is just a minor issue that I would like to solve. The icons from my toolbar are not aligned. Here is a screenshot:

How can we fix this?

Hi, I don't know how to contact you so I'm using this.

We are creating a website where to collect firefox themes. we have included yours by linking to this github. But we don't have a good preview image of your theme. It would be nice if you could provide it.

I invite you to add/change/remove any information we have added to our website. I hope you like the initiative and that in the future you will send us more themes.

here are the links:
web: https://firefoxcss-store.github.io/
repo: https://github.com/FirefoxCSS-Store/FirefoxCSS-Store.github.io

Regards :)

I just got the new version and changed everything to my liking (margins, colors, etc.) but the icons don't seem to go away when to closebox comes in video and tst code

FlyingFox 0.1.1, Firefox 86.0, Windows 10.

Sidebar remains open/uncollapsed even when mouse is nowhere near it. I can still toggle the sidebar on/off via hotkey (F1). When I mouseover a tab in the sidebar, the "close tab" icon pops unhides.

Bookmarks toolbar collapses/autohides.

When right clicking on searchbar there should be a textbox popup that doesn't come up.

Possible fix: Restyle searchbar so that it doesn't have to be a flex object.

Relevant file

Describe the bug
When generating a "config.css" from the webapp, it includes the variable --wc-horizontal-shift, when the actual variables in the config should be --wc-left-space and --wc-right-space. This has the effect of disabling the window controls when the generated config is used.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://flyingfox.netlify.app
2. Click on "Customize"
3. Click on the "Settings" icon, and then the "Code" icon on the top right.
4. Generated config.css has the wrong variable.

Screenshots
If applicable, add screenshots to help explain your problem.

Firefox Version:
85.0.1

When using autohide it one has to move the cursor to the left to open slide it open but when it is expanded one needs to go to the far right to close a tab.
A simple solution to minimize travel distances for the tabs would be to move the close button to the left of the tab name.

Find it a bit difficult to tell between certain icons at a glance with them so washed out. Couldn't immediately see where to adjust this myself in the CSS

Describe the bug
I can't hover the sidebar...

To Reproduce
Try to hover and nothing hapens...

Screenshots
https://i.imgur.com/sMzwgAk.gif

Firefox Version:
85

I really love this configuration. Just spot on work.

I'm wondering if there is a way to make the bookmarks bar permanently display?

Everything else in the tabs works exactly as in the video, but when the cursor is removed the tabs do not hide. I imagine this is probably me doing something wrong in the install process since I'm fairly new to all this. I followed the instructions in the wiki to get to this point, and I have looked further into the readme files, but they just don't make any sense. I still have config.json unused, but the readme file says I need to use the import button in the extension options, but no such button exists. Please help?

This is with Firefox 86.0 btw

Hi,

It seems that text on certain children is visible in certain cases while hovering.

Thanks

Hi,

After updating firefox and the TreeStyleTab to the latest version. The complete CSS seems to be broken, I have tried reinstalling following the wiki however, it just doesnt seem to work out.

Issues:

1. As soon as the chrome and user.js files (downloaded from the releases) are pasted in the profile directory. the UI messes up.
2. Even after loading the custom-hover.css , the sidebar remains static.

Screenshots

Firefox Version: 85.0.1

Please let me know if I am missing something.

Thanks

Hi, on Deepin 20 (Debian Buster based) firefox uses the system titlebar, which does not go with the theme. I doubt this is a system issue because there are alot of apps that do not use the system titlebar (including edge annd chrome)

Hi, thanks a lot for providing your instructions and configs.

I do have a question, because it looks like Tree Style Tab doesn't have the expected look and behavior. Even with the custom css and config in json it still acts as a static panel, unlike the one shown in the examples. Is this a known issue?

looks clean any plans on porting it to vivaldi? vivaldi has a built in feature where you can select a custom css file but it obviously has to have the respective classes etc.

for an example see this: https://github.com/KraXen72/rosebox/tree/master/vivaldi#custom-css

Hi - I've been trying to change colors - I want to use #1c2c2c or #212121 as background color but no matter what i do nothing changes. All my programs and terminals are either ¤1c1c1c or #212121 so for the consistent look 'i 'd like this to follow the same colors. Any idea how I can achieve this?

edit:
Also want to thank you for this- I've used nighttab for over a year now - but this is just amazing so if I can change it so it fits with my other colors this will be my new go to.

edit 2
I tried to change sidebar bg color to 1c1c1c but after the restart, it showed the same color - no change

including a pic so you see what
i mean
https://imgur.com/a/Nu3Oo43

as shown here:

I have tried adding both of your extra files together and separately, I even tried styling the bar myself to no avail.

As the title says, it would be nice to have all tab icons aligned the same, right now tree tabs as well as the active tab are too far right which looks slightly broken.
See screenshot for an example:

So, a couple of things.

• there is a line that strikes through pinned tabs
• selected pinned tabs goes under the reserved row and all the way to the right

here are a couple of images for reference.

After following the installation instructions from the wiki everything looks ok except the sidebar seems to be static even though I used custom-hover.css when configuring TST. Strangely enough, the bookmarks bar is now hidden and unhidden upon mouse hover but not the sidebar. Any ideas?

Mozilla Firefox for Arch Linux Version 85.0.2

Describe the bug
Look like new design update in Firefox 89 broke Flyingfox's color, windows control and extension icon

Screenshots

Firefox Version: Nightly 89.0a1

Hey
Really nice work. .I am using Ubuntu 18.04 and I followed through all the steps and ended up with something like this. Along with the problems mentioned in the title(tried all the solutions provided by you), the UI doesn't quite look like yours
Also. I would like to know which dark mode theme you use in your setup.
Sorry for any silly questions, new to firefox.

Describe the bug
Using this configuration, there is a large gap between the top of the Firefox window and the URL bar.

To Reproduce
Steps to reproduce the behavior:

1. Install FlyingFox with hide-tabline and userChrome-hover.

Screenshots

Firefox Version: 87.0

Idea: Have Pin tabs show up without hover in TST. Have them be top and protected, and at the beginning of the list. making them more similar to stock Firefox behavior.

Currently they sit up top and require more work than standard tabs to access. If they stayed in view as protected tabs it would improve their functionality.

I'm don't currently know if this is CSS addressable or hard coded into TST.

On windows, switching between using left handed controls for firefox and right for literally every other program renders inline window controls virtually useless. It would be nice if there was a possibility to align window controls with the rest on the OS on Windows and Linux with a control of where its placed.

I'm having a few problems.

Firstly, this may just be an overall thing, but there seems to be a square around the "close tab" button

Secondly, I'm having trouble getting my background to change, or the sidebar to collapse. I've attached my chrome folder below.
chrome.zip

I appreciate any help!

Thanks for making such an awesome project. Hopefully, I can get it working soon :)

After applying your configurations, I seem to be getting dots at the center of the custom icons. Areas I believe to be in error are surrounded by a red box for your convenience:

Hello again,

Making this note here for people on Windows 10. I noticed that the window controls were not fully showing when placing them on the right side (the minimize button was getting cutoff). When using the left side CSS, the maximize button was slightly getting cutoff. Everything works flawlessly on macOS.

I've made the following changes to show the windows control on the RIGHT side correctly. Users made need to experiment with values if they're trying to use the left side. Might just need to tweak the right side values too... this is what worked for me however:

In wc-without-tabline-r.css, change:

:root:not([inFullscreen]) toolbar#nav-bar {
    margin-left: 0 !important;
    margin-right: calc(var(--wc-left-space) * 2 + 80px) !important;
}

In window-controls.css:

.titlebar-button {
    transition: all 0.3s ease !important;
    padding: 4px 8px 0px 8px !important;
    background: none !important;
    -moz-context-properties: fill, fill-opacity !important;
}

/* Fix for window controls moving up when maximizing window */
:root[sizemode="maximized"] .titlebar-button {
    padding: 14px 8px 0px 8px !important;
}

Cheers!

Solution

1. Goto about:addons in Firefox
2. Go to Preferences for Tree Style Tab an set Style of contents for the sidebar to Right Side

Describe the bug
The window controls are not aligned with other icons on toolbar.

wc-without-tabline-r.css:

@import "window-controls.css";
@import "wc-without-tabline.css";

#TabsToolbar.browser-toolbar {
    left: auto !important;
    right: var(--wc-right-space) !important;
}

:root:not([inFullscreen]) toolbar#nav-bar {
    margin-left: 0 !important;
    margin-right: calc(var(--wc-left-space) * 2 + 72px) !important;
}

.titlebar-buttonbox {
    flex-direction: row !important;
}

OS: Arch Linux
Firefox Version: 87.0

So I am using an older config for tst by you and wanted to do so too in a new setup. There seems to be the need for css in the userchrome though and I dont really know what exactly I need

Title says it, I hope there is a fix for that <3

Hi, The buttons for the window controls are not visible

I did try different values for wc-left-space, wc-right-space and wc-vertical-shift, but everything was still the same (except for wc-right-shift)

I am using Deepin Linux Based on Debian Buster with the default DE, and my Firefox version is 86.0.1 (archive installed from their website)

When i hover over it (im focused on the icon with the mouse) it's normal

But if i dont the icon resets to default

If you need info, im running firefox 87.0 on arch linux.

Great job on FlyingFox, I really love this project!

Currently you have to manually type HEX values, but it would be nice to have a color picker so we can play around with color ideas and see it in the preview output.

when using the configuration given the icon for the website barely show up on the right side. It maybe because I am using a smaller screened laptop or maybe because I am using GNU IceCat, but I'm not for sure

Treestyletab static even though I use the hover css

Not a Bug just a simple request
Is there a way you can add blur effect behind the url bar?

Hey guys =)

Just another issue I notice, right above the sidebar there is an white block:

How can I fix it?

Hey I was just wondering if it would be possible to include the home page for FF that you use in the pictures. This is a fantastic project thank you for sharing :D

After updating to the newest version of tree style tabs, the tab style provided by this repo no longer works properly:

I believe this might have something to do with the "vertigo" theme being deprecated. However, implementing the recommended fix does not remedy the problem.

Hi I seen your post on reddit, and I decide try it out ,but I did face an problem that not all fields was receive the correct color, and a piece was white clashing from overall, I dont know if I lost something on middle of process, or the addon was updated with something new, but anyway I made this little hack and everyhing is working great as in your post.

this rule on chrome.css not working for me

#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"].... {
   display: none !important;
}

my little hack to fix my issue:

#sidebar-box{
  background: #31313a !important;
}

PS: Great Theme, Congratulations 👏👏👏 for your job.

Not really an issue but I would love to have your stylus configuration for github

First of all, I really like this project :) I've fiddled with it a bit locally so it suits my needs better, and everything is perfect, except the fact I don't know how to make the bookmarks always show. I've looked at the wiki and in the code, but I couldn't find anything to help me out.

I've also tried changing this setting from the browser > rightclick near the url bar > bookmarks toolbar > always show, but that didn't change anything, and the setting seems to stay off?

I'm currently running latest firefox version on manjaro.

Any help would be appreciated, thanks!