Updates

dsql-app/styles/less.css

@@ -354,6 +354,9 @@ html.dark .RTE-DOCS .code-block {
     padding: 40px 20px;
   }
 }
+.twui-tab-button-active {
+  background-color: #2076e6 !important;
+}
 @keyframes fadein {
   from {
     opacity: 0;

dsql-app/styles/tailwind.css

@@ -552,6 +552,10 @@
   margin-left: 0px
 }
 
+.ml-1 {
+  margin-left: 0.25rem
+}
+
 .ml-2 {
   margin-left: 0.5rem
 }
@@ -2437,6 +2441,11 @@
   background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1))
 }
 
+.hover\:bg-white:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
+}
+
 .hover\:bg-white\/10:hover {
   background-color: rgb(255 255 255 / 0.1)
 }
@@ -2505,11 +2514,6 @@
   border-color: rgb(51 65 85 / var(--tw-border-opacity, 1))
 }
 
-.focus\:text-red-600:focus {
-  --tw-text-opacity: 1;
-  color: rgb(220 38 38 / var(--tw-text-opacity, 1))
-}
-
 .focus\:shadow-lg:focus {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2848,6 +2852,11 @@
   border-color: rgb(255 255 255 / 0.2)
 }
 
+.dark\:hover\:bg-black:hover:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
+}
+
 .dark\:hover\:bg-slate-600:hover:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1))