+
{#if typeof(parent[0]) == "string"}
-
{ parent[0] }
+
{ parent[0] }
{:else}
-
+
{/if}
diff --git a/templates/index.html b/templates/index.html
index a4c81e6..3155256 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -9,15 +9,15 @@
theme: {
extend: {
colors: {
- primary: '#1E3A8A', //blue-900
+
+ primary: '#1e3a8a', //blue-900
primary_light: '#FAFAFA', //neutral-50
neutral_light: '#737373', // neutral-400
neutral_dark: '#262626', // neutral-800
secondary: '#6B21A8', // purple-800
- primary_medium: '#60A5FA', //blue-400
- //white: '#ffffff',
- lightGradOne: '#DBEAFE', //blue-100
- lightGradTwo: '#F3E8FF', //purple-100
+ // primary_medium: '#60A5FA', //blue-400
+ gradOne: '#DBEAFE', //blue-100
+ gradTwo: '#F3E8FF', //purple-100
},
},
fontFamily: {
@@ -26,6 +26,33 @@
}
}
}
+
+ function darkmode(){
+ return;
+ tailwind.config.theme.extend.colors.primary = '#787A91';
+ tailwind.config.theme.extend.colors.primary_light = '#262626';
+ tailwind.config.theme.extend.colors.neutral_light = '#737373';
+ tailwind.config.theme.extend.colors.neutral_dark = '#FAFAFA';
+ tailwind.config.theme.extend.colors.secondary = '#FAFAFA';
+ tailwind.config.theme.extend.colors.gradOne = '#444444';
+ tailwind.config.theme.extend.colors.gradTwo = '#171717';
+ tailwind.config.theme.extend.colors.primary_medium = '#141E61';
+ }
+
+ function lightmode(){
+ tailwind.config.theme.extend.colors.primary = '#1E3A8A';
+ tailwind.config.theme.extend.colors.primary_light = '#FAFAFA';
+ tailwind.config.theme.extend.colors.neutral_light = '#737373';
+ tailwind.config.theme.extend.colors.neutral_dark = '#262626';
+ tailwind.config.theme.extend.colors.secondary = '#6B21A8';
+ tailwind.config.theme.extend.colors.gradOne = '#DBEAFE';
+ tailwind.config.theme.extend.colors.gradTwo = '#F3E8FF';
+ tailwind.config.theme.extend.colors.primary_medium = '#60A5FA';
+ }
+
+ window.matchMedia("(prefers-color-scheme: dark)").matches ? darkmode() : lightmode();
+
+ window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", e => e.matches ? darkmode() : lightmode() );
@@ -44,7 +71,7 @@
-
+