This note demonstrates every visual element in your theme to verify the new settings.


1. Typography & Text

Heading 1 (Blue)

Heading 2 (Green)

Heading 3 (Purple)

Heading 4 (Teal)

Heading 5 (Blue Grey)
Heading 6 (BRIGHT YELLOW)

Bold Text should be CYAN. Italic Text should be GREEN (Your existing setting). Bold AND Italic should be BRIGHT GOLD.

Strikethrough Highlight

  • Internal Link: Markdown Visual Style Guide (Kitchen Sink)(Should be yellow in read mode)
  • External Link: Google (Blue)

Inline code: console.log("Hello World") -> Sky Blue (Cyan) text on dark navy background.


2. Checkboxes (System)

Based on your screenshot:

  • Standard
  • [-] Cancelled / Minus
  • [>] Rescheduled / Arrow
  • [<] Back Arrow
  • [?] Question
  • [!] Important / Exclamation
  • [*] Star
  • ["] Quote
  • [i] Info
  • [b] Bookmark
  • [l] Location
  • [$] Money
  • [u] Thumbs Up
  • [d] Thumbs Down
  • [S] Speech / Bubble (Try)
  • [I] Idea / Lightbulb (Try)

3. Callouts (Uniform - Colored Backgrounds)


4. Tables (Grid Layout)

Should have inner grid lines (squares) and be borderless on the outside.

IDNameRoleStatus
001Alice SmithAdminActive
002Bob JonesUserOffline
003Charlie DayModPending
004Dana WhiteUserActive

5. Code Blocks

JAVASCRIPT
// JavaScript
function test() {
  return "This is a code block";
}
Click to expand and view more
CSS
/* CSS */
.class {
  color: #FFD600;
}
Click to expand and view more

6. Color Reference (Your Theme)

UI Colors

  • H6: Bright Yellow (#FFD600)
  • Internal Links: Yellow (#FFD600)
  • External Links: Blue (#42a5f5)
  • Inline Code Background: Dark Navy (#1a2332)
  • Inline Code Text: Sky Blue Cyan (#7dd3fc)
  • Bold: Cyan (#8be9fd)
  • Italic: Green (Theme default)
  • Bold+Italic: Bright Gold (#FFD700)

Callout Colors

  • Note: Blue (#448AFF)
  • Info: Dark Purple (#9C27B0)
  • Todo: Light Green (#66BB6A)
  • Warning: Orange (#EC7500)
  • Error: Red (#E93147)
  • Example: Teal (#009688)