solid_litequeen 0.15.3 → 0.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. checksums.yaml +4 -4
  2. data/app/javascript/solid_litequeen/controllers/table_relations_controller.js +4 -4
  3. data/app/views/layouts/solid_litequeen/application.html.erb +33 -5
  4. data/app/views/solid_litequeen/databases/_foreign-key-data.html.erb +7 -7
  5. data/app/views/solid_litequeen/databases/_table-data-context-dialog.html.erb +3 -3
  6. data/app/views/solid_litequeen/databases/_table-relationships-dialog.html.erb +4 -4
  7. data/app/views/solid_litequeen/databases/index.html.erb +3 -3
  8. data/app/views/solid_litequeen/databases/show.html.erb +13 -13
  9. data/app/views/solid_litequeen/databases/table_rows.html.erb +40 -40
  10. data/lib/solid_litequeen/version.rb +1 -1
  11. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: b73b49c89207256af88ff6c90f81537582a2e9705298abef25e1178a4a94308d
4
- data.tar.gz: bf1d2d2071fe3cfcf25ef15095222b9a00986a812af0024c0851831ab58102c3
3
+ metadata.gz: 1831cd92c516c70d5a047e55e00b3271b89cf87472fd3bd26d0bc5b05d479e57
4
+ data.tar.gz: ae1e19638233da5e339656adb983aae1f0ac2bf6dc89f111c08ee45b267689c1
5
5
  SHA512:
