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

ts_web/elements/tsview-mongo-indexes.ts

@@ -1,5 +1,6 @@
 import * as plugins from '../plugins.js';
 import { apiService, type IMongoIndex } 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 TsviewMongoIndexes extends DeesElement {
 
   public static styles = [
     cssManager.defaultStyles,
+    themeStyles,
     css`
       :host {
         display: block;
@@ -106,8 +108,8 @@ export class TsviewMongoIndexes extends DeesElement {
       }
 
       .badge.unique {
-        background: rgba(99, 102, 241, 0.2);
-        color: #818cf8;
+        background: rgba(255, 255, 255, 0.1);
+        color: #e0e0e0;
       }
 
       .badge.sparse {
@@ -181,7 +183,7 @@ export class TsviewMongoIndexes extends DeesElement {
       }
 
       .dialog {
-        background: #1e1e38;
+        background: #1e1e1e;
         border: 1px solid #333;
         border-radius: 12px;
         padding: 24px;
@@ -219,7 +221,7 @@ export class TsviewMongoIndexes extends DeesElement {
 
       .dialog-input:focus {
         outline: none;
-        border-color: #6366f1;
+        border-color: #404040;
       }
 
       .dialog-checkbox {
@@ -255,13 +257,13 @@ export class TsviewMongoIndexes extends DeesElement {
       }
 
       .dialog-btn.primary {
-        background: rgba(99, 102, 241, 0.2);
-        border: 1px solid #6366f1;
-        color: #818cf8;
+        background: rgba(255, 255, 255, 0.1);
+        border: 1px solid #404040;
+        color: #e0e0e0;
       }
 
       .dialog-btn.primary:hover {
-        background: rgba(99, 102, 241, 0.3);
+        background: rgba(255, 255, 255, 0.15);
       }
     `,
   ];