Dark floating toolbar

Author: davegaeddert

bolt-querystats/bolt/querystats/templates/querystats/toolbar.html

@@ -6,7 +6,7 @@
     class="relative group/querystats"
     style="display: none;">
     <input type="hidden" name="querystats" value="store">
-    <button type="submit" class="px-2 py-px text-xs rounded-full bg-stone-200 text-stone-600 whitespace-nowrap" data-querystats-summary></button>
+    <button type="submit" class="px-2 py-px text-xs rounded-full bg-stone-700 text-stone-300 whitespace-nowrap" data-querystats-summary></button>
     <div data-querystats-list style="display: none;" class="absolute right-0 z-50 hidden translate-y-full -bottom-1 group/querystats-hover:block">
         <div class="p-2 text-xs border rounded shadow-md bg-zinc-900 border-zinc-700"><table><tbody></tbody></table></div>
     </div>

bolt-toolbar/bolt/toolbar/templates/toolbar/toolbar.html

@@ -1,6 +1,6 @@
 {% if toolbar.should_render() %}
 <script src="{{ asset('toolbar/toolbar.js') }}"></script>
-<div id="bolttoolbar" class="text-sm py-1.5 text-stone-600 bg-[#fbf7f0] fixed bottom-0 max-w-full drop-shadow-md z-30 mx-4 rounded-t-lg hidden lg:flex lg:flex-col -translate-x-1/2 left-1/2">
+<div id="bolttoolbar" class="text-sm py-1.5 text-stone-300 bg-stone-950 fixed bottom-4 max-w-full drop-shadow-md z-30 mx-4 rounded-2xl hidden lg:flex lg:flex-col -translate-x-1/2 left-1/2">
     <div class="flex justify-between px-4 mx-auto space-x-4">
         <div class="flex items-center">
             <svg class="w-4 h-4 width="237" height="237" viewBox="0 0 237 237" fill="none" xmlns="http://www.w3.org/2000/svg">