fix: card info color theme

MetaCubeX · Sep 1, 2023 · 80d5138 · 80d5138
1 parent aeb0139
commit 80d5138
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/src/components/ProxyNodeCard.tsx b/src/components/ProxyNodeCard.tsx
@@ -51,7 +51,12 @@ export default (props: {
     >
       <div class="truncate text-left">{proxyName}</div>
       <div class="flex items-center justify-between gap-1">
-        <div class="truncate text-xs text-slate-500">
+        <div
+          class={twMerge(
+            'truncate text-xs text-slate-500',
+            isSelected && 'text-primary',
+          )}
+        >
           {formatProxyType(proxyNode().type)}
           {proxyNode().udp && ' :: udp'}
         </div>

diff --git a/src/pages/Connections.tsx b/src/pages/Connections.tsx
@@ -253,14 +253,14 @@ export default () => {
       </div>
 
       <div class="overflow-x-auto whitespace-nowrap">
-        <table class="table table-xs">
+        <table class="table table-xs bg-base-200">
           <thead>
             <For each={table.getHeaderGroups()}>
               {(headerGroup) => (
                 <tr>
                   <For each={headerGroup.headers}>
                     {(header) => (
-                      <th class="bg-base-200">
+                      <th class="bg-base-300">
                         <div
                           class={twMerge(
                             'flex items-center justify-between',

diff --git a/src/pages/Rules.tsx b/src/pages/Rules.tsx
@@ -29,7 +29,7 @@ export default () => {
         <div class="grid grid-cols-1 gap-2 sm:grid-cols-1">
           <For each={rules()}>
             {(rule) => (
-              <div class="card card-bordered card-compact border-neutral-focus bg-neutral p-4 text-neutral-content">
+              <div class="card card-bordered card-compact bg-base-200 p-4">
                 <div class="break-all">{rule.payload}</div>
                 <div class="text-xs text-slate-500">
                   {rule.type} :: {rule.proxy}
@@ -46,7 +46,7 @@ export default () => {
         <div class="grid grid-cols-1 gap-2 sm:grid-cols-1">
           <For each={rulesProviders()}>
             {(rulesProvider) => (
-              <div class="card card-bordered card-compact border-neutral-focus bg-neutral p-4 text-neutral-content">
+              <div class="card card-bordered card-compact bg-base-200 p-4">
                 <div>{rulesProvider.name}</div>
                 <div class="text-xs text-slate-500">
                   {rulesProvider.vehicleType} :: {rulesProvider.behavior} (