2 files changed, 103 insertions, 0 deletions
diff --git a/app/genealogy/styles/common.css b/app/genealogy/styles/common.css
new file mode 100644
index 0000000..2973aab
--- /dev/null
+++ b/app/genealogy/styles/common.css
@@ -0,0 +1,49 @@
+@import "dark.css";
+
+@font-face {
+    font-family: "Nunito";
+    src: url("/fonts/Nunito-VariableFont_wght.ttf");
+    font-weight: 125 950;
+    font-stretch: 75% 125%;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Nunito";
+    src: url("/fonts/Nunito-Italic-VariableFont_wght.ttf");
+    font-weight: 125 950;
+    font-stretch: 75% 125%;
+    font-style: italic;
+}
+
+* {
+    font-family: "Nunito", sans-serif !important;
+}
+
+body, html {
+    margin: 0;
+    overflow-x: hidden;
+    height: 100%;
+}
+
+center {
+    display: block;
+    text-align: center;
+}
+
+.list-group-item.d-flex.justify-content-between.align-items-center {
+    flex-wrap: wrap;
+}
+
+.big-head {
+    font-size: 64px;
+}
+
+big {
+    font-size: 64px;
+    vertical-align: middle;
+}
+
+nav.navbar.navbar-expand-sm.bg-dark.navbar-dark {
+    background-color: #333 !important;
+}
diff --git a/app/genealogy/styles/dark.css b/app/genealogy/styles/dark.css
new file mode 100644
index 0000000..20f5dce
--- /dev/null
+++ b/app/genealogy/styles/dark.css
@@ -0,0 +1,54 @@
+@media (prefers-color-scheme: dark) {
+
+    nav.navbar {
+        background-color: #252525 !important;
+        color: white !important;
+    }
+
+    nav.navbar .navbar-brand {
+        color: #ffffff !important;
+    }
+
+    nav.navbar .navbar-brand:hover {
+        color: rgba(255, 255, 255, 0.9) !important;
+    }
+
+    nav.navbar .navbar-brand:focus, nav.navbar .navbar-brand:active {
+        color: rgba(255, 255, 255, 0.75) !important;
+    }
+
+    nav.navbar .nav-link {
+        color: white !important;
+    }
+
+    nav.navbar .nav-link:hover {
+        color: white !important;
+    }
+
+    nav.navbar .nav-link:focus, nav.navbar .nav-link:active {
+        color: white !important;
+    }
+
+    nav.navbar .navbar-text {
+        color: rgba(255,255,255,.5);
+    }
+
+    html, body {
+        background: black !important;
+        color: white !important;
+    }
+
+    .list-group-item {
+        background-color: #151515 !important;
+    }
+
+    .card-header, .card-footer {
+        background-color: rgba(255,255,255,.03) !important;
+        border-bottom: 1px solid rgba(255,255,255,.125) !important;
+    }
+
+    .card {
+        background-color: #151515 !important;
+    }
+
+}
+\ No newline at end of file