다크모드 클래스
1. 첫번째 차트 ag-theme-quartz
.ag-theme-quartz
.ag-theme-quartz-dark
2. 두번째 차트
ag-theme-balham
ag-theme-balham-dark
----------------------------------------------------
<html lang="en" data-astro-cid-sckkx6r4=""
style="--lightModeCSSUrl: url("/images/sun.svg");
--darkModeCSSUrl: url("/images/moon.svg");"
data-dark-mode="false"
data-ag-theme-mode="light">
<html lang="en" data-astro-cid-sckkx6r4=""
style="--lightModeCSSUrl: url("/images/sun.svg");
--darkModeCSSUrl: url("/images/moon.svg");"
data-dark-mode="true"
data-ag-theme-mode="dark-blue">
------------------------------------------------------
<html lang="en" data-color-scheme="light" data-ag-theme-mode="light">
<body data-ag-theme-mode="dark-red">
<html lang="en" data-color-scheme="light" data-ag-theme-mode="light">
<body data-ag-theme-mode="light-red">
차트는
<html lang="en" data-color-scheme="dark"
data-ag-theme-mode="dark-blue"
data-dark-mode="true"><head>
<html lang="en" data-color-scheme="light"
data-ag-theme-mode="light"
data-dark-mode="true">
-------------------
바뀌면서 인라인으로 태그들이 들어감
:where([data-ag-theme-mode="dark-blue"])