add crimson theme

Author: poeti8

Diff for: themes/crimson/css/custom.css

@@ -0,0 +1,42 @@
+:root {
+  --bg-color: hsl(348, 12%, 95%);
+  --text-color: hsl(348, 35%, 25%);
+  --color-primary: hsl(348, 83%, 47%);
+  --outline-color: hsl(331, 100%, 72%);
+  --button-bg: linear-gradient(to right, #e0e0e0, #bdbdbd);
+  --button-bg-box-shadow-color: rgba(160, 160, 160, 0.5);
+  --button-bg-primary: linear-gradient(to right, hsl(348, 89%, 63%), hsl(348, 83%, 47%));
+  --button-bg-primary-box-shadow-color: hsla(350, 90%, 61%, 0.5);
+  --button-bg-secondary: linear-gradient(to right, hsl(257, 50%, 49%), hsl(257, 69%, 38%));
+  --button-bg-secondary-box-shadow-color: hsla(250, 58%, 42%, 0.5);
+  --button-action-shadow-color: hsla(348, 15%, 60%, 0.12);
+  --underline-color: hsl(348, 35%, 65%);
+  --secondary-text-color: hsl(348, 14%, 60%);
+  --send-icon-hover-color: hsl(257, 69%, 38%);
+  --send-spinner-icon-color: hsl(257, 15%, 70%);
+  --copy-icon-color: hsl(43, 85%, 50%);
+  --copy-icon-bg-color: hsl(43, 100%, 91%);
+  --copy-icon-shadow-color: hsla(348, 15%, 60%, 0.12);
+  --focus-outline-color: hsla(356, 90%, 61%, 0.5);
+  --checkbox-bg-color: hsl(257, 57%, 57%);
+  --input-shadow-color: hsla(348, 15%, 70%, 0.2);
+  --input-hover-shadow-color: hsla(348, 15%, 70%, 0.4);
+  --input-label-color: hsl(348, 35%, 25%);
+  --table-shadow-color: hsla(348, 20%, 70%, 0.3);
+  --table-bg-color: hsl(348, 12%, 95%);
+  --table-tr-border-color: hsl(348, 14%, 94%);
+  --table-tr-hover-bg-color: hsl(348, 14%, 98%);
+  --table-head-tr-border-color: hsl(348, 14%, 90%);
+  --table-status-gray-bg-color: hsl(348, 12%, 95%);
+}
+
+a.button.action.stats,
+button.action.stats {
+  background: #f1ecff;
+}
+
+a.button.action.stats svg,
+button.action.stats svg {
+  stroke-width: 2.5;
+  stroke: #7c5fc5;
+}

Diff for: themes/crimson/images/card.png

@@ -0,0 +1,21 @@
+<footer>
+  <p>
+
+    Powered by <a href="https://github.com/thedevs-network/kutt" title="The Devs" target="_blank" rel="noopener noreferrer">Kutt</a> <span>|</span> 
+    
+    <a href="#" title="Custom link 1">Custom link 1</a> <span>|</span>
+    
+    <a href="#" title="Custom link 2">Custom link 2</a> <span>|</span>
+
+    <a href="/terms" title="Terms of Service">Terms of Service</a>
+    
+    {{#if contact_email}}
+      <span>|</span> 
+      <button class="link" hx-get="/get-support-email" hx-swap="outerHTML">
+        <span>{{> icons/spinner}}</span>
+        Contact us
+      </button>
+    {{/if}}
+
+  </p>
+</footer>