Ali/biibaye
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix CSS injection: replace non-functional --primary vars with Tailwind class overrides for bg-sky-*, text-sky-*, border-sky-*, and .btn.btn-primary

Browse Source
This commit is contained in:
odaybari
2026-05-25 13:24:59 +03:00
parent 1a7a48029c
commit c05a181cd0
1 changed files with 28 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
addon/extension.js
View File

@ -37,13 +37,36 @@ function injectBrandStyles() {
const style = document.createElement('style'); const style = document.createElement('style');
style.id = 'biibaye-brand-styles'; style.id = 'biibaye-brand-styles';
style.textContent = ` style.textContent = `
:root { /* ── Primary color: Biibaye orange (#FF4500) replaces Fleetbase sky (#3485e2) ── */
--primary: #FF4500;
--primary-hover: #e03d00; /* Tailwind utility classes */
.bg-sky-500{background-color:#FF4500!important}
.bg-sky-50,.bg-sky-100,.bg-sky-200,.bg-sky-300,.bg-sky-400{background-color:#FF4500!important}
.bg-sky-600,.bg-sky-700,.bg-sky-800,.bg-sky-900{background-color:#e03d00!important}
.text-sky-50,.text-sky-100,.text-sky-200,.text-sky-300,.text-sky-400,.text-sky-500{color:#FF4500!important}
.text-sky-600,.text-sky-700,.text-sky-800,.text-sky-900{color:#e03d00!important}
.border-sky-50,.border-sky-100,.border-sky-200,.border-sky-300,.border-sky-400,.border-sky-500{border-color:#FF4500!important}
.border-sky-600,.border-sky-700,.border-sky-800,.border-sky-900{border-color:#e03d00!important}
.ring-sky-500{--tw-ring-color:#FF4500!important}
.accent-sky-500{accent-color:#FF4500!important}
.caret-sky-500{caret-color:#FF4500!important}
/* Button component (.btn.btn-primary, .btn-primary-xs, .btn-primary-sm, etc.) */
.btn.btn-primary,
.btn-primary-xs,.btn-primary-sm,.btn-primary-md,.btn-primary-lg,.btn-primary-xl,
button.btn-primary,a.btn-primary{
background-color:#FF4500!important;
border-color:#FF4500!important;
color:#fff!important
} }
body[data-theme="dark"] { .btn.btn-primary:hover,
background-color: #343538 !important; .btn-primary-xs:hover,.btn-primary-sm:hover,.btn-primary-md:hover,.btn-primary-lg:hover,.btn-primary-xl:hover{
background-color:#e03d00!important;
border-color:#e03d00!important
} }
/* Dark theme background */
body[data-theme="dark"]{background-color:#343538!important}
`; `;
document.head.appendChild(style); document.head.appendChild(style);
} }