Deliver and use Source Code Pro font

financer-web-client/src/main/resources/static/changelog.txt

@@ -1,6 +1,7 @@
 v44 -> v45:
 - #5 Having no periods breaks the "expenses per period" graph on the account overview page
 - #14 Introduce toggleable dark mode
+- Deliver and use Source Code Pro font
 
 v43 -> v44:
 - #8: Remove hard dependency on push-service - integrate new release of push-service

financer-web-client/src/main/resources/static/css/main.css

@@ -4,9 +4,28 @@
 }
 /* --------------------- */
 
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(font/SourceCodePro_Regular_400.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url(font/SourceCodePro_Bold_600.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
 body {
     color: var(--text-color);
     background-color: var(--background-color);
+    font-family: 'Source Code Pro', monospace;
 }
 
 a {
@@ -217,12 +236,12 @@ input[type=submit] {
 }
 
 #cal th {
-    border-bottom: 1px solid #ddd;
-    border-right: 1px solid #ddd;
+    border-bottom: 1px solid var(--border-color);
+    border-right: 1px solid var(--border-color);
 }
 
 #cal th:nth-last-child(1) {
-    border-right: 0px solid #ddd;
+    border-right: 0px solid var(--border-color);
 }
 
 #cal-control-con {
@@ -300,17 +319,17 @@ input[type=submit] {
 
 .cal-day {
   vertical-align: top;
-    border-bottom: 1px solid #ddd;
-    border-right: 1px solid #ddd;
+    border-bottom: 1px solid var(--border-color);
+    border-right: 1px solid var(--border-color);
 }
 
 .cal-calendarweek {
-    border-right: 1px solid #ddd;
-    border-bottom: 1px solid #ddd;
+    border-right: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-color);
 }
 
 .cal-week-row td:nth-last-child(1) {
-    border-right: 0px solid #ddd;
+    border-right: 0px solid var(--border-color);
 }
 
 .cal-day-con-today {