From e6e892572f4387b81bd667b363e0e099c6ab692c Mon Sep 17 00:00:00 2001
From: Ian Gulliver <ian@flamingcow.tv>
Date: Sun, 14 Jul 2019 22:39:24 +0000
Subject: [PATCH] Styling for tags

---
 architype.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/architype.css b/architype.css
index 4667ba4..5fe382b 100644
--- a/architype.css
+++ b/architype.css
@@ -6,6 +6,7 @@
   --group: #c0f2d5;
   --link: #ffd1b3;
   --label: #ffb3eb;
+  --tag: #fff2b3;
   --help: #ffb3b3;
   --text: #000000;
   --placeholder: rgba(0,0,0,0.2);
@@ -35,6 +36,7 @@
   --group: #092a17;
   --link: #331400;
   --label: #330025;
+  --tag: #332b00;
   --help: #330000;
   --text: #ffffff;
   --placeholder: rgba(255,255,255,0.2);
@@ -163,6 +165,18 @@ body {
   ), var(--label);
 }
 
+.editor li.tag {
+  background-color: var(--tag);
+}
+
+.editor li.tag.highlight {
+  background: repeating-linear-gradient(
+    -45deg,
+    transparent 0 10px,
+    rgba(255,0,0,0.3) 10px 20px
+  ), var(--tag);
+}
+
 .editor li.help {
   padding: 10px;
   font-size: 16px;
@@ -425,3 +439,7 @@ body {
   border-radius: 4px;
   padding: 3px;
 }
+
+.gridTagLabel.highlight {
+  border: 3px solid var(--focus);
+}