Additional Website Styling

_quarto.yml

@@ -11,7 +11,7 @@ website:
   issue-url: https://github.com/digihistch24/book-of-abstracts/issues/new/choose
   repo-actions: [edit, issue]
   page-navigation: true
-  bread-crumbs: true
+  bread-crumbs: false
   back-to-top-navigation: true
   search:
     show-item-context: true
@@ -67,14 +67,15 @@ format:
     link-external-icon: true
     link-external-newwindow: true
     toc: true
-    theme: cosmo
+    theme:
+      light: [cosmo, styles.css]
+      dark: [darkly, theme-dark.css]
     code-block-border-left: '#a5d7d2'
     code-block-bg: true
     code-copy: true
     code-fold: true
     code-tools: true
     code-overflow: wrap
-    css: styles.css
     include-in-header:
       - custom-header.html
     license: CC BY-SA 4.0

index.qmd

@@ -20,4 +20,10 @@ The DigiHistCH24 conference on "Historical Research, Digital Literacy, and Algor
 
 This book of abstracts contains all the papers presented at the conference, providing a comprehensive overview of current research at the intersection of history and digital technology. These papers cover a range of topics, from innovative methodologies and software applications to the challenges of digital data management and algorithmic analysis in historical research.
 
-We are pleased to present this collection, which reflects the state of the art in digital history, and anticipate that the discussions it stimulates will make a significant contribution to the field.
+We are pleased to present this collection, which reflects the state of the art in digital history, and anticipate that the discussions it stimulates will make a significant contribution to the field.
+
+::: {.callout-tip}
+## DigiHistCH24 Registration
+
+We are looking forward to seeing you in Basel! Please don't forget to [register](https://conferences.unibas.ch/frontend/index.php?page_id=1424&booking_registration_action=show&booking_registration_controller=offer) for attending DigiHistCH24!.
+:::

styles.css

@@ -64,3 +64,24 @@
 	src: url('fonts/jost-v15-latin-700italic.woff2') format('woff2');
 	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
+
+/*-- scss:defaults --*/
+
+.navbar a:hover {
+	color: inherit;
+	text-decoration: underline;
+	text-decoration-color: #ff3cc7;
+	text-decoration-thickness: 3px;
+}
+
+.navbar li.nav-item a.nav-link {
+	color: #181818;
+}
+
+.quarto-category {
+	color: #181818;
+}
+
+::selection {
+	background-color: #a5d7d2;
+}

theme-dark.css

@@ -0,0 +1,33 @@
+/*-- scss:defaults --*/
+$body-color: #ccc9c9;
+$link-color: #f0f600;
+$body-bg: #181818;
+
+$navbar-bg: #4c1a57;
+$navbar-padding-y: 0.5rem !default;
+
+/*-- Code blocks --*/
+$code-block-bg-alpha: -0.8;
+$code-block-border-left: #f0f600;
+
+/*-- inline code blocks --*/
+$code-bg: #4c1a57;
+$code-color: #ccc9c9;
+
+.navbar a:hover {
+	text-decoration: underline;
+	text-decoration-color: #f0f600; /* Different color for dark mode */
+	text-decoration-thickness: 3px; /* Thicker underline in dark mode */
+}
+
+.navbar li.nav-item a.nav-link {
+	color: #ccc9c9;
+}
+
+.quarto-category {
+	color: #f0f600;
+}
+
+::selection {
+	background-color: #4c1a57;
+}