feat(tsview): add database and S3 handlers, tswatch/watch scripts, web utilities, assets and release config

ts_web/elements/tsview-mongo-document.ts

@@ -1,5 +1,6 @@
 import * as plugins from '../plugins.js';
 import { apiService } from '../services/index.js';
+import { themeStyles } from '../styles/index.js';
 
 const { html, css, cssManager, customElement, property, state, DeesElement } = plugins;
 
@@ -31,6 +32,7 @@ export class TsviewMongoDocument extends DeesElement {
 
   public static styles = [
     cssManager.defaultStyles,
+    themeStyles,
     css`
       :host {
         display: block;
@@ -78,13 +80,13 @@ export class TsviewMongoDocument extends DeesElement {
       }
 
       .action-btn.primary {
-        background: rgba(99, 102, 241, 0.2);
-        border-color: #6366f1;
-        color: #818cf8;
+        background: rgba(255, 255, 255, 0.1);
+        border-color: #404040;
+        color: #e0e0e0;
       }
 
       .action-btn.primary:hover {
-        background: rgba(99, 102, 241, 0.3);
+        background: rgba(255, 255, 255, 0.15);
       }
 
       .action-btn.danger {
@@ -113,7 +115,7 @@ export class TsviewMongoDocument extends DeesElement {
       }
 
       .json-key {
-        color: #818cf8;
+        color: #e0e0e0;
       }
 
       .json-string {
@@ -148,7 +150,7 @@ export class TsviewMongoDocument extends DeesElement {
 
       .edit-area:focus {
         outline: none;
-        border-color: #6366f1;
+        border-color: #404040;
       }
 
       .empty-state {