Improve inline code style and website title

Author: SebastianGrans

assets/css/custom.css

@@ -2,4 +2,43 @@
 header a {
     font-family: 'Consolas', monospace;
     font-size: 1.2em;
+
+}
+
+header nav div a {
+    font-size: 2em;
+    padding: .3em .25em .3em .25em;
+    background-color: rgba(var(--color-neutral-100));
+    border-radius: 0.2em;
+    font-weight: 600;
+}
+
+header nav div a:is(.dark *) {
+    background-color: rgba(var(--color-neutral-700));
+}
+
+
+/* Remove the tick-marks around code snippets */
+.prose :where(code)::before {
+    all: unset;
+}
+
+.prose :where(code)::after {
+    all: unset;
+}
+
+
+/* Add bg color around inline code snippets. */
+.prose :where(code):not(:where([class~="highlight"], [class~="highlight"] *)) {
+    color: rgba(var(--color-primary-600));
+    white-space: pre;
+    padding: .15em .25em .05em .25em;
+    background-color: rgba(var(--color-neutral-100));
+    border-radius: 0.3em;
+}
+
+/* Slightly different colors when in darkmode */
+.prose :where(code):not(:where([class~="highlight"], [class~="highlight"] *)):is(.dark *) {
+    color: rgba(var(--color-primary-400));
+    background-color: rgba(var(--color-neutral-700), 0.5);
 }

config/_default/languages.en.toml

@@ -3,7 +3,7 @@ languageName = "English"
 languageDirection = "ltr"
 weight = 1
 
-title = "Output"
+title = "output"
 # copyright = "Copy, _right?_ :thinking_face:"
 
 [params]
@@ -18,49 +18,3 @@ title = "Output"
   # headline = "I'm only human"
   # bio = "A little bit about you"
   links = [{ github = "https://github.com/SebastianGrans" }]
-  #   { email = "mailto:hello@your_domain.com" },
-  #   { link = "https://link-to-some-website.com/" },
-  #   { amazon = "https://www.amazon.com/hz/wishlist/ls/wishlist-id" },
-  #   { apple = "https://www.apple.com" },
-  #   { blogger = "https://username.blogspot.com/" },
-  #   { codepen = "https://codepen.io/username" },
-  #   { dev = "https://dev.to/username" },
-  #   { discord = "https://discord.gg/invitecode" },
-  #   { dribbble = "https://dribbble.com/username" },
-  #   { facebook = "https://facebook.com/username" },
-  #   { flickr = "https://www.flickr.com/photos/username/" },
-  #   { foursquare = "https://foursquare.com/username" },
-  #   { github = "https://github.com/username" },
-  #   { gitlab = "https://gitlab.com/username" },
-  #   { google = "https://www.google.com/" },
-  #   { google-scholar = "https://scholar.google.com/citations?user=user-id" },
-  #   { hashnode = "https://username.hashnode.dev" },
-  #   { instagram = "https://instagram.com/username" },
-  #   { keybase = "https://keybase.io/username" },
-  #   { kickstarter = "https://www.kickstarter.com/profile/username" },
-  #   { lastfm = "https://lastfm.com/user/username" },
-  #   { linkedin = "https://linkedin.com/in/username" },
-  #   { mastodon = "https://mastodon.instance/@username" },
-  #   { medium = "https://medium.com/username" },
-  #   { mendeley = "https://www.mendeley.com/" },
-  #   { microsoft = "https://www.microsoft.com/" },
-  #   { orcid = "https://orcid.org/userid" },
-  #   { patreon = "https://www.patreon.com/username" },
-  #   { pinterest = "https://pinterest.com/username" },
-  #   { reddit = "https://reddit.com/user/username" },
-  #   { researchgate = "https://www.researchgate.net/profile/username" },
-  #   { slack = "https://workspace.url/team/userid" },
-  #   { snapchat = "https://snapchat.com/add/username" },
-  #   { soundcloud = "https://soundcloud.com/username" },
-  #   { stack-overflow = "https://stackoverflow.com/users/userid/username" },
-  #   { steam = "https://steamcommunity.com/profiles/userid" },
-  #   { telegram = "https://t.me/username" },
-  #   { threads = "https://threads.net/@username" },
-  #   { tiktok = "https://tiktok.com/@username" },
-  #   { tumblr = "https://username.tumblr.com" },
-  #   { twitch = "https://twitch.tv/username" },
-  #   { whatsapp = "https://wa.me/phone-number" },
-  #   { x-twitter = "https://twitter.com/username" },
-  #   { youtube = "https://youtube.com/username" },
-  #   { xing = "https://xing.com/profile/username" },
-  # ]

config/_default/params.toml

@@ -5,7 +5,7 @@
 # Refer to the theme docs for more details about each of these parameters.
 # https://jpanther.github.io/congo/docs/configuration/#theme-parameters
 
-colorScheme = "Cherry"
+colorScheme = "congo"
 defaultAppearance = "light" # valid options: light or dark
 autoSwitchAppearance = true
 
@@ -27,7 +27,7 @@ fingerprintAlgorithm = "sha256"
 
 [footer]
   showCopyright = false
-  showThemeAttribution = false
+  showThemeAttribution = true
   showAppearanceSwitcher = true
   showScrollToTop = true