rdbr 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 87da572f183e27a7a655a00bfe361c5f41b1c6804839d70937dffbc78f43ecd2
-  data.tar.gz: 05bc097aa41fd2fbdd8514013cbcca12c6ee113e1d5aaee98f469ff8710976c5
+  metadata.gz: a34fec0f8ef2d3976b5d3048a52d2d25db7b27551eed07c236584263daec5112
+  data.tar.gz: 8ff7094a26a39491724bc59c52ad6a611abaa4eb920565447e28941f5d5a73d4
 SHA512:
-  metadata.gz: a0bba4640c5e90eca6058d6213e8c3b95d119992af39d12bee882b7118a38eb0e6a348fee053c8da41effad5d3067dfe75d01caa6f2eb1413678d015564c82ab
-  data.tar.gz: 76ff18c1b73aa3036eeda5434ea024c89c96e0f4d363684e019eb06258bc0c4c0eeb56193af5089673d97fb6d7008f1ad3eff8176fc56573fdd94cef8b4d5abd
+  metadata.gz: 9014e861e83a86c6d130c022c46aadc091a415c37316c8eb17f7d13580c5df763fc4da2fd3b437b325056d6c86046f7b9aaa46da736b78c057de972917e44358
+  data.tar.gz: 7c2631bd3064270523261d41f1ce2fae06c7e97975796dbfb88304bfa35e041e4fd781d687793e36e31e3d1d58f4ce035654e8863ac6a95797e5973e05ad2fda

data/CHANGELOG.md

@@ -3,7 +3,11 @@
 RDBr follows [Semantic Versioning](https://semver.org/). Until version 1.0,
 minor releases may change public interfaces with an accompanying migration note.
 
-## [Unreleased]
+## [0.1.1] - 2026-07-26
+
+- Add a database favicon for easier identification in browser tabs.
+- Add a System theme that follows the browser colour-scheme preference while
+  preserving explicit Light and Dark choices.
 
 ## [0.1.0] - 2026-07-25
 

data/app/public/application.js

@@ -3,16 +3,28 @@
   if (!picker) return;
 
   const storedTheme = window.localStorage.getItem('rdbr-theme');
-  picker.value = ['dark', 'madhat2r'].includes(storedTheme) ? 'dark' : 'default';
+  const preference = storedTheme === 'madhat2r' ? 'dark' :
+    storedTheme === 'default' ? 'light' : storedTheme;
+  const systemTheme = window.matchMedia('(prefers-color-scheme: dark)');
+  const applyTheme = (theme) => {
+    const useDark = theme === 'dark' || (theme === 'system' && systemTheme.matches);
+    if (useDark) document.documentElement.dataset.theme = 'dark';
+    else delete document.documentElement.dataset.theme;
+  };
+
+  picker.value = ['light', 'dark'].includes(preference) ? preference : 'system';
+  applyTheme(picker.value);
   picker.addEventListener('change', () => {
-    if (picker.value === 'dark') {
-      document.documentElement.dataset.theme = picker.value;
-      window.localStorage.setItem('rdbr-theme', picker.value);
-    } else {
-      delete document.documentElement.dataset.theme;
+    applyTheme(picker.value);
+    if (picker.value === 'system') {
       window.localStorage.removeItem('rdbr-theme');
+    } else {
+      window.localStorage.setItem('rdbr-theme', picker.value);
     }
   });
+  systemTheme.addEventListener('change', () => {
+    if (picker.value === 'system') applyTheme('system');
+  });
 })();
 
 (() => {

data/app/public/favicon.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#fff"/>
+  <g fill="none" stroke="#3f454b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
+    <ellipse cx="16" cy="7" rx="10.5" ry="4"/>
+    <path d="M5.5 7v17c0 2.76 4.7 5 10.5 5s10.5-2.24 10.5-5V7"/>
+    <path d="M5.5 15.5c0 2.48 4.7 4.5 10.5 4.5s10.5-2.02 10.5-4.5"/>
+  </g>
+</svg>

data/app/views/layout.haml

@@ -4,13 +4,18 @@
     %meta{ charset: 'utf-8' }
     %meta{ content: 'width=device-width, initial-scale=1', name: 'viewport' }
     %title RDBr
+    %link{ href: versioned_asset_url('/favicon.svg'), rel: 'icon', type: 'image/svg+xml' }
     :javascript
       (() => {
         const storedTheme = window.localStorage.getItem('rdbr-theme');
-        const theme = storedTheme === 'madhat2r' ? 'dark' : storedTheme;
-        if (theme === 'dark') {
-          document.documentElement.dataset.theme = theme;
-          if (storedTheme !== theme) window.localStorage.setItem('rdbr-theme', theme);
+        const preference = storedTheme === 'madhat2r' ? 'dark' :
+          storedTheme === 'default' ? 'light' : storedTheme;
+        const systemIsDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        if (preference === 'dark' || (!['light', 'dark'].includes(preference) && systemIsDark)) {
+          document.documentElement.dataset.theme = 'dark';
+        }
+        if (storedTheme && preference !== storedTheme) {
+          window.localStorage.setItem('rdbr-theme', preference);
         }
         const scrollKey = `rdbr.tableScroll:${window.location.pathname}${window.location.search}`;
         if (window.sessionStorage.getItem(scrollKey) !== null) {
@@ -52,7 +57,8 @@
         %label.theme-picker
           %span Theme
           %select{ data: { theme_picker: true }, 'aria-label': 'Theme' }
-            %option{ value: 'default' } Light
+            %option{ value: 'system' } System
+            %option{ value: 'light' } Light
             %option{ value: 'dark' } Dark
     %main
       != yield

data/lib/rdbr/version.rb

@@ -1,3 +1,3 @@
 module RDBr
-  VERSION = '0.1.0'.freeze
+  VERSION = '0.1.1'.freeze
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rdbr
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Andrew Blake
@@ -193,6 +193,7 @@ files:
 - README.md
 - app/public/application.js
 - app/public/database-diagram.js
+- app/public/favicon.svg
 - app/public/styles.css
 - app/views/data.haml
 - app/views/group.haml