datguypiko / firefox-mod-blur Goto Github PK
View Code? Open in Web Editor NEWFirefox Theme - For dark theme lovers / More compact / Modular / Blur
Firefox Theme - For dark theme lovers / More compact / Modular / Blur
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!
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?
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?
Boomarks toolbar not pulling fully down on hover in 80.0
The icon to change the settings like enabled, disabled, strict, etc. is missing.
Help please! Thank you for your work :D
hello, can you make a css with titlebar buttons on right side for windows users?
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.
It would be nice if the search box of About:home was also themed like the URL box
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 :)
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?
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;
}
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:
Could you add a system where the pinned tabs have an underline? If not could you tell us how to do this ourselves?
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?
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 !
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).
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
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
how do you install this? i want this xD not good with css and stuff so yea
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
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.
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.
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?
The theme just broke after new update release 113.
Various buttons have moved and some even overlapped.
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.
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;
}
Just a suggestion, for consistency sake. The theme is great, loving it.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.