From 6f9182a88713d3262642aad2b85e1281421d090c Mon Sep 17 00:00:00 2001
From: June Hardy <june@lacoloc.cafe>
Date: Wed, 21 Apr 2021 23:48:17 +0200
Subject: [PATCH] Add DarkMode based on izmcm/LinkFree

---
 sass/darkmode.scss | 78 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 78 insertions(+)
 create mode 100644 sass/darkmode.scss

diff --git a/sass/darkmode.scss b/sass/darkmode.scss
new file mode 100644
index 0000000..4ddca1e
--- /dev/null
+++ b/sass/darkmode.scss
@@ -0,0 +1,78 @@
+/* 
+    DarkMode style sheet is based on the work of izmcm :
+    https://github.com/MichaelBarney/LinkFree/commits/master/Templates/DarkMode/ 
+*/
+
+:root {
+    --bgColor:#1C1C1C;
+    --accentColor: #E6E6E6;
+    --font: 'b612', sans-serif;
+}
+
+@font-face {
+    font-family: 'b612';
+    src: url('fonts/b612-regular.ttf') format('truetype');
+}
+
+body{
+    background-color: var(--bgColor);
+}
+
+#userPhoto{
+    width: 110px;
+    height: 110px;
+    display: block;
+    margin: 35px auto 20px;
+    border-radius: 50%;
+}
+
+#userName{
+    color: #bbb;
+    font-size: 1rem;
+    font-weight: 600;
+    line-height: 1.25;
+    display: block;
+    font-family: var(--font);
+    width: 100%;
+    text-align: center;
+    text-decoration: none;
+}
+
+#links{
+    max-width: 675px;
+    width: auto;
+    display: block;
+    margin: 27px auto;
+}
+.link{
+    display: block;
+    background-color: var(--accentColor);
+    color: var(--bgColor);
+    font-family: var(--font);
+    text-align: center;
+    margin-bottom: 20px;
+    padding: 17px;
+    text-decoration: none;
+    font-size: 1rem;
+    transition: all .25s cubic-bezier(.08,.59,.29,.99);
+    border: solid var(--accentColor) 2px;
+}
+
+.link:hover{
+    background-color: var(--bgColor);
+    color: var(--accentColor);
+}
+
+footer{
+    text-align: center;
+
+    color: #bbb;
+
+    font-family: var(--font);
+    font-size: 0.75rem;
+    font-weight: 400;
+}
+
+footer a {
+    color: var(--accentColor)
+}
\ No newline at end of file