_import.html

{@ // PHP Variables }
<include cond="!$theme" target="_config.php" />

{@ 
  $li = $layout_info;

  // 컬러모드 구분을 위한 쿠키 체크
  if(!$layout_info->color_scheme && $_COOKIE['is_dark_theme'])
    $color_scheme = $_COOKIE['is_dark_theme'];

  // 컬러 모드
  if($color_scheme !== "light")
    $is_darkmode = $color_scheme;

  // theme 선언
  $theme = new theme();
  $theme->variables = $theme->getVariables($is_darkmode);

  // 컬러 모드를 변수로 전달
  $theme->variables['dark-mode'] = $is_darkmode;

  // 레이아웃 설정을 변수로 전달
  if($layout_info->primary_color)
    $theme->variables['color-primary'] = $layout_info->primary_color;
}


<!--@if($layout_info->font_family === 'noto_sans')-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap" rel="stylesheet">
{@
  $theme->variables['font-family'] = "'Noto Sans KR', 'Noto Sans Korean', -apple-system, 'SF Pro Display', 'Helvetica Neue',  'Apple SD Gothic Neo', 'Roboto', 'Noto Sans KR', 'Malgun Gothic', sans-serif";
}
<!--@elseif($layout_info->font_family === 'none')-->
{@
  $theme->variables['font-family'] = "-apple-system, 'SF Pro Display', 'Helvetica Neue',  'Apple SD Gothic Neo', 'Roboto', 'Noto Sans KR', 'Malgun Gothic', sans-serif";
}
<!--@end-->


{@ // JS }
<load target="assets/js/jquery.cookie.js" type="body" />

{@ // CSS }
<load target="assets/css/base.scss" vars="$theme->variables" />
<load target="assets/css/typography.scss" vars="$theme->variables" />
<load target="assets/css/layout.scss" vars="$theme->variables" />
<load target="assets/css/input.scss" vars="$theme->variables" />
<load target="assets/css/checkbox.scss" vars="$theme->variables" />
<load target="assets/css/button.scss" vars="$theme->variables" />
<load target="assets/css/link.scss" vars="$theme->variables" />

{@ // COMPONENTS }
<include target="components/common/dropdown/dropdown.html" />
<include target="components/common/dialog/dialog.html" />

{@ // 외부 라이브러리 }
<script type="module" src="https://unpkg.com/ionicons@5.2.3/dist/ionicons/ionicons.esm.js"></script>