fix(core): update

ts_web/elements/dees-table.ts

@@ -1,3 +1,4 @@
+import * as colors from './00colors.js';
 import * as plugins from './00plugins.js';
 import { demoFunc } from './dees-table.demo.js';
 import {
@@ -173,6 +174,7 @@ export class DeesTable<T> extends DeesElement {
         border-top: 1px solid ${cssManager.bdTheme('#fff', '#444')};
         box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
         overflow-x: auto;
+        cursor: default;
       }
 
       .header {
@@ -311,6 +313,7 @@ export class DeesTable<T> extends DeesElement {
         line-height: 36px;
         height: 36px;
         display: inline-block;
+        border-radius: 8px;
       }
 
       .action:first-child {
@@ -319,7 +322,15 @@ export class DeesTable<T> extends DeesElement {
       }
 
       .action:hover {
-        background: ${cssManager.bdTheme('#CCC', '#00000030')};
+        background: ${cssManager.bdTheme(colors.bright.blue, colors.dark.blue)};
+      }
+
+      .action:active {
+        background: ${cssManager.bdTheme(colors.bright.blue, colors.dark.blueActive)};
+      }
+
+      .action:hover dees-icon {
+        filter: ${cssManager.bdTheme('invert(1) brightness(3)', '')};
       }
 
       .footer {
@@ -344,16 +355,22 @@ export class DeesTable<T> extends DeesElement {
       .footerActions .footerAction {
         padding: 8px 16px;
         display: flex;
+        user-select: none;
       }
 
       .footerActions .footerAction:hover {
-        background: ${cssManager.bdTheme('#CCC', '#111')};
+        background: ${cssManager.bdTheme(colors.bright.blue, colors.dark.blue)};
+        color: #fff;
       }
 
-      .footerActions dees-icon {
+      .footerActions .footerAction dees-icon {
         display: flex;
         margin-right: 8px;
       }
+
+      .footerActions .footerAction:hover dees-icon {
+        
+      }
     `,
   ];