Catppuccin theme --> Added setup for enabling and using the theme, wi…

…ll continue to fix and prettify the newbie guide through theme *fingers crossed*

.devcontainer/Dockerfile

@@ -0,0 +1,14 @@
+# [Choice] Debian OS version (use bullseye on local arm64/Apple Silicon): bullseye, buster
+ARG VARIANT=bullseye
+FROM mcr.microsoft.com/vscode/devcontainers/ruby:0-${VARIANT}
+
+# [Choice] Node.js version: none, lts/*, 16, 14, 12, 10
+ARG NODE_VERSION="lts/*"
+RUN if [ "${NODE_VERSION}" != "none" ]; then su vscode -c "umask 0002 && . /usr/local/share/nvm/nvm.sh && nvm install ${NODE_VERSION} 2>&1"; fi
+
+# [Optional] Uncomment this section to install additional OS packages
+# RUN apt-get update && export DEBIAN_FRONTEND=noninteractive \
+#     && apt-get -y install --no-install-recommends <your-package-list-here>
+
+# [Optional] Uncomment this line to install global node packages
+# RUN su vscode -c "source /usr/local/share/nvm/nvm.sh && npm install -g <insert global packages>" 2>&1

.devcontainer/devcontainer.json

@@ -1,14 +1,17 @@
 // For format details, see https://aka.ms/devcontainer.json. For config options, see the
 // README at: https://github.com/devcontainers/templates/tree/main/src/debian
 {
-	"name": "Debian",
+	"name": "Ruby",
 	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
-	"image": "mcr.microsoft.com/devcontainers/base:bullseye",
-	"features": {
-		"ghcr.io/devcontainers/features/ruby:1": {}
+	"build": {
+		// Path is relative to the devcontainer.json file.
+		"dockerfile": "Dockerfile"
 	},
-	// Features to add to the dev container. More info: https://containers.dev/features.
-	// "features": {},
+	// // Features to add to the dev container. More info: https://containers.dev/features.
+	// "image": "mcr.microsoft.com/devcontainers/base:bullseye",
+	// "features": {
+	// 	"ghcr.io/devcontainers/features/ruby:1": {}
+	// },
 	// Use 'forwardPorts' to make a list of ports inside the container available locally.
 	"forwardPorts": [
 		// Jekyll server
@@ -17,7 +20,7 @@
 		35729
 	],
 	// Use 'postCreateCommand' to run commands after the container is created.
-	"postCreateCommand": "sh .devcontainer/install-dependencies.sh"
+	"postCreateCommand": "sh .devcontainer/install-webdev-dependencies.sh"
 	// Configure tool-specific properties.
 	// "customizations": {},
 	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.

.devcontainer/install-dependencies.sh → .devcontainer/install-webdev-dependencies.sh

@@ -5,7 +5,7 @@ if [ -f Gemfile.lock ] && grep "BUNDLED WITH" Gemfile.lock > /dev/null; then
     cat Gemfile.lock | tail -n 2 | grep -C2 "BUNDLED WITH" | tail -n 1 | xargs gem install bundler -v
 fi
 
-# Enter directory where website/ Gemfile is stored 
+# Enter directory where website/ Gemfile is stored.
 cd docs
 
 # If there's a Gemfile, then run `bundle install`
@@ -14,5 +14,5 @@ if [ -f Gemfile ]; then
     bundle install
 fi
 
-# Return (not necessary)
-cd ..
+# Install Catpuccin themes locally.
+npm install @catppuccin/palette

docs/Gemfile.lock

@@ -37,7 +37,12 @@ GEM
       faraday-net_http (>= 2.0, < 3.2)
     faraday-net_http (3.1.0)
       net-http
-    ffi (1.16.3)
+    ffi (1.17.0-aarch64-linux-gnu)
+    ffi (1.17.0-arm-linux-gnu)
+    ffi (1.17.0-arm64-darwin)
+    ffi (1.17.0-x86-linux-gnu)
+    ffi (1.17.0-x86_64-darwin)
+    ffi (1.17.0-x86_64-linux-gnu)
     forwardable-extended (2.6.0)
     gemoji (4.1.0)
     github-pages (231)

docs/_config.yml

@@ -84,7 +84,11 @@ just_the_docs:
       name: Resources
       nav_fold: false
 
-# Define default color scheme
-
-color_scheme: custom-light
+# Define sass
+sass:
+  load_paths:
+    - _sass/
+    - node_modules/@catppuccin/palette/scss/
 
+# Define default color scheme
+color_scheme: catppuccin_latte

docs/_sass/color_schemes/catppuccin_latte.scss

@@ -0,0 +1,15 @@
+// Style recommendations: https://github.com/catppuccin/catppuccin/blob/main/docs/style-guide.md
+@import "latte";
+
+$body-background-color: $white;
+$body-heading-color: $subtext1;
+$body-text-color: $text;
+$link-color: $sapphire;
+$nav-child-link-color: $sapphire;
+$sidebar-color: $base;
+$base-button-color: $white;
+$btn-primary-color: $overlay0;
+$code-background-color: $text;
+$table-background-color: $white;
+$search-background-color: $white;
+$search-result-preview-color: $crust;

docs/_sass/color_schemes/catppuccin_mocha.scss

@@ -0,0 +1,15 @@
+// Style recommendations: https://github.com/catppuccin/catppuccin/blob/main/docs/style-guide.md
+@import "mocha";
+
+$body-background-color: $base;
+$body-heading-color: $subtext1;
+$body-text-color: $text;
+$link-color: $sapphire;
+$nav-child-link-color: $sapphire;
+$sidebar-color: $mantle;
+$base-button-color: #f7f7f7;
+$btn-primary-color: $overlay0;
+$code-background-color: $text;
+$table-background-color: $base;
+$search-background-color: $base;
+$search-result-preview-color: $crust;

docs/_sass/custom/custom.scss

@@ -3,12 +3,18 @@
 // To do this, put your styles in the file _sass/custom/custom.scss
 // This will allow for all overrides to be kept in a single file, and for any upstream changes to still be applied
 
+// General theme components
 
+
+
+// Unique structures 
 .callout-toby {
     background-color: #F8F8F0; 
     border-left: 5px solid #66D9EF;
     border-radius: 5px; // rounded edge
     padding: 0.5rem; // left side padding
     margin-top: .4rem; 
     margin-bottom: .4rem; 
-  }
+  }
+
+

docs/_sections/_guide-general/rulebook.md

@@ -1,5 +1,5 @@
 ---
-layout: page
+layout: default
 title: Rulebook
 nav_include: true
 nav_order: 3