أعجبك موقع؟ اسحب مظهره إلى تطبيقك

انسخ theme-engine.css وtheme-engine.js إلى مشروعك (واللوحة اختيارية).

<link rel="stylesheet" href="theme-kit/theme-engine.css">
<script src="theme-kit/theme-engine.js"></script>

إن كان تطبيقك يستعمل --card أو --ink، مرّرها في aliases بدل إعادة كتابة الأنماط.

ThemeKit.config({
  aliases: {
    '--tk-surface': '--card',
    '--tk-ink': '--ink',
    '--tk-accent': '--brand'
  }
})

boot() يطبّق المظهر المحفوظ عند الإقلاع، وmount() يضيف اللوحة العائمة.

ThemeKit.boot()
ThemeWidget.mount()

خلفية الصفحة

--tk-bg · --tk-bg-image

سطح البطاقات

--tk-surface · --tk-glass

الألوان الأساسية

--tk-accent · -2 · -soft

النصّ والحدود

--tk-ink · --tk-muted · --tk-line