Update README.md

README.md

@@ -9,14 +9,19 @@ pinned: false
 
 # ZeroGPU Spaces
 
-<div style="background-color: rgba(255, 255, 255, 0.3);color: rgb(0 0 0);border-radius: 8px;padding: 0.5rem 1rem;">
-  <span style="font-weight: 600;">ZeroGPU is currently in beta.</span> It's available in early access for <a href="https://huggingface.co/subscribe/pro">PRO subscribers</a>.
+<div style="background-color: rgba(255, 255, 255, 0.3); color: rgba(0, 0, 0, 0.87); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 8px; padding: 0.5rem 1rem;">
+  <span style="font-weight: 600;">ZeroGPU is currently in beta.</span> It's available in early access for <a href="https://huggingface.co/subscribe/pro" style="color: inherit;">PRO subscribers</a>.
 </div>
 
-<div style="background-color: rgba(255, 255, 255, 0.3);color: rgb(0 0 0);border-radius: 8px;padding: 0.5rem 1rem; margin-top: 10px;">
-  <span style="font-weight: 600;">Please share your feedback about ZeroGPU</span> in the <a href="https://huggingface.co/spaces/zero-gpu-explorers/README/discussions">Community tab</a>.
+<div style="background-color: rgba(255, 255, 255, 0.3); color: rgba(0, 0, 0, 0.87); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 8px; padding: 0.5rem 1rem; margin-top: 10px;">
+  <span style="font-weight: 600;">Please share your feedback about ZeroGPU</span> in the <a href="https://huggingface.co/spaces/zero-gpu-explorers/README/discussions" style="color: inherit;">Community tab</a>.
 </div>
 
+<div style="background-color: rgba(255, 255, 255, 0.3); color: rgba(0, 0, 0, 0.87); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 8px; padding: 0.5rem 1rem; margin-top: 10px;">
+  <span style="font-weight: 600;">Browse ZeroGPU Spaces</span> here: <a href="https://huggingface.co/spaces/enzostvs/zero-gpu-spaces" style="color: inherit;">Community tab</a>.
+</div>
+
+
 <img src="https://cdn-uploads.huggingface.co/production/uploads/5f17f0a0925b9863e28ad517/cAlvAOu9QC547zrmRVpS5.gif" style="width:100%;"/>
 
 
@@ -96,4 +101,33 @@ The lower the duration, the higher priority your Space visitors will have in the
 
 Feel free to join this organization if you want to try ZeroGPU as a Space author. ✋ We should accept you shortly after checking your HF profile
 
-
+<style>
+  :root {
+    --bg-color-light: rgba(255, 255, 255, 0.3);
+    --bg-color-dark: rgba(0, 0, 0, 0.3);
+    --text-color-light: rgb(0, 0, 0);
+    --text-color-dark: rgb(255, 255, 255);
+  }
+
+  .theme-light {
+    --bg-color: var(--bg-color-light);
+    --text-color: var(--text-color-light);
+  }
+
+  .theme-dark {
+    --bg-color: var(--bg-color-dark);
+    --text-color: var(--text-color-dark);
+  }
+
+  .notice {
+    background-color: var(--bg-color);
+    color: var(--text-color);
+    border-radius: 8px;
+    padding: 0.5rem 1rem;
+    margin-top: 10px;
+  }
+
+  .notice span {
+    font-weight: 600;
+  }
+</style>