diff --git a/package.json b/package.json
index c2eeca6..648550b 100644
--- a/package.json
+++ b/package.json
@@ -8,14 +8,13 @@
     "dev": "vite dev",
     "build": "vite build",
     "build:demo": "vite build --mode demo",
-    "test": "vitest",
     "test:update": "vitest -u",
     "release": "bumpp --commit --push --tag",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:preview": "vitepress preview docs",
     "check-types": "tsc --pretty --noEmit",
-    "unocss:dev": "unocss -c uno.config.ts -o styles/uno.css --watch  \"./**/*.tsx\" "
+    "test": "unocss -c uno.config.ts -o test-result.css --watch  \"./**/*.tsx\" "
   },
   "repository": {
     "type": "git",
diff --git a/styles/uno.css b/test-result.css
similarity index 72%
rename from styles/uno.css
rename to test-result.css
index 1b73f15..334073b 100644
--- a/styles/uno.css
+++ b/test-result.css
@@ -1,37 +1,9 @@
 /* layer: preflights */
 *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
-/* layer: radix-colors */
-:root {
-  
-
-}
-@supports(color: color(display-p3 0 0 1)) {
-  :root {
-  
-
-  }
-}
-.alias-info-blue {
---rx-info6: var(--rx-blue6);
---rx-P3-info6: var(--rx-P3-blue6);
---rx-info6A: var(--rx-blue6A);
---rx-P3-info6A: var(--rx-P3-blue6A);
-}
-.light-selector {
-  --rx-blue6: 67.45%, 84.71%, 98.82%;
---rx-blue6A: rgb(0% 53.33% 96.47% / 0.3255);
-}
-.my-dark-selector {
-  --rx-blue6: 6.275%, 30.2%, 52.94%;
---rx-blue6A: rgb(5.882% 53.73% 99.22% / 0.498);
-}
-@supports(color: color(display-p3 0 0 1)) {
-  .light-selector {
-    --rx-P3-blue6: 0.7089 0.843 0.9762;
---rx-P3-blue6A: color(display-p3 0.0039 0.4627 0.9216 / 0.291);
-  }
-  .my-dark-selector {
-    --rx-P3-blue6: 0.1402 0.2983 0.5113;
---rx-P3-blue6A: color(display-p3 0.2235 0.5569 1 / 0.475);
-  }
-}
\ No newline at end of file
+:root {}
+@supports(color: color(display-p3 0 0 1)){:root{}}
+.light-selector {--un-preset-radix-red9A: #db0007b7;--un-preset-radix-orange9: #f76b15;--un-preset-radix-amber5: #fbe577;}
+.my-dark-selector {--un-preset-radix-red9A: #fe4e54e4;--un-preset-radix-orange9: #f76b15;--un-preset-radix-amber5: #4d3000;}
+@supports(color: color(display-p3 0 0 1)){.light-selector {--un-preset-radix-red9A: color(display-p3 0.749 0.008 0 / 0.675);--un-preset-radix-orange9: color(display-p3 0.9 0.45 0.2);--un-preset-radix-amber5: color(display-p3 0.97 0.902 0.527);} .my-dark-selector {--un-preset-radix-red9A: color(display-p3 1 0.388 0.384 / 0.82);--un-preset-radix-orange9: color(display-p3 0.9 0.45 0.2);--un-preset-radix-amber5: color(display-p3 0.29 0.193 0);}}
+/* layer: default */
+.bg-amber5{background-color:var(--un-preset-radix-amber5);}
\ No newline at end of file
diff --git a/test.tsx b/test.tsx
index b53c6f0..6f73f7f 100644
--- a/test.tsx
+++ b/test.tsx
@@ -1,9 +1,12 @@
-function Comp(){
-
-return (
-<button className=""
-style={{
-"dkfd": "linear-gradient(45deg,var(--un-preset-radix-red9A),var(--un-preset-radix-orange9))"
-}}
->Delete</button>
-)};
\ No newline at end of file
+function Comp() {
+  return (
+    <button
+      className='bg-amber5'
+      style={{
+        dkfd: 'linear-gradient(45deg,var(--un-preset-radix-red9A),var(--un-preset-radix-orange9))',
+      }}
+    >
+      Delete
+    </button>
+  );
+}
diff --git a/uno.config.ts b/uno.config.ts
index 02b54a0..270508b 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -1,26 +1,10 @@
 import { defineConfig, presetUno, transformerVariantGroup } from 'unocss';
 import { presetRadix } from './src';
-// import * as radixColors from '@radix-ui/colors';
-// import presetPrimitives from "unocss-preset-primitives";
 export default defineConfig({
-  theme: {
-    colors: {
-      subdued: 'var(--rx-slate11)',
-    },
-    breakpoints: {
-      xxs: '420px',
-      xs: '480px',
-      sm: '640px',
-      md: '768px',
-    },
-  },
-  transformers: [transformerVariantGroup()],
   presets: [
-    presetUno({
-      dark: 'class',
-    }),
+    presetUno(),
     presetRadix({
-      prefix: '-rx-',
+      // prefix: '-rx-',
       darkSelector: '.my-dark-selector',
       lightSelector: '.light-selector',
       aliases: {
@@ -30,11 +14,8 @@ export default defineConfig({
         // info: 'green'
       },
       useP3Colors: true,
-      // safelistAliases: ['danger'],
       extend: true,
-      // useP3Colors: true,
       // onlyOneTheme: 'dark',
-      // safelistAliases: ['warning', 'danger4A'],
       // safelist: ['pink3A', 'white11A', 'blue' , 'warning', 'danger4A'],
     }),
   ],