6
- metadata.gz: 26db56e45303709952e3a3993172f128e26c33599920562e5f2077b1ab395fad709dc5d1d99c0114fe5f948c9674381c09aa5a34493b257894b8a07776809e58
7
- data.tar.gz: b65b4acd3be0dd949cdaa805664d68deff5cba405d65d2b97622be1cd12d9205be9901df82e98f3bb70461aaa729d53d2903980431b13c1f7f7ff945f33e5013
6
+ metadata.gz: a1c5e69629db6522d90f6371de907317cb012daf6bf537fe80238b0a69fbbde15f336eff8e78d13256364ff5c325ac84e2e84bc36b680e69abcacd994da7acc2
7
+ data.tar.gz: 19ace7929634a94c7d84e3da545fd5d66c19ff1c961da1faaff890ed68a6490ec25faa416b901d5dbd3d380f7be1329387abe56e7a349741f1d6e79e852c8ee7
data/app/javascript/solid_litequeen/controllers/table_relations_controller.js CHANGED
@@ -21,7 +21,7 @@ export default class extends Controller {
21
21
  gridSize: 10,
22
22
  drawGrid: true,
23
23
  background: {
24
- color: "#f8f9fa",
24
+ color: "var(--color-paper-background)",
25
25
  },
26
26
  interactive: (cellView) => {
27
27
  // If this cell is embedded (a field node),
@@ -68,7 +68,7 @@ export default class extends Controller {
68
68
  target: { id: targetId },
69
69
  attrs: {
70
70
  line: {
71
- stroke: "#333",
71
+ stroke: "var(--color-paper-links)",
72
72
  strokeWidth: 2,
73
73
  targetMarker: {
74
74
  type: "path",
@@ -128,13 +128,13 @@ export default class extends Controller {
128
128
  size: { width: width, height: fieldHeight },
129
129
  attrs: {
130
130
  body: {
131
- fill: "#ffffff",
131
+ fill: "var(--color-paper-background)",
132
132
  strokeWidth: 1,
133
133
  stroke: "#ddd",
134
134
  },
135
135
  label: {
136
136
  text: field,
137
- fill: "#333",
137
+ fill: "var(--color-text)",
138
138
  fontSize: 14,
139
139
  },
140
140
  },
data/app/views/layouts/solid_litequeen/application.html.erb CHANGED
@@ -18,16 +18,44 @@
18
18
 
19
19
  :root{
20
20
  color-scheme: light dark;
21
- }
22
-
23
- @theme {
24
- --color-clifford: #da373d;
21
+
22
+ --color-background: var(--color-slate-50);
23
+ --color-background-light: var(--color-white);
24
+ --color-border-muted: var(--color-slate-200);
25
+ --color-text: var(--color-gray-900);
26
+ --color-text-muted: var(--color-gray-500);
27
+ --color-background-secondary: var(--color-slate-50);
28
+ /* paper is the graph generated by joint.js. */
29
+ --color-paper-background: var(--color-slate-50);
30
+ --color-paper-links: var(--color-slate-600);
25
31
  }
26
32
 
33
+ @media (prefers-color-scheme: dark) {
34
+ :root {
35
+ --color-background: var(--color-slate-900);
36
+ --color-background-light: var(--color-slate-800);
37
+ --color-text: var(--color-slate-300);
38
+ --color-text-muted: var(--color-gray-400);
39
+ --color-background-secondary: var(--color-slate-300);
40
+ /* paper is the graph generated by joint.js. */
41
+ --color-paper-background: var(--color-slate-600);
42
+ --color-paper-links: var(--color-slate-300);
43
+ }
44
+ }
45
+
46
+
27
47
  @utility filter-blue{
28
48
  filter: invert(32%) sepia(65%) saturate(6380%) hue-rotate(219deg) brightness(98%) contrast(102%);
29
49
  }
30
50
 
51
+ @utility filter-cyan{
52
+ filter: invert(67%) sepia(62%) saturate(4644%) hue-rotate(156deg) brightness(97%) contrast(101%);
53
+ }
54
+
55
+ @utility filter-white{
56
+ filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
57
+ }
58
+
31
59
 
32
60
  /* popover fix for safari */
33
61
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
@@ -50,7 +78,7 @@
50
78
 
51
79
  <%= yield :head %>
52
80
  </head>
53
- <body class="">
81
+ <body class="bg-[var(--color-background)] text-[var(--color-text)]">
54
82
  <header class="container mx-auto mt-4 mb-8">
55
83
  <%= render "solid_litequeen/database-selector" %>
56
84
  </header>
data/app/views/solid_litequeen/databases/_foreign-key-data.html.erb CHANGED
@@ -9,23 +9,23 @@
9
9
  </h1>
10
10
 
11
11
  <div class="mx-auto my-4 p-4 max-w-[90%]">
12
- <table class="min-w-full divide-y divide-gray-200 border border-gray-200">
13
- <thead class="bg-gray-50">
12
+ <table class="min-w-full divide-y divide-gray-200 dark:border-gray-200/50 border border-gray-200">
13
+ <thead class="bg-gray-50 dark:bg-[var(--color-background)]/40">
14
14
  <tr>
15
- <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
15
+ <th class="px-6 py-3 text-left text-xs font-medium dark:font-bold text-gray-500 dark:text-[var(--color-text)] uppercase tracking-wider">
16
16
  Column Name
17
17
  </th>
18
- <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
18
+ <th class="px-6 py-3 text-left text-xs font-medium dark:font-bold text-gray-500 dark:text-[var(--color-text)] uppercase tracking-wider">
19
19
  Value
20
20
  </th>
21
21
  </tr>
22
22
  </thead>
23
- <tbody class="bg-white divide-y divide-gray-200">
23
+ <tbody class="bg-white dark:bg-transparent divide-y divide-gray-200 dark:divide-gray-200/50">
24
24
  <% @result.rows.each do |row| %>
25
25
  <% @result.columns.zip(row).each do |column, value| %>
26
26
  <tr>
27
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 font-semibold"><%= column %></td>
28
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 in-aria-busy:blur"><%= value&.truncate(80) %></td>
27
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)] font-semibold"><%= column %></td>
28
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)]/80 in-aria-busy:blur"><%= value&.truncate(80) %></td>
29
29
  </tr>
30
30
  <% end %>
31
31
  <% end %>
data/app/views/solid_litequeen/databases/_table-data-context-dialog.html.erb CHANGED
@@ -1,13 +1,13 @@
1
- <dialog id="<%= dialog_id %>" data-controller="dialog" class="w-[800px] m-auto overscroll-y-contain">
1
+ <dialog id="<%= dialog_id %>" data-controller="dialog" class="bg-[var(--color-background-light)] dark:border dark:rounded dark:border-gray-50/20 w-[800px] m-auto overscroll-y-contain">
2
2
  <div class="flex flex-row-reverse">
3
3
  <button data-action="click->dialog#close" class="cursor-pointer mr-4 mt-2 outline-none">
4
- <%= image_tag "solid_litequeen/icons/x.svg", class: "size-5" %>
4
+ <%= image_tag "solid_litequeen/icons/x.svg", class: "size-5 dark:filter-white" %>
5
5
  </button>
6
6
  </div>
7
7
 
8
8
  <h1 class="text-lg font-semibold text-center"><%= column_name %></h1>
9
9
 
10
- <div class="flex items-center max-w-[90%] h-80 max-h-80 mx-auto my-4 p-2 bg-gray-100 rounded ">
10
+ <div class="flex items-center max-w-[90%] h-80 max-h-80 mx-auto my-4 p-2 dark:bg-transparent bg-gray-100 dark:border dark:border-gray-50/50 rounded ">
11
11
  <p class="text-wrap overflow-auto w-[inherit] h-[inherit] p-2">
12
12
  <%= data %>
13
13
  </p>
data/app/views/solid_litequeen/databases/_table-relationships-dialog.html.erb CHANGED
@@ -1,12 +1,12 @@
1
- <dialog id="table_relationships" data-controller="dialog table-relations" data-relations="<%= @table_relations.to_json %>" class="w-[1000px] h-full m-auto overscroll-y-contain">
1
+ <dialog id="table_relationships" data-controller="dialog table-relations" data-relations="<%= @table_relations.to_json %>" class="dark:bg-[var(--color-background-light)] dark:border dark:border-gray-50/20 rounded w-[1000px] h-full m-auto overscroll-y-contain">
2
2
  <div class="flex flex-row-reverse">
3
3
  <button data-action="click->dialog#close" class="cursor-pointer mr-4 mt-2 outline-none">
4
- <%= image_tag "solid_litequeen/icons/x.svg", class: "size-5" %>
4
+ <%= image_tag "solid_litequeen/icons/x.svg", class: "size-5 dark:filter-white" %>
5
5
  </button>
6
6
  </div>
7
- <h1 class="text-black text-center mt-4">Table Relationships</h1>
7
+ <h1 class=" text-center mt-4">Table Relationships</h1>
8
8
 
9
9
  <div class="w-full p-4 mx-auto overflow-x-auto">
10
- <div id="paper" class="m-auto my-10 w-full h-[600px] border rounded"></div>
10
+ <div id="paper" class="m-auto my-10 w-full h-[600px] border border-gray-200 dark:border-gray-50/20 rounded"></div>
11
11
  </div>
12
12
  </dialog>
data/app/views/solid_litequeen/databases/index.html.erb CHANGED
@@ -1,15 +1,15 @@
1
1
  <div class="container mx-auto px-4 py-8">
2
2
 
3
- <h1 class="text-3xl font-bold text-gray-900 mb-6">Solid Lite Queen</h1>
3
+ <h1 class="text-3xl font-bold mb-6">Solid Lite Queen</h1>
4
4
 
5
5
  <div class="mb-6">
6
- <p class="text-gray-600"><%= pluralize(available_databases.count, "SQLite database") %> found</p>
6
+ <p class="text-[var(--color-text-muted)]"><%= pluralize(available_databases.count, "SQLite database") %> found</p>
7
7
  </div>
8
8
 
9
9
  <% if available_databases.any? %>
10
10
  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
11
11
  <% available_databases.each do |db| %>
12
- <a href="<%= database_path(Base64.urlsafe_encode64(db.database)) %>" class="block bg-white rounded-lg shadow-sm border border-gray-200 hover:shadow-md transition duration-150 overflow-hidden">
12
+ <a href="<%= database_path(Base64.urlsafe_encode64(db.database)) %>" class="block bg-white dark:bg-[var(--color-background-secondary)] rounded-lg shadow-sm border border-gray-200 hover:shadow-md transition duration-150 overflow-hidden">
13
13
  <div class="p-5">
14
14
  <div class="flex items-center justify-between mb-2">
15
15
  <h2 class="text-lg font-semibold text-gray-900 truncate"><%= db.name %></h2>
data/app/views/solid_litequeen/databases/show.html.erb CHANGED
@@ -1,13 +1,13 @@
1
1
  <div class="container mx-auto px-4 py-8">
2
- <h1 class="text-3xl font-bold text-gray-900 mb-6 flex gap-1 items-center justify-center">
3
- <%= image_tag "solid_litequeen/icons/database.svg", class: "size-6" %>
2
+ <h1 class="text-3xl font-bold mb-6 flex gap-1 items-center justify-center">
3
+ <%= image_tag "solid_litequeen/icons/database.svg", class: "size-6 dark:filter-white" %>
4
4
  <span>
5
5
  <%= @database_location %>
6
6
  </span>
7
7
  </h1>
8
8
 
9
9
  <div class="mb-6">
10
- <h2 class="text-xl font-semibold text-gray-800">
10
+ <h2 class="text-xl font-semibold">
11
11
  <span>
12
12
  Tables
13
13
  </span>
@@ -16,31 +16,31 @@
16
16
  <%= render "table-relationships-dialog" %>
17
17
 
18
18
  <button title="Relationships" onclick="table_relationships.showModal()" class="hover:cursor-pointer outline-none">
19
- <%= image_tag "solid_litequeen/icons/workflow.svg", class: "size-5 -mb-1" %>
19
+ <%= image_tag "solid_litequeen/icons/workflow.svg", class: "size-5 -mb-1 dark:filter-white" %>
20
20
  </button>
21
21
 
22
22
  <% end %>
23
23
  </h2>
24
- <p class="text-gray-600"><%= pluralize(@tables.count, "table") %> found</p>
24
+ <p class="text-[var(--color-text-muted)]"><%= pluralize(@tables.count, "table") %> found</p>
25
25
  </div>
26
26
 
27
- <div class="bg-white rounded-lg shadow overflow-hidden">
27
+ <div class="bg-white dark:bg-transparent rounded-lg shadow overflow-hidden">
28
28
  <table class="w-full">
29
29
  <thead>
30
- <tr class="bg-gray-100 border-b border-gray-200">
31
- <th class="px-6 py-3 text-left text-sm font-medium text-gray-700">Table Name</th>
32
- <th class="px-6 py-3 text-left text-sm font-medium text-gray-700">Row Count</th>
30
+ <tr class="bg-gray-100 dark:bg-[var(--color-background-light)] border-b border-gray-200">
31
+ <th class="px-6 py-3 text-left text-sm font-medium text-gray-700 dark:text-[var(--color-text)] ">Table Name</th>
32
+ <th class="px-6 py-3 text-left text-sm font-medium text-gray-700 dark:text-[var(--color-text)]">Row Count</th>
33
33
  </tr>
34
34
  </thead>
35
- <tbody class="divide-y divide-gray-200">
35
+ <tbody class="divide-y divide-gray-200 dark:divide-gray-200/50">
36
36
  <% @tables.each do |table| %>
37
- <tr class="hover:bg-gray-50">
37
+ <tr class="hover:bg-gray-50 dark:hover:bg-[var(--color-background-light)]/50">
38
38
  <td class="px-6 py-4">
39
- <%= link_to database_table_rows_path(@database_id, table[:name]), class: "text-blue-600 hover:text-blue-800 font-medium" do %>
39
+ <%= link_to database_table_rows_path(@database_id, table[:name]), class: "text-blue-600 hover:text-blue-800 dark:text-cyan-500 dark:hover:text-cyan-600 font-medium" do %>
40
40
  <%= table.dig(:name) %>
41
41
  <% end %>
42
42
  </td>
43
- <td class="px-6 py-4 text-gray-600">
43
+ <td class="px-6 py-4 text-gray-600 dark:text-gray-300">
44
44
  <%= pluralize(table.dig(:row_count), "Row") %>
45
45
  </td>
46
46
  </tr>
data/app/views/solid_litequeen/databases/table_rows.html.erb CHANGED
@@ -1,10 +1,10 @@
1
1
  <div class="container mx-auto px-4 py-8">
2
- <h1 class="text-3xl font-bold text-gray-900 mb-6 flex gap-1 items-center justify-center">
2
+ <h1 class="text-3xl font-bold mb-6 flex gap-1 items-center justify-center">
3
3
  <%= link_to database_path(params[:database_id]) do %>
4
- <%= image_tag "solid_litequeen/icons/database.svg", class: "size-6" %>
4
+ <%= image_tag "solid_litequeen/icons/database.svg", class: "size-6 dark:filter-white" %>
5
5
  <% end %>
6
6
 
7
- <%= image_tag "solid_litequeen/icons/chevron-right.svg", class: "size-6" %>
7
+ <%= image_tag "solid_litequeen/icons/chevron-right.svg", class: "size-6 dark:filter-white" %>
8
8
 
9
9
  <span>
10
10
  <%= @table_name %>
@@ -12,10 +12,10 @@
12
12
  </h1>
13
13
 
14
14
  <div class="mb-6">
15
- <p class="text-gray-600"><%= pluralize(@row_count, "row") %> found</p>
15
+ <p class="text-[var(--color-text-muted)]"><%= pluralize(@row_count, "row") %> found</p>
16
16
  </div>
17
17
 
18
- <div class="bg-white rounded-lg shadow overflow-x-auto">
18
+ <div class="bg-white dark:bg-transparent rounded-lg shadow overflow-x-auto">
19
19
  <div class="min-w-full inline-block align-middle">
20
20
  <table
21
21
  data-controller="table"
@@ -24,58 +24,58 @@
24
24
  class="min-w-full relative"
25
25
  >
26
26
  <thead class="">
27
- <tr class="bg-gray-100 border-b border-gray-200">
27
+ <tr class="bg-gray-100 dark:bg-[var(--color-background-light)] border-b border-gray-200 dark:border-gray-50/20">
28
28
  <% @data.columns.each_with_index do |column, index| %>
29
29
  <th
30
30
  draggable="true"
31
31
  data-column-index="<%= index %>"
32
32
  data-column-name="<%= column %>"
33
- class="hover:cursor-move px-6 py-3 text-left text-sm font-medium text-gray-700 whitespace-nowrap data-[is-dragging]:bg-orange-300/30 data-[column-order-about-to-be-swapped]:bg-green-300/30"
33
+ class="hover:cursor-move px-6 py-3 text-left text-sm font-medium text-gray-700 dark:text-[var(--color-text)] whitespace-nowrap data-[is-dragging]:bg-orange-300/30 data-[column-order-about-to-be-swapped]:bg-green-300/30"
34
34
  >
35
35
 
36
36
  <%# popover the the column info %>
37
37
  <% popover_id = "popover_#{column}_#{SecureRandom.hex(8)}" %>
38
38
 
39
39
  <button popovertarget="<%= popover_id %>" class="mr-1 p-1 hover:cursor-pointer" style="anchor-name: --anchor_<%= popover_id %>;">
40
- <%= image_tag "solid_litequeen/icons/info.svg", class: "size-3.5" %>
40
+ <%= image_tag "solid_litequeen/icons/info.svg", class: "size-3.5 dark:filter-white" %>
41
41
  </button>
42
42
 
43
- <div popover id="<%= popover_id %>" class="max-w-lg min-h-10 bg-gray-100 border-gray-400 border p-4 rounded-md" style="position-anchor: --anchor_<%= popover_id%>; top: anchor(--anchor_<%= popover_id%> bottom); left: anchor(--anchor_<%= popover_id%> right);">
44
- <table class="min-w-full divide-y divide-gray-200 border border-gray-200">
43
+ <div popover id="<%= popover_id %>" class="max-w-lg min-h-10 bg-gray-100 dark:bg-[var(--color-background)] border-gray-400 dark:border-gray-200/50 border p-4 rounded-md" style="position-anchor: --anchor_<%= popover_id%>; top: anchor(--anchor_<%= popover_id%> bottom); left: anchor(--anchor_<%= popover_id%> right);">
44
+ <table class="min-w-full divide-y divide-gray-200 black:divide-gray-50/20 border border-gray-200 dark:border-gray-50/20">
45
45
 
46
- <tbody class="bg-white divide-y divide-gray-200">
46
+ <tbody class="bg-white dark:dark:bg-[var(--color-background-light)] divide-y divide-gray-200 dark:divide-gray-200/50 ">
47
47
  <% column_info = @columns_info[column] %>
48
48
 
49
49
  <tr>
50
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 font-semibold">Type</td>
51
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 "><%= column_info&.dig(:sql_type) %></td>
50
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)] font-semibold">Type</td>
51
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)]/80 "><%= column_info&.dig(:sql_type) %></td>
52
52
  </tr>
