This is the detailed manual for heritage, the Zittme default theme. heritage is the official theme bundled with the core since 0.0.02. It takes the structure of the default layout from the XE era (two-level top menu · visual slider · sub LNB), rewrites it with template v2, and redesigns it for today. Dark mode and responsive design are supported out of the box.

Components

All components share the same design tokens (colors · typefaces · spacing), so the tone stays consistent whichever screen you move to. The default typeface is Pretendard.

Applying the theme

1. Go to Admin > Design settings.
2. Choose heritage in the theme list and click Apply.
3. The layout and each module skin are applied at once. To leave out specific components, uncheck them on the apply screen.

Applying a theme remembers the previous state, so you can always return to the state before it was applied. For the theme in use, the Delete button in the installed theme list is disabled.

All layout settings

Change these in Admin > Layout settings, or while viewing the site, in "Layout settings" on the front admin bar at the bottom left. Settings are divided into 4 groups (tabs).

Basic

Item	Default	Description
Layout type	Sub (left LNB menu)	Default type among Main (visual slider) / Sub (left LNB) / Sub (full content width). For per-page overrides, see "Page types" below
Logo image	None	Displayed at a height of 40px. If empty, the logo text is used
Logo text	None	If empty, the site title is displayed
Accent color	#6c5ce0	Determines buttons · links · active indicators as well as the board skin highlight color
Maximum content width	1180px	Narrow 1060 / Default 1180 / Wide 1320
Menu bar width	Match content width	Choosing "Fill 100% left to right" extends the bar background to the edges of the screen
Menu bar color	Dark	Dark / Accent color / Light
Color mode	Match visitor's device setting	Auto / Always light / Always dark

Home screen (visual slider)

Item	Default	Description
Show visual slider	Main type only	Main type only / Also show on subpages / Don't use. Not shown if no slides are registered
Auto-advance interval (seconds)	6	0 disables auto-advance
Visual slides	None	Repeating field. Register multiple slides with the Add button and drag to reorder

Items for each slide: background image, title, description, button label, button link, text alignment (left/center).

Content & side

Item	Default	Description
Use integrated search	On	Whether to show the search box in the header
Show login box in side	Off	Shows a login widget in the side area of sub (LNB) pages. When off, only the login link in the top menu is used

Footer

Item	Description
Site introduction	Introductory text on the left side of the footer
Business & contact information	Each line break is displayed as a separate item (company name · CEO · business registration number · address, etc.)
Copyright notice	Copyright at the bottom of the footer

The footer menu appears when you link items to "Footer menu" (footer_menu) in the site menu editor (1 level).

Page types (menu classes m / sl / sf)

heritage displays each page with one of three skeletons.

Type	Menu class	Appearance
Main	m	For the home screen, showing the main visual (slider)
Sub	sl	Regular inner pages. If the current menu has submenus, a left LNB is shown as well
Full-width sub	sf	Pages where the content uses the full width without an LNB

How to set it

1. Open a menu item in Admin > Site menu editor.
2. Enter one of m, sl, or sf in the Class field.
3. After saving, pages reached through that menu are displayed with that type.

Rules:

• Menus without a class follow the Layout type in the layout settings (default: Sub).
• If you set a class on a submenu, the submenu value takes priority over the parent on that page; if the submenu has none, it inherits the parent menu's class (up to 3 levels).
• You may write it in the class field alongside other classes, separated by spaces. Example: sf highlight
• Member · message · zittme Pay · integrated search screens automatically use full width if no class is set.

Combining with the main visual

• Visual display "Main type only" (default) + m on the home menu: the typical setup where the slider appears only on the home page
• Visual display "Also show on subpages": the slider appears at the top of every page regardless of type
• Visual display "Don't use": not shown anywhere

LNB (left submenu)

On sub (sl) pages, if the current top-level menu has submenus, a submenu list automatically appears on the left. Menus without submenus show only the content without an LNB. Set pages that don't need an LNB to sf.

Top menu (GNB)

• Items linked to "Top menu" (gnb) in the site menu editor are displayed, supporting up to 3 levels. Hovering over a top-level menu expands its submenus.
• Change the menu bar color (dark/accent/light) and width (content width/full width) in the Basic group of the layout settings.
• Log in/log out, the dark mode toggle, and the integrated search box are shown at the top right.

Board skin

Choose heritage_default in Board settings > Skin settings. It is responsive, so you don't need a separate mobile skin.

• The list display style follows the board settings.
• The comment count is shown as [N] next to the title.
• The new post (N) badge follows the board's "New post display time" setting (default 24 hours).
• The highlight color is linked to the layout's accent color.

Dark mode

• With color mode set to "Auto", it follows the visitor's device light/dark setting, and visitors can also switch it themselves with the toggle button in the header (saved per device).
• Board · member · message · commerce skins switch along with it.
• If your logo image is hard to see on a dark background, we recommend a transparent-background logo instead of one made for light backgrounds.

Customization (CSS variables)

heritage manages colors with CSS variables. The accent color alone covers most needs, but for finer changes, redefine the variables in a child CSS. Editing layout files directly may be overwritten when the theme is updated.

Variable	Meaning
--hr-brand	Accent color (injected from the layout setting)
--hr-ink	Body text color
--hr-muted	Secondary text color
--hr-bg	Page background
--hr-surface	Card and panel background
--hr-line	Divider
--hr-nav-bg	Menu bar background
--hr-w	Maximum content width (layout setting value)

Building the main page

We recommend combining the heritage layout with the Unified content widget. Set the home menu to m (main type) to show the visual slider, then stack Unified content widgets row by row in the page body below it to complete a portal-style home page. Choose the "Heritage" widget skin to keep the look consistent with the boards. For details, see the "Integrated content widget" document in the official materials.

Frequently asked questions

• The visual slider doesn't appear: Check in this order: ① at least one slide is registered ② visual display is not set to "Don't use" ③ the current page is main type (m) (when the display setting is "Main type only").
• The left menu (LNB) doesn't appear: The page must be sub type (sl), and the current top-level menu must have submenus.
• Dark mode isn't applied: Check that color mode isn't fixed to "Always light".
• Some module screens use the default design: Check that heritage_default is selected as the skin in that module's settings. If you unchecked it when applying the theme, you can choose it again individually.
• I changed the accent color, but only part of it changed: This may be due to caching. Go to Admin > Regenerate cache, then refresh.
• The Write · List buttons or the Views · Votes labels in the board list don't appear: This is an issue in 1.0.4 and earlier. Upgrade to 1.0.5 or later, then go to Admin > Regenerate cache.
• Some text shows in Korean when viewing in another language: 1.0.5 cleaned up the hard-coded Korean text left in the skins. Commerce screens require Commerce 0.2.7 or later, and reservation screens require the Reservation module to be up to date as well.