who knows

src-tauri/src/actions.rs

@@ -25,7 +25,7 @@ fn transcribe_pressed_action(app: &AppHandle, _shortcut_str: &str) {
         Image::from_path(
             app.path()
                 .resolve(
-                    "resources/tray_recording_64x64.png",
+                    "resources/tray_recording.png",
                     tauri::path::BaseDirectory::Resource,
                 )
                 .expect("failed to resolve"),

src-tauri/tauri.conf.json

@@ -13,8 +13,9 @@
     "windows": [
       {
         "title": "Handy",
-        "width": 400,
-        "height": 600
+        "width": 540,
+        "height": 400,
+        "resizable": false
       }
     ],
     "security": {

src/App.css

@@ -15,7 +15,7 @@
   font-weight: 400;
 
   color: #0f0f0f;
-  background-color: #DACEBA;
+  background-color: #fbfbfb;
 
   font-synthesis: none;
   text-rendering: optimizeLegibility;
@@ -35,8 +35,8 @@
 
 @media (prefers-color-scheme: dark) {
   :root {
-    color: #f6f6f6;
-    background-color: #3E394B;
+    color: #fbfbfb;
+    background-color: #2c2b29;
   }
 }
 

src/App.tsx

@@ -27,18 +27,18 @@ function App() {
   }, []);
 
   return (
-    <div className="min-h-screen bg-gray-100 flex flex-col items-center pt-6 w-full">
+    <div className="min-h-screen flex flex-col items-center pt-6 w-full">
       {!hasAccessibility && (
         <div className="bg-yellow-50 p-4 w-full">
           <div className="flex justify-between items-center">
             <div className="ml-3">
-              <p className="text-sm font-medium text-yellow-800">
+              <p className="text-sm font-medium">
                 Accessibility permissions are required for keyboard shortcuts.
               </p>
             </div>
             <button
               onClick={checkPermissions}
-              className="bg-yellow-200 hover:bg-yellow-300 text-yellow-800 font-medium py-1 px-3 rounded text-sm mr-4"
+              className="bg-yellow-200 hover:bg-yellow-300 font-medium py-1 px-3 rounded text-sm mr-4"
             >
               Recheck Permissions
             </button>

src/components/icons/HandyTextLogo.tsx

@@ -14,6 +14,12 @@ const HandyTextLogo = ({
       viewBox="0 0 930 328"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
+      style={{ 
+        "--text-color": "#382731",
+        "@media (prefers-color-scheme: dark)": {
+          "--text-color": "#fbfbfd"
+        }
+      } as React.CSSProperties}
     >
       <path
         fillRule="evenodd"
@@ -25,7 +31,7 @@ const HandyTextLogo = ({
         fillRule="evenodd"
         clipRule="evenodd"
         d="M161.628 301.144c3.262-.289 8.177-.978 11.32-1.588 3.968-.771 9.189-2.521 12.599-4.261 3.988-2.035 8.837-6.043 12.011-9.75 3.296-3.851 6.743-10.211 8.433-15.368 1.352-4.127 2.902-10.582 3.59-14.944.697-4.414 1.212-12.17 1.217-17.877.004-5.576-.936-19.857-2.1-32.32-1.161-12.432-3.228-28.612-4.659-36.359-1.451-7.857-4.083-18.654-5.998-24.519-1.966-6.024-5.969-15.335-9.151-21.312-3.063-5.754-7.602-13.294-10.389-17.213-2.986-4.2-8.332-10.22-12.393-13.98-5.243-4.855-10.982-8.639-16.621-10.749-4.284-1.603-10.611-3.112-15.007-3.564-4.528-.465-11.176-.179-15.836.661-3.27.59-7.69 2.008-11.881 3.714-.134-7.049-.574-15.257-1.116-20.119-.659-5.914-2.103-14.2-3.321-18.961-1.261-4.93-3.625-11.682-5.529-15.705-2.03-4.293-5.33-9.556-8.002-12.6-2.994-3.41-8.163-7.268-12.563-9.521C70.314 1.779 65.122.576 57.04.13c-7.18-.396-12.991.094-18.577 1.718-4.62 1.343-10.5 4.147-14.204 6.831-3.949 2.86-8.373 7.738-10.84 11.95-2.244 3.827-4.76 10.636-6.159 16.253-1.275 5.126-3.167 17.312-4.366 27.81C1.715 75.009.494 92.07.154 102.927c-.339 10.83-.099 34.53.528 52.979.621 18.275 1.602 40.897 2.188 50.411.598 9.723 1.783 22.479 2.678 28.711.907 6.314 2.41 14.282 3.472 18.247 1.094 4.085 3.366 10.408 5.247 14.631 2.082 4.677 5.558 10.551 8.33 13.934 3.13 3.818 8.572 8.204 13.16 10.702 6.51 3.543 11.186 4.688 20.06 5.154 7.088.372 13.313-.129 19.383-1.623 5.106-1.256 11.559-3.801 15.445-6.199 4.03-2.485 8.877-6.894 11.777-10.697 2.219-2.909 4.488-7.018 6.03-10.818 1.05 3.078 2.275 6.206 3.362 8.504 2.301 4.864 6.405 10.425 10.231 13.579 3.472 2.861 8.966 5.839 13.388 7.308 3.536 1.174 8.905 2.449 12.586 2.989 3.96.58 9.684.753 13.609.406m-11.436-15.248c2.812.412 7.363.55 10.113.306 2.75-.243 7.153-.86 9.783-1.371s6.52-1.815 8.643-2.898c2.122-1.083 5.467-3.847 7.431-6.142s4.473-6.923 5.575-10.285c1.101-3.361 2.463-9.036 3.028-12.611.564-3.575 1.028-10.573 1.033-15.552s-.912-18.889-2.035-30.912-3.137-27.786-4.475-35.03-3.816-17.409-5.506-22.588-5.35-13.693-8.132-18.918-7-12.232-9.374-15.57-7.035-8.588-10.359-11.666c-3.904-3.615-8.04-6.341-11.686-7.706-3.104-1.161-8.182-2.372-11.285-2.691-3.102-.32-8.341-.094-11.641.501s-9.431 2.845-13.625 5-8.559 4.215-9.7 4.576c-1.402.446-2.736-.005-4.124-1.393-1.858-1.858-2.05-3.276-2.05-15.09 0-7.172-.48-17.34-1.067-22.597-.586-5.257-1.911-12.865-2.945-16.907-1.034-4.043-3.084-9.896-4.556-13.007-1.472-3.112-4.044-7.215-5.715-9.118-1.67-1.903-5.328-4.633-8.128-6.067-3.86-1.976-7.046-2.714-13.181-3.053-5.608-.309-9.771.042-13.564 1.145-3.01.875-7.326 2.934-9.592 4.575-2.265 1.641-5.28 4.964-6.698 7.385-1.42 2.421-3.463 7.953-4.543 12.293s-2.89 15.99-4.02 25.89c-1.131 9.9-2.324 26.55-2.65 37s-.09 33.85.527 52 1.592 40.65 2.167 50c.576 9.35 1.725 21.725 2.554 27.5.83 5.775 2.231 13.2 3.115 16.5.883 3.3 2.89 8.884 4.46 12.408s4.372 8.262 6.23 10.529c1.857 2.266 5.785 5.432 8.729 7.034 4.362 2.374 6.89 2.993 13.675 3.349 5.682.299 10.446-.085 15.012-1.208 3.68-.905 8.699-2.885 11.155-4.4s5.932-4.677 7.724-7.027 3.932-6.539 4.754-9.309c.823-2.77 2.012-10.872 2.642-18.004.877-9.915.865-15.368-.05-23.169-.658-5.612-1.435-15.378-1.727-21.703-.343-7.448-.107-13.064.67-15.939.686-2.536 2.62-5.859 4.511-7.75 2.368-2.368 4.221-3.311 6.51-3.311 2.291 0 4.144.944 6.521 3.321 1.959 1.959 3.551 4.728 3.88 6.75.308 1.886.736 18.729.951 37.429.314 27.243.717 35.257 2.026 40.324.898 3.478 2.784 8.756 4.19 11.729s4.202 6.761 6.213 8.418 5.869 3.749 8.575 4.647 7.219 1.971 10.031 2.383"
-        fill="#382731"
+        fill="var(--text-color)"
       />
       <path
         fillRule="evenodd"

src/components/settings/KeyboardShortcuts.tsx

@@ -108,34 +108,34 @@ export const KeyboardShortcuts: React.FC = () => {
     return recordedKeys.length > 0 ? recordedKeys.join("+") : "Press keys...";
   };
 
+  // TEXT SELECT
+
   return (
     <div className="space-y-4">
       {Object.entries(bindings).map(([id, binding]) => (
         <div
           key={id}
-          className="flex items-center justify-between p-4 rounded-lg border border-gray-200 hover:bg-gray-50"
+          className="flex items-center justify-between p-4 rounded-lg border border-[#808080]/20 "
         >
           <div>
-            <h3 className="text-sm font-medium text-gray-900">
-              {binding.name}
-            </h3>
-            <p className="text-sm text-gray-500">{binding.description}</p>
+            <h3 className="text-sm font-medium ">{binding.name}</h3>
+            <p className="text-sm">{binding.description}</p>
           </div>
           <div className="flex items-center space-x-1">
             {editingShortcutId === id ? (
-              <div className="px-2 py-1 text-sm font-semibold text-blue-600 bg-blue-50 border border-blue-200 rounded min-w-[100px] text-center">
+              <div className="px-2 py-1 text-sm font-semibold  border border-[#FAA2CA] bg-[#FAA2CA]/30 rounded min-w-[100px] text-center">
                 {formatCurrentKeys()}
               </div>
             ) : (
               <div
-                className="px-2 py-1 text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded cursor-pointer hover:bg-gray-200"
+                className="px-2 py-1 text-sm font-semibold bg-[#808080]/10 border border-gray-200 hover:bg-[#FAA2CA]/10 rounded cursor-pointer hover:border-[#FAA2CA]"
                 onClick={() => startRecording(id)}
               >
                 {binding.current_binding}
               </div>
             )}
             <button
-              className="px-2 py-1 text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded hover:bg-gray-50"
+              className="px-2 py-1 text-sm font-semibold  border  bg-[#808080]/10 hover:bg-[#FAA2CA]/10 border-gray-200 rounded"
               onClick={() => {
                 invoke("reset_binding", { id }).then((b) => {
                   console.log("reset");

src/components/settings/Settings.tsx

@@ -4,12 +4,10 @@ import { KeyboardShortcuts } from "./KeyboardShortcuts";
 
 export const Settings: React.FC = () => {
   return (
-    <div className="bg-gray-100 py-4 px-4 w-full">
+    <div className="py-4 px-4 w-full">
       <div className="max-w-3xl mx-auto space-y-4">
         <div className="">
-          <h2 className="text-xl font-semibold text-gray-900 mb-2">
-            Keyboard Shortcuts
-          </h2>
+          <h2 className="text-xl font-semibold mb-2">Keyboard Shortcuts</h2>
           <KeyboardShortcuts />
         </div>
       </div>