53
53
 
54
54
  <tr>
55
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 font-semibold">Primary Key</td>
56
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 "><%= column_info&.dig(:is_primary_key) %></td>
55
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)] font-semibold">Primary Key</td>
56
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)]/80 "><%= column_info&.dig(:is_primary_key) %></td>
57
57
  </tr>
58
58
 
59
59
  <tr>
60
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 font-semibold">Nullable</td>
61
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 "><%= column_info&.dig(:null) %></td>
60
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)] font-semibold">Nullable</td>
61
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)]/80 "><%= column_info&.dig(:null) %></td>
62
62
  </tr>
63
63
 
64
64
  <tr>
65
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 font-semibold">Default</td>
66
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 "><%= column_info&.dig(:default) %></td>
65
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)] font-semibold">Default</td>
66
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)]/80 "><%= column_info&.dig(:default) %></td>
67
67
  </tr>
68
68
 
69
69
  <% if column_info&.dig(:foreign_key).present? %>
70
70
 
71
71
  <tr>
72
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 font-semibold"></td>
73
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 "> </td>
72
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)] font-semibold"></td>
73
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)]/80 "> </td>
74
74
  </tr>
75
75
 
76
76
  <tr>
77
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 font-semibold">Foreign Key</td>
78
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
77
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)] font-semibold">Foreign Key</td>
78
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)]/80">
79
79
  <%= column_info&.dig(:foreign_key).dig(:to_table) %>
