feat: add bee theme

Author: sebastienfontaine

package.json

@@ -1,7 +1,7 @@
 {
   "name": "tabee",
   "private": true,
-  "version": "1.0.18",
+  "version": "1.0.0",
   "license": "MIT",
   "type": "module",
   "scripts": {

src/Options.vue

@@ -49,7 +49,7 @@
 				<div class="h-full bg-base-300">
 					<div class="px-8 pt-4">
 						<h1 class="text-xl font-bold flex items-center gap-2">
-							<img src="/assets/icon_16.png" alt="Tabee icon" class="w-5 h-5" />
+							<img src="/assets/icon_32.png" alt="Tabee icon" class="w-5 h-5" />
 							Tabee
 						</h1>
 						<p class="text-xs text-base-content/70 mt-1">The original Tab Modifier.</p>

src/components/options/left/Menu.vue

@@ -2,7 +2,9 @@
 	<ul class="menu p-4 w-80 bg-base-300 text-base-content">
 		<li v-for="menuItem in props.menuItems" :key="menuItem.component">
 			<a
-				:class="{ 'active !text-primary': menuStore.currentMenuItem?.title === menuItem.title }"
+				:class="{
+					active: menuStore.currentMenuItem?.title === menuItem.title,
+				}"
 				@click.prevent="onMenuClicked(menuItem)"
 			>
 				<component :is="icons[menuItem.icon]" class="menuItem-icon" />

tailwind.config.js

@@ -22,9 +22,9 @@ export default {
 					'accent-content': '#0a0a0a', // Texte foncé
 					neutral: '#1f1f1f', // Gris très foncé
 					'neutral-content': '#e5e7eb', // Texte clair
-					'base-100': '#0a0a0a', // Fond presque noir
+					'base-100': '#161616', // Fond presque noir
 					'base-200': '#141414', // Fond très sombre
-					'base-300': '#1e1e1e', // Fond sombre
+					'base-300': '#121212', // Fond sombre
 					'base-content': '#e5e7eb', // Texte principal clair
 					info: '#3b82f6', // Bleu info
 					'info-content': '#ffffff', // Texte blanc sur bleu