diff --git a/package.json b/package.json
index 3eea7aa..39e64b3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tp/tp-radio",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "",
   "main": "tp-radio.js",
   "scripts": {
diff --git a/tp-radio.js b/tp-radio.js
index e94a876..a8f9b55 100644
--- a/tp-radio.js
+++ b/tp-radio.js
@@ -27,7 +27,7 @@ class TpRadio extends Inert(ControlState(FormElement(LitElement))) {
           align-items: center;
           justify-content: center;
           border: solid 1px var(--tp-radio-color, #000);
-          background: #fff;
+          background: var(--tp-radio-bg, #fff);
           border-radius: 100%;
           width: var(--tp-radio-width, 18px);
           height: var(--tp-radio-height, 18px);
@@ -35,7 +35,7 @@ class TpRadio extends Inert(ControlState(FormElement(LitElement))) {
 
         .dot {
           border-radius: 100%;
-          background: var(--tp-radio-color, #000);
+          background: var(--tp-radio-dot-color, var(--tp-radio-color, #000));
           width: calc(var(--tp-radio-width, 18px) - 4px);
           height: calc(var(--tp-radio-height, 18px) - 4px);
         }