80
80
  &gt;
81
81
  <%= column_info&.dig(:foreign_key).dig(:primary_key) %>
@@ -83,13 +83,13 @@
83
83
  </tr>
84
84
 
85
85
  <tr>
86
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 font-semibold">ON_UPDATE</td>
87
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800"><%= column_info&.dig(:foreign_key).dig(:on_update) %></td>
86
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)] font-semibold">ON_UPDATE</td>
87
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)]/80"><%= column_info&.dig(:foreign_key).dig(:on_update) %></td>
88
88
  </tr>
89
89
 
90
90
  <tr>
91
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 font-semibold">ON_DELETE</td>
92
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800"><%= column_info&.dig(:foreign_key).dig(:on_delete) %></td>
91
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)] font-semibold">ON_DELETE</td>
92
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)]/80"><%= column_info&.dig(:foreign_key).dig(:on_delete) %></td>
93
93
  </tr>
94
94
 
95
95
  <% end %>
@@ -97,20 +97,20 @@
97
97
  <% if column_info&.dig(:indexes).present? %>
98
98
 
99
99
  <tr>
100
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 font-semibold"></td>
101
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 "> </td>
100
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)] font-semibold"></td>
101
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)]/80 "> </td>
102
102
  </tr>
103
103
 
104
104
  <% column_info&.dig(:indexes).each do |index| %>
