Merge pull request #45 from n0-computer/rae/style-updates

Rae/style updates

Author: okdistribute

docs.json

@@ -3,9 +3,9 @@
   "theme": "aspen",
   "name": "iroh",
   "colors": {
-    "primary": "#8790ff",
-    "light": "#8790ff",
-    "dark": "#8790ff"
+    "primary": "#000000",
+    "light": "#ffffff",
+    "dark": "#ffffff"
   },
   "favicon": "/favicon.ico",
   "navigation": {

style.css

@@ -7,3 +7,53 @@
 .dark #sidebar-content button[class*="dark:text-gray-400"] {
   color: #ddd;
 }
+
+html:not(.dark),
+html:not(.dark) body {
+  background-color: #f5f3ee;
+}
+
+.dark,
+.dark body {
+  background-color: #1a1a1a;
+}
+
+a[href*="services.iroh.computer"],
+a[href*="services.iroh.computer"] *,
+button[data-href*="services.iroh.computer"] {
+  background-color: #8790ff !important;
+  color: #ffffff !important;
+  border-color: #8790ff !important;
+  border-radius: 8px !important;
+}
+
+header a:not([href*="services.iroh.computer"]),
+header button:not([data-href*="services.iroh.computer"]),
+header [role="button"]:not([href*="services.iroh.computer"]),
+header [class*="bg-gray"]:not([href*="services.iroh.computer"]),
+header [class*="bg-zinc"]:not([href*="services.iroh.computer"]),
+header [class*="bg-neutral"]:not([href*="services.iroh.computer"]),
+#header a:not([href*="services.iroh.computer"]),
+#header button:not([data-href*="services.iroh.computer"]),
+#header [role="button"]:not([href*="services.iroh.computer"]),
+#header [class*="bg-gray"]:not([href*="services.iroh.computer"]),
+nav a:not([href*="services.iroh.computer"]):not([class*="sidebar"]),
+nav button:not([data-href*="services.iroh.computer"]),
+nav [role="button"]:not([href*="services.iroh.computer"]),
+nav [class*="bg-gray"]:not([href*="services.iroh.computer"]),
+[class*="navbar"] a:not([href*="services.iroh.computer"]),
+[class*="navbar"] button:not([data-href*="services.iroh.computer"]),
+[class*="navbar"] [role="button"]:not([href*="services.iroh.computer"]),
+[class*="navbar"] [class*="bg-gray"]:not([href*="services.iroh.computer"]),
+[aria-label*="theme" i],
+[aria-label*="mode" i],
+[aria-label*="dark mode" i],
+[aria-label*="light mode" i],
+[aria-label*="appearance" i],
+button[class*="theme"],
+button[class*="mode-toggle"],
+[class*="ThemeToggle"],
+[class*="theme-toggle"] {
+  background-color: transparent !important;
+  border-color: transparent !important;
+}