in root.html). Outputs custom og:image with assets_prefix normalisation and non-Google site verification. --> Theme Customizer | zer0-mistakes in _layouts/root.html. What this file adds: - Custom og:image with preview_images.assets_prefix path normalisation for the theme-specific page.preview and page.header.og_image keys. When page.image is set, jekyll-seo-tag handles og:image and this file skips its own og:image output to avoid duplicate tags. - Non-Google site verification tags (Bing, Yandex, Naver, Baidu) Dependencies: - jekyll-seo-tag plugin (loaded in _layouts/root.html via Theme Customizer | zer0-mistakes ) - site.preview_images config in _config.yml =================================================================== --> Theme Customizer | zer0-mistakes Skip to main content
Settings
Search
Appearance
Theme Mode
About
Jekyll v3.10.0
Environment Production
Last Build
2026-04-10 14:49 UTC
Current Environment Production
Build Time Apr 10, 14:49
Jekyll v3.10.0
Build env (JEKYLL_ENV) production
Page Location
Page Info
Layout admin
Collection about
Path _about/settings/theme.md
URL /about/settings/theme/
Date 2026-04-10
Theme Skin
SVG Backgrounds
Layer Opacity
0.6
0.04
0.08

Theme Customizer

Preview theme skins, generate palettes, customize CSS variables, and export YAML configuration.

Updated Apr 05, 2026
Mode:
Skin:

Current skin: dark. Click a card to preview (page-level only — does not persist).

air
Click to preview
aqua
Click to preview
contrast
Click to preview
dark
Active
dirt
Click to preview
neon
Click to preview
mint
Click to preview
plum
Click to preview
sunrise
Click to preview

Edit any built-in skin or create your own. Adjust gradient colors, preview palettes, tune the SVG filter, then apply live.

Gradient Colors
Gradient Preview
Advanced: SVG Filter Controls
Tip: Click any swatch to copy its hex code. Use Save Custom to persist your skin in localStorage. Use Apply Live to see your changes on this page instantly.

Generate harmonious color palettes from a base color using color theory algorithms.

Edit Bootstrap CSS variables below. Changes render instantly on this page.

Changes are live on this page only. Use the Export tab to copy your configuration for permanent use.

Edit theme color values below. Changes are reflected in the Export tab.

Theme Configuration YAML
Loading...