105
105
  <tr>
106
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 font-semibold">Index Name</td>
107
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
106
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)] font-semibold">Index Name</td>
107
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)]/80">
108
108
  <%= index[:name] %>
109
109
  </td>
110
110
  </tr>
111
111
  <tr>
112
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 font-semibold">Unique</td>
113
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800">
112
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)] font-semibold">Unique</td>
113
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-[var(--color-text)]/80">
114
114
  <%= index[:unique] %>
115
115
  </td>
116
116
  </tr>
@@ -140,9 +140,9 @@
140
140
  </tr>
141
141
  </thead>
142
142
 
143
- <tbody class="divide-y divide-gray-200">
143
+ <tbody class="divide-y divide-gray-200 dark:divide-gray-200/50">
144
144
  <% @data.rows.each do |row| %>
145
- <tr class="hover:bg-gray-50" >
145
+ <tr class="hover:bg-gray-50 dark:hover:bg-[var(--color-background-light)]/50" >
146
146
  <% row.each_with_index do |item, index| %>
147
147
  <% truncated_item = item&.truncate(80) %>
148
148
  <% column_name = @data.columns[index] %>
@@ -150,7 +150,7 @@
150
150
  <td
151
151
  data-column="<%= column_name %>"
152
152
  data-data_type="<%= @columns_info.dig(column_name).dig(:type) %>"
