datguypiko / firefox-mod-blur Goto Github PK

Just as the title and screenshot show. This is a small issue but thought it was worth letting you know anyway. This theme is really great, amazing work. Really enjoying it so far.

I have an app that switches my programs from Light theme to Dark theme at a certain time everyday, and I enjoy using your code for:

/* ----- Non active tabs have darker text ----- */

.tabbrowser-tab:not([visuallyselected="true"]):not([multiselected]):not(:hover) .tab-label-container 
.tab-label {
  color: hsla(0, 0%, 100%, 0.65) !important;
}

.tabbrowser-tab .tab-label-container 
.tab-label {
  transition: color 250ms ease !important;
}

But, this makes text unreadable in light mode. Do you know what I should add to make this flexible between light and dark theme?

This is pretty much what my min/max/close buttons look like. Any idea how to fix them & make them look like the macOS buttons? And if the macOS buttons aren't possible then just the stock Windows buttons. I'm using MicaForEveryone effects.

Thanks in advance.

Your workaround for #35 is valid, but it doesn't integrate well with my workflow.

I'm using chezmoi to manage my dotfiles. I'm handling both userChrome.css (and the other directories/files too) from this repository as external files.

As a result, for now I have to edit userChrome.css myself when my "externals" are updated (see -R, --refresh-externals).

I tried writing a script with sed that runs every time I update my dotfiles but it doesn't work as expected for various reasons and it's an horrible hack anyway.

Would you consider adding separate variants for Linux with specific fixes which can be used as is? I have yet to find other issues apart from #35 but there might be some more in the future.

Thanks.

When I use the left system titlebar icons, the buttons are usable but the icons do not appear. When I use the right system titlebar icons, the menu, bookmark, and extension buttons are under the buttons with no icon and prevent the menu, bookmark, and extension buttons from working.

Firefox view icon not load.
I fixed by removing ../ from url. Like this

/* ----- Firefox view icon change ----- */
#navigator-toolbox #firefox-view-button {
	list-style-image: url(image/files.svg) !important;
}

how can i increase their size? can you help me please? your theme is amazing

As the title says whenever searching, the address bar leaves a weird amount of space between the site title and url.

Hi, I just found that if you keep switching layout style, One Line mode's URL bar will expand height unlimited...I'm ver. 75

Is there a way to remove the duplicate the browser close buttons.
That's how it looks like.

This is my folder structure

hello, can you make a css with titlebar buttons on right side for windows users?

• Linux
• Firefox 108.0.1
• Firefox-Mod-Blur v2.2.1

I love this repo btw.
I've implemented all those userChrome and userContent and now it looks awesome.

https://raw.githubusercontent.com/datguypiko/Firefox-Mod-Blur/master/preview/titlebar.gif

in the gif file all the previous tabs only show icons. How can i do this?

It would be helpful to have this so that the tab bar can be replaced with a vertical tab extension, such as tree style tab with a custom theme.

I've had a bit of a look at implementing this myself, but I always end up either also hiding the window controls, or hiding tabs but not the space they occupy (leaving a blank bar).

I like to use the titlebars on the left, like on macOS. Is it possible to get an option for the tab's close button to also show up on the left for extra consistency in those situations?

Currently they show up on the right regardless, as briefly seen here:

When we are searching something, there are suggestions. When we surround them with the mouse, they become white, but when we select them with the arrows, only the link becomes white. Could you change the color to be the same as when we over a link with the mouse?

Hi, loved your project but there is an issue when I commented #TabsToolbar > .titlebar-buttonbox-container{ visibility: collapse !important; } it looks like the following,

Why is this happening?

Hello, first of all, thank you so much, because this theme is the best I've seen.

As for my issue, I find it weird because I've checked other issues and couldn't find someone with the same layout. I couldn't find how to change it do it in the userChrome.css.

Issue: I want to make the search bar with the corresponding buttons on top of the tabbar, is it possible?

