docs(theme): updated docs for adding new color

docs/guide/features/theme.md

@@ -91,9 +91,24 @@ app.use(anu, {
 
 Passing options to anu config will merge them and will result in new color **secondary** added to existing theme palette.
 
-Additionally, You also have to add this new color in Anu's UnoCSS preset.
+Additionally, You also have to add this new color in Anu's UnoCSS preset option as styles are generated via UnoCSS.
 
-> _Working on omitting this preset step. Guide WIP._
+```ts
+// file: uno.config.ts
+
+import { presetAnu } from 'anu-vue'
+import { defineConfig } from 'unocss'
+
+export default defineConfig({
+  presets: [
+    // other presets
+    presetAnu({
+      // Add new color, It will get merged with existing colors
+      colors: ['secondary'],
+    }),
+  ]
+})
+```
 
 Finally let's use new color 😍
 

packages/anu-vue/src/preset/index.ts

@@ -18,13 +18,9 @@ export function presetAnu(options: Partial<typeof presetDefaults> = {}): Preset
       ),
     },
     safelist: [
-      // TODO: We can remove this color safelist if we use leverage `--a-color` CSS var
       ..._options.colors.map(c => `bg-${c}`),
-      ..._options.colors.map(c => `hover:bg-${c}`),
-
       ..._options.colors.map(c => `border-${c}`),
       ..._options.colors.map(c => `text-${c}`),
-      ..._options.colors.map(c => `shadow-${c}`),
       ..._options.colors.map(c => `after:bg-${c}`),
 
       // Typography