153
- class="px-6 py-4 text-sm text-gray-800 whitespace-nowrap"
153
+ class="px-6 py-4 text-sm text-gray-800 dark:text-gray-300 whitespace-nowrap"
154
154
  >
155
155
 
156
156
  <div class="flex justify-between gap-1">
@@ -165,7 +165,7 @@
165
165
  data-fk_target_field_value="<%= truncated_item %>"
166
166
  class="size-4 mt-0.5 hover:cursor-pointer flex-grow outline-none"
167
167
  >
168
- <%= image_tag "solid_litequeen/icons/spline.svg", class: "size-4 filter-blue" %>
168
+ <%= image_tag "solid_litequeen/icons/spline.svg", class: "size-4 filter-blue dark:filter-cyan" %>
169
169
  </button>
170
170
 
171
171
  <% end %>
@@ -178,7 +178,7 @@
178
178
  <%= render "table-data-context-dialog", dialog_id: dialog_id, column_name: column_name, data: item %>
179
179
 
180
180
  <button onclick="document.getElementById('<%= dialog_id %>').showModal()" class="cursor-pointer size-4 outline-none">
181
- <%= image_tag "solid_litequeen/icons/circle-elipsis.svg", class: "size-4" %>
181
+ <%= image_tag "solid_litequeen/icons/circle-elipsis.svg", class: "size-4 dark:filter-white" %>
182
182
 
183
183
  </button>
184
184
 
@@ -193,10 +193,10 @@
193
193
  <% end %>
194
194
  </tbody>
195
195
 
196
- <dialog id="foreign-key-data" data-controller="dialog" class="w-[900px] m-auto overscroll-y-contain">
196
+ <dialog id="foreign-key-data" data-controller="dialog" class="bg-[var(--color-background-light)] dark:border dark:rounded dark:border-gray-50/20 w-[900px] m-auto overscroll-y-contain">
197
197
  <div class="flex flex-row-reverse">
198
198
  <button data-action="click->dialog#close" class="cursor-pointer mr-4 mt-2 outline-none">
199
- <%= image_tag "solid_litequeen/icons/x.svg", class: "size-5" %>
199
+ <%= image_tag "solid_litequeen/icons/x.svg", class: "size-5 dark:filter-white" %>
200
200
  </button>
201
201
 
202
202
  </div>
data/lib/solid_litequeen/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module SolidLitequeen
2
- VERSION = "0.15.3"
2
+ VERSION = "0.16.1"
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: solid_litequeen
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.15.3
4
+ version: 0.16.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Vik Borges
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-05-30 00:00:00.000000000 Z
11
+ date: 2025-06-01 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails