Images in documentation (#173)

* docs images

* images in documentation

* logos

* update colours to orange-related

docs-site/docs/features/in-progress-board.md

@@ -9,6 +9,8 @@ sidebar_position: 3
 
 The In Progress Board is a kanban view for jobs that have moved beyond initial application.
 
+![In Progress Board kanban lanes](/img/features/in-progress-board.png)
+
 It groups jobs into post-application lanes:
 
 - Recruiter Screen

docs-site/docs/features/job-search-bar.md

@@ -7,6 +7,8 @@ sidebar_position: 3
 
 The Job Search Bar is the quickest way to jump to any job from the Jobs page.
 
+![Job search command bar](/img/features/job-search-bar.png)
+
 ## Open it
 
 Use either:

docs-site/docs/features/orchestrator.md

@@ -9,6 +9,8 @@ sidebar_position: 1
 
 The Orchestrator is the primary jobs workspace in JobOps.
 
+![Orchestrator jobs workspace](/img/features/orchestrator-jobs.png)
+
 It controls:
 
 - job lifecycle states

docs-site/docs/features/overview.md

@@ -9,12 +9,20 @@ sidebar_position: 1
 
 The Overview page is the analytics dashboard for your pipeline outcomes.
 
+![Overview dashboard](/img/features/overview-dashboard.png)
+
 It visualizes:
 
 - Applications per day
 - Application-to-response conversion
 - Funnel progression (Applied, Screening, Interview, Offer, Rejected)
 
+### Graph-level views
+
+![Applications per day graph](/img/features/overview-applications-graph.png)
+
+![Funnel progression graph](/img/features/overview-funnel-graph.png)
+
 ## Why it exists
 
 The page helps you measure whether your current sourcing and tailoring approach is producing responses, not just applications.

docs-site/docs/features/post-application-tracking.md

@@ -7,6 +7,8 @@ sidebar_position: 3
 
 The Tracking Inbox monitors Gmail for job-application responses and updates timelines.
 
+![Tracking Inbox review queue](/img/features/tracking-inbox.png)
+
 ## Overview
 
 1. Scans Gmail for recruitment-related emails

docs-site/docs/features/settings.md

@@ -9,6 +9,8 @@ sidebar_position: 2
 
 The Settings page is the control center for app-wide behavior.
 
+![Settings page sections](/img/features/settings.png)
+
 It lets you configure:
 
 - LLM provider and models
@@ -36,6 +38,8 @@ Settings gives you runtime overrides for the key parts of discovery, scoring, ta
 
 ### Model
 
+![Model settings section](/img/features/settings-model-section.png)
+
 - Choose provider (`openrouter`, `lmstudio`, `ollama`, `openai`, `gemini`)
 - Set provider-specific base URL/API key when required
 - Configure default model plus task-specific overrides:
@@ -45,16 +49,22 @@ Settings gives you runtime overrides for the key parts of discovery, scoring, ta
 
 ### Webhooks
 
+![Webhooks settings section](/img/features/settings-webhooks-section.png)
+
 - Pipeline status webhook: called on run completion/failure
 - Job completion webhook: called when a job is marked applied
 - Optional webhook secret (sent as bearer token)
 
 ### Display Settings
 
+![Display settings section](/img/features/settings-display-section.png)
+
 - Toggle visa sponsor badge visibility in job lists/details
 
 ### Ghostwriter
 
+![Ghostwriter settings section](/img/features/settings-ghostwriter-section.png)
+
 - Set global writing defaults:
   - Tone
   - Formality
@@ -63,6 +73,8 @@ Settings gives you runtime overrides for the key parts of discovery, scoring, ta
 
 ### Reactive Resume
 
+![Reactive Resume settings section](/img/features/settings-reactive-resume-section.png)
+
 - Select a template/base resume
 - Configure project selection behavior:
   - Max projects
@@ -74,10 +86,12 @@ Settings gives you runtime overrides for the key parts of discovery, scoring, ta
 - Configure service accounts:
   - RxResume email/password
   - UKVisaJobs email/password
-- Optional basic authentication for write operations
+  - Optional basic authentication for write operations
 
 ### Backup
 
+![Backup settings section](/img/features/settings-backup-section.png)
+
 - Enable/disable automatic daily backups
 - Configure backup hour (UTC) and max retained backups
 - Create or delete backups manually
@@ -85,12 +99,16 @@ Settings gives you runtime overrides for the key parts of discovery, scoring, ta
 
 ### Scoring Settings
 
+![Scoring settings section](/img/features/settings-scoring-section.png)
+
 - Penalize missing salary data
 - Set penalty amount
 - Optional auto-skip threshold for low-score jobs
 
 ### Danger Zone
 
+![Danger Zone settings section](/img/features/settings-danger-zone-section.png)
+
 - Clear jobs by selected statuses
 - Clear jobs below a score threshold
 - Clear the full database

docs-site/docusaurus.config.ts

@@ -14,7 +14,7 @@ const siteBaseUrl = normalizedBaseUrl.endsWith("/")
 const config: Config = {
   title: "JobOps Documentation",
   tagline: "Self-hosted job search automation docs",
-  favicon: "img/favicon.ico",
+  favicon: "img/favicon.png",
   future: {
     v4: true,
   },
@@ -54,7 +54,7 @@ const config: Config = {
       title: "JobOps Docs",
       logo: {
         alt: "JobOps",
-        src: "img/logo.svg",
+        src: "img/favicon.png",
       },
       items: [
         {

docs-site/src/css/custom.css

@@ -6,25 +6,25 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #2e8555;
+  --ifm-color-primary: oklch(0.6171 0.1375 39.0427);
-  --ifm-color-primary-dark: #29784c;
+  --ifm-color-primary-dark: oklch(0.58 0.1375 39.0427);
-  --ifm-color-primary-darker: #277148;
+  --ifm-color-primary-darker: oklch(0.56 0.1375 39.0427);
-  --ifm-color-primary-darkest: #205d3b;
+  --ifm-color-primary-darkest: oklch(0.52 0.1375 39.0427);
-  --ifm-color-primary-light: #33925d;
+  --ifm-color-primary-light: oklch(0.66 0.1375 39.0427);
-  --ifm-color-primary-lighter: #359962;
+  --ifm-color-primary-lighter: oklch(0.69 0.1375 39.0427);
-  --ifm-color-primary-lightest: #3cad6e;
+  --ifm-color-primary-lightest: oklch(0.73 0.1375 39.0427);
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme="dark"] {
-  --ifm-color-primary: #25c2a0;
+  --ifm-color-primary: oklch(0.6724 0.1308 38.7559);
-  --ifm-color-primary-dark: #21af90;
+  --ifm-color-primary-dark: oklch(0.63 0.1308 38.7559);
-  --ifm-color-primary-darker: #1fa588;
+  --ifm-color-primary-darker: oklch(0.6 0.1308 38.7559);
-  --ifm-color-primary-darkest: #1a8870;
+  --ifm-color-primary-darkest: oklch(0.56 0.1308 38.7559);
-  --ifm-color-primary-light: #29d5b0;
+  --ifm-color-primary-light: oklch(0.71 0.1308 38.7559);
-  --ifm-color-primary-lighter: #32d8b4;
+  --ifm-color-primary-lighter: oklch(0.75 0.1308 38.7559);
-  --ifm-color-primary-lightest: #4fddbf;
+  --ifm-color-primary-lightest: oklch(0.79 0.1308 38.7559);
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }