THEMES.md

Themes

Themes for the Guide plugin for Craft CMS. Copy and paste the CSS code below into the "Custom CSS" field on the Guide plugin settings page.

---

Craft CMS-Inspired

By @wbrowar

--guide-color-bg:
--guide-color-border:
--guide-color-code-bg:
--guide-color-link:
--guide-color-link-hover:
--guide-color-link-active:
--guide-color-text:
--guide-color-button-bg:

:root {
  --guide-color-bg: rgba(52, 63, 76, .9);
  --guide-color-border: rgb(115, 127, 139);
  --guide-color-code-bg: rgba(0, 150, 255, .3);
  --guide-color-link: rgb(219, 81, 61);
  --guide-color-link-hover: rgb(13, 126, 242);
  --guide-color-link-active: rgb(10, 96, 194);
  --guide-color-text: rgb(240, 240, 240);
  --guide-color-button-bg: rgb(0, 150, 255);
}

---

Reds

By @wbrowar

--guide-color-bg:
--guide-bg:
--guide-color-border:
--guide-color-button-bg:
--guide-color-code-bg:
--guide-color-link:
--guide-color-link-hover:
--guide-color-link-active:
--guide-color-table-head-bg:
--guide-color-text:

:root {
  --guide-color-bg: rgb(218, 81, 61);
  --guide-bg: linear-gradient(to bottom, rgb(218, 81, 61), rgb(210, 63, 40));
  --guide-color-border: rgb(170, 150, 150);
  --guide-color-button-bg: rgb(210, 63, 40);
  --guide-color-code-bg: rgba(218, 81, 61, .2);
  --guide-color-link: rgb(120, 36, 23);
  --guide-color-link-hover: rgb(197, 59, 38);
  --guide-color-link-active: rgb(171, 51, 33);
  --guide-color-table-head-bg: rgb(163, 49, 31);
  --guide-color-text: rgb(240, 200, 190);
}

---