The menu is opening to the left side like default layout, can this be fixed by tweaking css?
(I'm using Windows 11, the latest stable version of Firefox)

It would be nice if the search box of About:home was also themed like the URL box

The image below is what my browser looks like. The Extension icon is supposed to be on the right side.

I cannot move the icon by just dragging it on Customize Taskbar because in there, it shows the Extension icon being on the right. https://i.imgur.com/h7I5HhZ.png

Any fixes?

The theme just broke after new update release 113.
Various buttons have moved and some even overlapped.

I want the lock icon, etc to appear all the time and not just when I hover. The icons on the address bar. At the same time, I want the macOS style close, min, max buttons to show all the time instead of only when I am hovering.

Hello, I just installed this theme. Really loving it but there is 2 main problems I am having. There is no space in-between the tabs, also the icon for the settings & more drop down is invisible. Thats all the problems I am having. Would really like to have these fixed to make it perfect. I have included a video of my problems and my user chrome + user content in .txt form (github won't allow me to upload .css files)

Edit: Also I mentioned it in the title, but I am on Windows 11 OS. Someone on reddit was running it fine so I am confused as to why I am having this problem.
userChrome.txt
userContent.txt

Thanks for this awesome theme.

I have on issue though. As soon as i install this theme, my back, forward and menu button icons disappear. I still am able to click/use them, they are just invisible:

Boomarks toolbar not pulling fully down on hover in 80.0

The top active extensions are too big meanwhile the bottom non-active are the right size.

Currently using: Style 2 of the Cleaner extension menu

I love how in chromium browsers you just see the lock icon to understand if the site is HTTP or HTTPS but in Firefox it is just redundant to see the full URL. I want to see just the main URL. Below is the CSS I was using but it is not working anymore after using your files.

.urlbar-input-box{
  overflow: clip;
}

#urlbar-input{
  margin-left: calc(var(--urlbar-scheme-size) * -0.76) !important;
}

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.

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 :)

hi
thanks for really cool theme.
it's show me what i want
if see in screenshots bookmarks toolbar have transparent background

version i use 2.2.1
os: fedora 37
desktop: gnome 43
desktop theme: adwaita(default)
firefox: 107.0.1

Just a suggestion, for consistency sake. The theme is great, loving it.

I wanted it to be light gray and when hovered, there's only the colors and no opacity changes. I tried on my own, but the buttons seem to move upwards slightly when hovered. It was easier with the svgs before lol.

Hi,

I discover your mod for mozilla... simply incredible ! it's clean, it's simple, nice work!

I had good success installing it on Firefox 110.0.1 !

However, I can't put a personalized wallpaper either at startup or when opening a new tab?

Can you tell me how to do it because I can't.

Thanks for your feedback !

Could you add a system where the pinned tabs have an underline? If not could you tell us how to do this ourselves?

Can you please move the menu buttons from the mid point in userChrome-ONE-LINER.css to the right most side, as found in the default version. The current placement is quite inconvenient to use.

Hello!

Beeen using this theme with Librewolf for a while and I'm having an issue with the icons in the home pages.

Here's what the home page should look like:

Here's what it looks like with Librewolf (missing the firefox logo):

Feel free to close this issue if you don't want to offer Librewolf support. This issue is mainly about the home tab logo, but if you're interested the Librewolf branding can be found here (that's what I used to make the icon in the upper left corner): https://gitlab.com/librewolf-community/branding

Hello!

I want to change the colors of active/background tabs, as I find it jarring that the background tabs on a dark background are highlighted, while the active one almost melds with the background. I think it should be the other way around.

So I've switched the values for --firefoxcss-tab-bg-color and --firefoxcss-tab-active-bg-color in userChrome.css. However, that does not seem to accomplish anything. The values further down in the file at around line 350 have the proper variables set for the background-color property.

Is there something I'm missing?

Thank you for the repo, by the way - I love this!

Everything except the word is also black

• Linux
• Firefox 108.0.1
• Fresh profile

ublock-icon-change.css used to work before, not sure what happened. Can reproduce with my main profile.

• tree ~/.mozilla/firefox/vri2vvdf.Test/chrome:

/home/xfzv/.mozilla/firefox/vri2vvdf.Test/chrome
├── Firefox-Mod-Blur-chrome.css
├── Firefox-Mod-Blur-content.css
├── image
│   ├── about-logo-private-changed.png
│   ├── browser-firefox.svg
│   ├── files.svg
│   ├── Firefox_2019.svg
│   ├── firefox.png
│   ├── firefox.svg
│   ├── firefoxx.png
│   ├── left-arrow.svg
│   ├── noise-512x512.png
│   ├── right-arrow.svg
│   ├── search-glass.svg
│   ├── spill-main.svg
│   ├── spill.svg
│   ├── stack.svg
│   ├── wallpaper_2560x140.jpg
│   ├── wallpaper2.jpg
│   ├── wallpaper3_3840x2160.jpg
│   ├── wallpaper4_3840x2157.png
│   ├── wallpaper_7680x4320.jpg
│   └── wallpaper.jpg
├── privacy_blur_email_in_main_menu.css
├── ublock-icon-change.css
├── userChrome.css
└── userContent.css

1 directory, 26 files

Note that privacy_blur_email_in_main_menu.css works just fine:

and so do the other modifications:

how do you install this? i want this xD not good with css and stuff so yea

Just installed this great theme, but theres only one problem. If I open multiple tabs and then close some from beginning, the rest of the tabs and the new tab button moves very slowly to required position.

I've been using the following mods for the theme.

The icon to change the settings like enabled, disabled, strict, etc. is missing.

Help please! Thank you for your work :D

I can't see back and forward icon, owerflow icon is on left corner but in settings it's on right corner how can i fix those?