Comments (6)
Hello, I don't think there is a simple way to do that, that icon is provided by the website, so you can change it, but you have to do it for each bookmark. I found this way in change_icon_for_bookmarks
1.- I first search for an image for amazon here: https://iconduck.com/icons/2881/amazon-square.
2.- I edited that image code to add the property fill="context-fill"
to give the image the color of the theme.
3.- Add the image into chrome/icons
folder.
4.- Into the file ogx_tricks.css
add the next code:
.bookmark-item[image*="page-icon:https://www.amazon.com"]>.toolbarbutton-icon {
width: 0px !important;
height: 0px !important;
padding: 0 0 18px 18px !important;
background-image: url("../icons/amazon-square.svg") !important;
background-size: cover !important;
}
from firefox-gx.
for the new-tab favicon I use this, I wonder why librewolf change it:
/* Favicon de pagina newtab */
.tab-icon-image[src="chrome://branding/content/icon32.png"] {
content: url("../icons/foxlogofavicon.svg");
fill: var(--identity-icon-color, var(--general-color)) !important;
}
for the sites favicon I don't know how to do that, maybe you should ask in https://sh.reddit.com/r/FirefoxCSS/ to see if is possible i some way.
from firefox-gx.
Thanks again @Godiesc for your help. It worked :-)
For the sites favicon I'll ask in reddit as you suggested.
from firefox-gx.
Many thanks, It worked like a charm :-)
Can I ask another help?
There is any way to color the tabs webs icons to red as-well?
from firefox-gx.
@Godiesc , I don't know if it something you want to use in your theme, but the user ilovebmo01 give me this code:
.tabbrowser-tab .tab-icon-image { filter: sepia(1) saturate(5000%) hue-rotate(0deg); }
https://www.quackit.com/css/functions/css_hue-rotate_function.cfm
And it's partially succeeded. All the webs icons with one color as github, virusetotal...are colored in red, but all the webs with more than one color as google, amazon.. are colored partially in red. It as like this code can color only one color of the icon.
Just so you know.
from firefox-gx.
thanks for sharing, I didn't consider that cause the favicon is essential to distinguish the tab, and make it just 1 color or similar can do confusion.
from firefox-gx.
Related Issues (20)
- (Left-sidebar) Add ability to change/make sidebar icons HOT 4
- popups border has shown up in the new nightly versions HOT 8
- Sidebar Not appearing HOT 1
- Not working on linux HOT 3
- Gaps between address bar and tabs in one line mode HOT 1
- Sidebar header not hidden HOT 8
- Status bar visibility issue on dark theme HOT 4
- Add GX Mods Extension Project To Extras! HOT 1
- New-Tab Scrolling HOT 4
- Firefox 126.0 update on 5/14/24 broke theme HOT 1
- Very minor clipping issue when on the first tab HOT 1
- Toolbar Issue HOT 4
- Bookmark not showing bookmarks HOT 1
- New Firefox update broke gx HOT 1
- Firefox 126.0 support HOT 3
- (Oneline config) Free space between URL bar and tabs on ultrawide monitors HOT 4
- Extensions are stuck pinned near the tabs HOT 1
- the address bar font size being smaller and whatsapp extension bugged in firefox gx version 127 in linux mint if that matters HOT 1
- Devtools not themed HOT 2
- [Feature Suggestion] The option for Librewolf branding HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from firefox-gx.