{"id":13476695,"url":"https://github.com/easonwong-de/Adaptive-Tab-Bar-Colour","last_synced_at":"2025-03-27T04:30:45.899Z","repository":{"id":41167576,"uuid":"481311477","full_name":"easonwong-de/Adaptive-Tab-Bar-Colour","owner":"easonwong-de","description":"Changes the colour of Firefox theme to match the website’s appearance.","archived":false,"fork":false,"pushed_at":"2025-03-22T21:07:28.000Z","size":2194,"stargazers_count":497,"open_issues_count":24,"forks_count":21,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-22T22:19:34.770Z","etag":null,"topics":["addon","browser-extension","dark-theme","extension","firefox","firefox-addon","firefox-extension"],"latest_commit_sha":null,"homepage":"https://addons.mozilla.org/firefox/addon/adaptive-tab-bar-colour/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/easonwong-de.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"custom":["https://www.paypal.com/donate/?hosted_button_id=T5GL8WC7SVLLC","https://www.buymeacoffee.com/easonwong"]}},"created_at":"2022-04-13T17:27:41.000Z","updated_at":"2025-03-22T21:33:04.000Z","dependencies_parsed_at":"2024-04-06T15:39:55.108Z","dependency_job_id":"a75fec4e-8365-4544-9904-31ea691c4075","html_url":"https://github.com/easonwong-de/Adaptive-Tab-Bar-Colour","commit_stats":null,"previous_names":["easonwong-de/adaptive-tab-bar-colour"],"tags_count":63,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easonwong-de%2FAdaptive-Tab-Bar-Colour","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easonwong-de%2FAdaptive-Tab-Bar-Colour/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easonwong-de%2FAdaptive-Tab-Bar-Colour/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easonwong-de%2FAdaptive-Tab-Bar-Colour/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/easonwong-de","download_url":"https://codeload.github.com/easonwong-de/Adaptive-Tab-Bar-Colour/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245784732,"owners_count":20671602,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["addon","browser-extension","dark-theme","extension","firefox","firefox-addon","firefox-extension"],"created_at":"2024-07-31T16:01:33.475Z","updated_at":"2025-03-27T04:30:45.879Z","avatar_url":"https://github.com/easonwong-de.png","language":"JavaScript","funding_links":["https://www.paypal.com/donate/?hosted_button_id=T5GL8WC7SVLLC","https://www.buymeacoffee.com/easonwong"],"categories":["JavaScript"],"sub_categories":[],"readme":"![Icon](https://github.com/easonwong-de/Adaptive-Tab-Bar-Colour/blob/main/scr/images/ATBC_128.png)  \n![Mozilla Add-on Users](https://img.shields.io/amo/users/adaptive-tab-bar-colour)\n![Mozilla Add-on Rating](https://img.shields.io/amo/stars/adaptive-tab-bar-colour)\n![Mozilla Add-on](https://img.shields.io/amo/v/adaptive-tab-bar-colour?color=blue\u0026label=version)\n![Sponsors](https://img.shields.io/badge/sponsors-20-green)\n\n# Adaptive Tab Bar Colour\n\nChanges the colour of Firefox theme to match the website’s appearance.\n\n\u003ca href=\"https://addons.mozilla.org/firefox/addon/adaptive-tab-bar-colour/\" target=\"_blank\"\u003e\n\t\u003cimg src=\"https://github.com/easonwong-de/Adaptive-Tab-Bar-Colour/blob/main/Badges/Get_Addon_Badge_Firefox.png?raw=true\" width=\"178\" height=\"48\"\u003e\n\u003c/a\u003e\n\n\u003cbr\u003e\n\n## What Does the Add-on Do?\n\nWhile you browse the web, this add-on changes the theme of Firefox to match the appearance of the website you are viewing — just like how macOS Safari tints its tab bar.\n\n\u003cimg src=\"https://addons.mozilla.org/user-media/previews/full/272/272045.png\" width=\"45%\"\u003e \u003cimg src=\"https://addons.mozilla.org/user-media/previews/full/272/272046.png\" width=\"45%\"\u003e \u003cimg src=\"https://addons.mozilla.org/user-media/previews/full/272/272047.png\" width=\"45%\"\u003e \u003cimg src=\"https://addons.mozilla.org/user-media/previews/full/272/272048.png\" width=\"45%\"\u003e\n\n\u003cbr\u003e\n\n## Works Well With:\n\n\u003col\u003e\n\t\u003cli\u003e\u003ca href=\"https://addons.mozilla.org/firefox/addon/darkreader/\"\u003eDark Reader\u003c/a\u003e\u003c/li\u003e\n\t\u003cli\u003e\u003ca href=\"https://addons.mozilla.org/firefox/addon/stylish/\"\u003eStylish\u003c/a\u003e\u003c/li\u003e\n\t\u003cli\u003e\u003ca href=\"https://addons.mozilla.org/firefox/addon/dark-mode-website-switcher/\"\u003eDark Mode Website Switcher\u003c/a\u003e\u003c/li\u003e\n\t\u003cli\u003e\u003ca href=\"https://addons.mozilla.org/firefox/addon/automatic-dark/\"\u003eautomaticDark\u003c/a\u003e\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cbr\u003e\n\n## Incompatible With:\n\n\u003col\u003e\n\t\u003cli\u003eFirefox versions older than \u003ca href=\"https://www.mozilla.org/firefox/112.0/releasenotes/\"\u003e112.0\u003c/a\u003e (released in April 2023)\u003c/li\u003e\n\t\u003cli\u003e\u003ca href=\"https://addons.mozilla.org/firefox/addon/adaptive-theme-creator/\"\u003eAdaptive Theme Creator\u003c/a\u003e\u003c/li\u003e\n\t\u003cli\u003e\u003ca href=\"https://addons.mozilla.org/firefox/addon/chameleon-dynamic-theme-fixed/\"\u003eChameleon Dynamic Theme\u003c/a\u003e\u003c/li\u003e\n\t\u003cli\u003e\u003ca href=\"https://addons.mozilla.org/firefox/addon/vivaldifox/\"\u003eVivaldiFox\u003c/a\u003e\u003c/li\u003e\n\t\u003cli\u003e\u003ca href=\"https://addons.mozilla.org/firefox/addon/envify/\"\u003eEnvify\u003c/a\u003e\u003c/li\u003e\n\t\u003cli\u003eand any other add-on that changes the Firefox theme\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cbr\u003e\n\n## If You’re Using a CSS Theme:\n\nA CSS theme can work with ATBC (Adaptive Tab Bar Colour) when system colour variables are used (e.g. `--lwt-accent-color` for tab bar colour). [This](https://github.com/easonwong-de/WhiteSurFirefoxThemeMacOS) is an example of an ATBC-compatible CSS theme.\n\n\u003cimg src=\"https://raw.githubusercontent.com/easonwong-de/WhiteSurFirefoxThemeMacOS/master/githubpreview/White_Sur_%26_ATBC_1.png\" width=\"45%\"\u003e \u003cimg src=\"https://raw.githubusercontent.com/easonwong-de/WhiteSurFirefoxThemeMacOS/master/githubpreview/White_Sur_%26_ATBC_2.png\" width=\"45%\"\u003e\n\n\u003cbr\u003e\n\n## If You’re Using Linux with a GTK Theme:\n\nFirefox’s titlebar buttons may revert to the Windows style. To prevent this, open Advanced Preferences (`about:config`) and set `widget.gtk.non-native-titlebar-buttons.enabled` to `false`. (Thanks to [@anselstetter](https://github.com/anselstetter/))\n\n\u003cbr\u003e\n\n## Safety Reminder:\n\nBeware of malicious web UIs: Please distinguish between the browser’s UI and the web UI, see \u003ca href=\"https://textslashplain.com/2017/01/14/the-line-of-death/\"\u003eThe Line of Death\u003c/a\u003e. (Thanks to \u003ca href=\"https://www.reddit.com/user/KazaHesto/\"\u003eu/KazaHesto\u003c/a\u003e)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feasonwong-de%2FAdaptive-Tab-Bar-Colour","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feasonwong-de%2FAdaptive-Tab-Bar-Colour","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feasonwong-de%2FAdaptive-Tab-Bar-Colour/lists"}