Adding custom fonts
[gitweb-theme-danix.git] / gitweb-danixland / gitweb.css
index 7605ef2..a157fdc 100644 (file)
@@ -1,3 +1,7 @@
+/* Fonts
+------------------------------------------------------------------------- */
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap');
+
 /* Reset
 ------------------------------------------------------------------------- */
 
@@ -49,6 +53,7 @@ a { outline: none; }
   --fg: #393E46;
   --link: #CF4DCE;
   --border: 34,40,49,0.035;
+  --accent: #FD7014;
 }
 @media screen and (prefers-color-scheme: dark) {
   :root {
@@ -60,7 +65,7 @@ a { outline: none; }
 }
 
 
-/* General - light theme
+/* General
 ---------------------------------------------------------------------------- */
 
 html {
@@ -69,7 +74,7 @@ html {
 }
 
 body {
-  font: 13px Helvetica,arial,freesans,clean,sans-serif;
+  font: 13px 'Montserrat',Helvetica,arial,freesans,clean,sans-serif;
   line-height: 1.4;
   margin: 0 0 105px;
   background-color: var(--bg);
@@ -78,7 +83,7 @@ body {
 
 /* Monospaced Fonts */
 .sha1, .mode, .diff_tree .list, .pre, .diff, .patchset {
-  font-family: 'Consolas','Bitstream Vera Sans Mono',monospace;
+  font-family: 'Red Hat Mono','Consolas','Bitstream Vera Sans Mono',monospace;
 }
 
 a:link, a:visited {
@@ -780,3 +785,21 @@ td.pre, div.pre, div.diff {
 .kwc    { color:#d4663d; }
 .kwd    { color:#2928ff; }
 
+/*
+ * Styling for my custom added sections
+ */
+
+/* Header */
+div.site-header {
+  background-color: var(--bg-alt);
+  color: var(--fg);
+  padding: 1em;
+}
+div.site-header h1 {
+  text-transform: uppercase;
+  font-size: 2em;
+}
+div.site-header h1 span.evident {
+  background-color: var(--accent);
+  color: var(--bg);
+}