feat: Customize <a> tag appearance

Author: spuxx-dev

packages/browser-utils/src/styles.css

@@ -5,6 +5,7 @@
 
 @import './styles/layout.css';
 @import './styles/application.css';
+@import './styles/text.css';
 
 @import './styles/components.css';
 @import './styles/modal.css';

packages/browser-utils/src/styles/text.css

@@ -0,0 +1,12 @@
+html.spx-app {
+  a:not(:has(.spx-button)) {
+    text-decoration: none;
+
+    &:visited {
+      color: var(--spx-color-text-link);
+    }
+    &:hover {
+      filter: var(--spx-filter-control-hover);
+    }
+  }
+}

packages/browser-utils/src/themes/default.theme.css

@@ -10,6 +10,7 @@ html *,
   --spx-color-text-default: #f5f5f5;
   --spx-color-text-subtle: #a1a1aa;
   --spx-color-text-highlighted: #ffffff;
+  --spx-color-text-link: var(--spx-color-accent);
 
   /* Base Colors */
   --spx-color-background: #1a2327;