add text highlighting controls

only disable highlighting text when dragging widgets

client/src/theme.js

@@ -55,7 +55,10 @@ const widgetRecipe = defineSlotRecipe({
     root: {
       bg: "base100",
       borderRadius: "md",
-      p: "1"
+      p: "1",
+      border: "1px solid",
+      borderColor: "{base300}",
+      textAlign: "center",
     },
     header: {
       bg: "base100",
@@ -73,9 +76,9 @@ const config = defineConfig({
   theme: {
     semanticTokens: {
       colors: {
-        base100: { value: {base: "#f7f9fa", _dark: "#787b73"}},
-        base200: { value: {base: "#eef2f6", _dark: "#242424"}},
-        base300: { value: {base: "#dfe5ed", _dark: "#60645a"}},
+        base100: { value: {base: "#f6f9faff", _dark: "#787b73"}},
+        base200: { value: {base: "#e6ecf1ff", _dark: "#242424"}},
+        base300: { value: {base: "#d3dae4ff", _dark: "#60645a"}},
         // primary: { value: {base: "#9cd855", _dark: "#629631"}},
         primary: { value: {base: "#2B98F8", _dark: "#2B98F8"}},
         // primaryLt: { value: {base: "#c9e9a0", _dark: "#92948e"}},