From d89282270f99de6c17ef8d23bc49cbb4224ed456 Mon Sep 17 00:00:00 2001
From: sinanisler <sinan@sinanisler.com>
Date: Thu, 31 Jul 2025 10:56:17 +0300
Subject: [PATCH] Bump version to 1.0.7 in package.json and update widget.js
 styles for improved accessibility

---
 package.json |  2 +-
 widget.js    | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index f8cca5b..ac0e0e9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "accessibility-widgets",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "A comprehensive, lightweight accessibility widget that enhances web accessibility for all users. Provides multiple accessibility features including screen reader support, voice control, high contrast mode, and more.",
   "main": "widget.js",
   "scripts": {
diff --git a/widget.js b/widget.js
index 5e3704e..8074683 100644
--- a/widget.js
+++ b/widget.js
@@ -209,7 +209,7 @@ const styles = `
     width: ${WIDGET_CONFIG.widgetWidth};
     height: 100vh;
     overflow-y: auto;
-    background-color: ${WIDGET_CONFIG.colors.secondary};
+    background-color: #e2e2e2;
     padding: 0;
     display: none;
     font-family: ${WIDGET_CONFIG.typography.fontFamily};
@@ -222,25 +222,25 @@ const styles = `
     align-items: center;
     padding: ${WIDGET_CONFIG.menu.optionPadding};
     width: 100%;
-    background-color: ${WIDGET_CONFIG.colors.border};
-    color: ${WIDGET_CONFIG.colors.text};
-    border: none;
+    background-color: #ffffff;
+    color: ${WIDGET_CONFIG.colors.primary};
+    border: 2px solid #ffffff;
     cursor: pointer;
     border-radius: ${WIDGET_CONFIG.menu.borderRadius};
-    transition: background-color ${WIDGET_CONFIG.animation.transition};
+    transition: background-color ${WIDGET_CONFIG.animation.transition}, border-color ${WIDGET_CONFIG.animation.transition};
     line-height: ${WIDGET_CONFIG.typography.lineHeight} !important;
   }
   .snn-accessibility-option:hover {
-    background-color: ${WIDGET_CONFIG.colors.borderHover};
+    border-color: ${WIDGET_CONFIG.colors.primary};
   }
   .snn-accessibility-option.active {
-    background-color: ${WIDGET_CONFIG.colors.primary};
-    color: ${WIDGET_CONFIG.colors.textLight};
+    border-color: ${WIDGET_CONFIG.colors.primary};
   }
   .snn-icon {
     margin-right: 12px;
     width: ${WIDGET_CONFIG.button.iconSize};
     height: ${WIDGET_CONFIG.button.iconSize};
+    fill: ${WIDGET_CONFIG.colors.primary};
   }
   .snn-icon svg {
     width: 100%;
@@ -280,7 +280,7 @@ const styles = `
     align-items: center;
     margin-bottom: 20px;
     padding: 10px;
-    background: #000000;
+    background: ${WIDGET_CONFIG.colors.primary};
     height: ${WIDGET_CONFIG.menu.headerHeight};
     position: sticky;
     top: 0;