# Görünüm ve tema

Formunuzu renklerle, yazı tipleriyle, ön ayarlarla, paylaşılan çalışma alanı temalarıyla, kapak görselleriyle ve koyu modla temalandırın.

## Görünüm ve tema

Renkler, yazı tipleri, ön ayarlar, kapak görselleri ve koyu mod. Her formu markanızın doğal bir parçası gibi hissettirin.

<h2 id="theme-panel">Tema paneli</h2>
<p>
  Üst araç çubuğundaki <strong>Tema</strong> (palet simgesi) seçeneğine tıklayın. Panel sağ tarafa sabitlenir ve değişiklikleri anında
  önizler.
</p>
<p>
  Panelin üstündeki <strong>Mod</strong> düğmesi (Açık / Koyu), hangi renk şemasını düzenlediğinizi değiştirir. Her mod kendi tema
  değerlerini saklar; bu sayede ikisini bağımsız olarak ince ayarlayabilirsiniz.
</p>
<p>
  Altındaki <strong>Tema</strong> seçici önce o mod için çalışma alanı temalarınızı, ardından yerleşik ön ayarları listeler. Alt bilgi, siz
  bir şey değiştirene kadar <strong>Tüm değişiklikler kaydedildi</strong> yazısını gösterir; ardından <strong>İptal Et</strong> ve{' '}
  <strong>Kaydet</strong> seçenekleri belirir.
</p>

<h2 id="presets">Ön ayarlar</h2>
<p>
  Tema seçici, açık mod için yedi ve koyu mod için dokuz ön ayar taşır. Her biri tek tıklamayla koordineli bir renk seti, bir yazı tipi ve
  köşe yuvarlaklığı uygular.
</p>
<ul>
  <li>
    <strong>formbase varsayılan</strong> — her yeni forma otomatik olarak uygulanır, her mod için birer tane
  </li>
  <li>
    <strong>Ön ayarlar</strong> — aşağıda listelenen özenle seçilmiş temalar
  </li>
  <li>
    <strong>Özel</strong> — "Yalnızca bu form". Herhangi bir değeri elle değiştirdiğinizde seçicinin gösterdiği şey
  </li>
</ul>

> ℹ️ **Ücretsiz planda kullanılabilir**
> <p>
>     Ön ayarlar ve ayrı açık/koyu stiller dahil olmak üzere özel temalar her planda kullanılabilir. Bkz.{' '}
>     <a href="/tr/subscription-billing/plans-pricing">planlar ve fiyatlandırma</a>.
>   </p>

<h3 id="light-presets">Açık mod ön ayarları</h3>

<h3 id="dark-presets">Koyu mod ön ayarları</h3>

<h2 id="workspace-themes">Çalışma alanı temaları</h2>
<p>
  Çalışma alanı teması, birden çok formun paylaştığı, tek bir mod (açık veya koyu) için adlandırılmış bir temadır. Her formu marka
  kimliğinize uygun tutmak için birini kullanın: temayı bir kez değiştirin, onu kullanan tüm formlar bu değişikliği izlesin. Her iki modu da
  temalandırmak için iki tane tutun, örneğin <em>Acme Light</em> ve <em>Acme Dark</em>.
</p>

<h3 id="create-workspace-theme">Çalışma alanı teması oluşturma</h3>
<ol>
  <li>
    Bir formda tema panelini açın, Açık veya Koyu seçin ve form istediğiniz gibi görünene kadar bir ön ayar seçin veya renkleri ayarlayın.
  </li>
  <li>
    Tema seçicinin altındaki <strong>Çalışma alanı teması olarak kaydet</strong> seçeneğine tıklayın ve şirketinizin adı gibi bir ad verin.
  </li>
</ol>
<p>Formun o modu artık yeni temaya bağlıdır. Seçici, temanın adını ve kaç formda kullanıldığını gösterir.</p>

<h3 id="use-workspace-theme">Başka bir formda kullanma</h3>
<p>
  Diğer formda tema panelini açın, <strong>Çalışma alanı temaları</strong> altından temayı seçin ve <strong>Kaydet</strong>’e tıklayın.
  Seçici yalnızca düzenlediğiniz mod için çalışma alanı temalarını listeler; bu yüzden açık ve koyu modları ayrı ayrı bağlayın.
</p>

<h3 id="edit-workspace-theme">Bağlı bir formu düzenleme</h3>
<p>
  Bağlı bir form, diğer formlar gibi düzenlenir. Değişiklikleriniz çalışma alanı temasından farklılaşır farklılaşmaz, alt bilgi bu
  değişikliklerin nereye kaydedileceğini sorar:
</p>
<ul>
  <li>
    <strong>[Tema adı] içine kaydet</strong> çalışma alanı temasını ve ona bağlı tüm formları günceller.
  </li>
  <li>
    <strong>Yalnızca bu form için kaydet</strong> değişikliği yalnızca bu formda tutar. O mod, çalışma alanı temasını izlemeyi bırakır ve
    özel bir temaya dönüşür.
  </li>
</ul>
<p>Bağlı bir moda ön ayar uygulamak, bağlantısını da kaldırır. Yeniden bağlamak için seçiciden çalışma alanı temasını seçin ve kaydedin.</p>

> ℹ️ **Yayımlanan formlar bir sonraki yayımlamada güncellenir**
> <p>
>     Bir çalışma alanı temasını kaydetmek, bağlı her formun taslağını hemen değiştirir. Yanıtlayanlar, tıpkı diğer düzenlemelerde olduğu
>     gibi, her form yeniden yayımlandıktan sonra yeni görünümü görür. O ana kadar bağlı formlarda <strong>Değişiklikleri yayımla</strong>{' '}
>     yazısı görünür.
>   </p>

<h3 id="manage-workspace-themes">Yeniden adlandırma veya silme</h3>
<p>
  Bağlı bir formda, Tema seçicinin yanındaki <strong>⋯</strong> menüsünü açın. <strong>Yeniden adlandır</strong>, temanın adını kullanıldığı
  her yerde değiştirir. <strong>Sil</strong>, temayı kaldırır; onu kullanan formlar mevcut görünümlerini özel tema olarak korur.
</p>

<h2 id="theme-sections">Tema kontrolleri</h2>

<p>
  Bir ön ayar veya çalışma alanı teması seçin, ardından tipografi ve renkleri ince ayarlayın. Her renk, tek bir bileşeni değil bir amacı
  tanımlar. Örneğin <strong>Metin</strong>’i değiştirmek; sayfa metnini, soru başlıklarını, alan metnini ve seçenek metnini birlikte
  günceller. Bir rengin ne işe yaradığını görmek için adının üzerine gelin. Bir nokta, değiştirdiğiniz ama kaydetmediğiniz renkleri
  işaretler.
</p>

<h3 id="typography">Tipografi</h3>

<h3 id="colors">Renkler</h3>

<p>Renkler, formda nerede göründüklerine göre gruplandırılır.</p>

<p>
  Puanlama grubunda ayrıca Puanlama yıldızlarının piksel cinsinden boyutu olan <strong>Yıldız boyutu</strong> ayarı da bulunur, 12'den 48'e
  kadar.
</p>

<h2 id="fonts">Yazı tipleri</h2>
<p>formbase on bir yazı tipi ailesiyle birlikte gelir. Tipografi altında seçtiğiniz yazı tipi formdaki tüm metne uygulanır.</p>

<h2 id="cover-logo">Kapak görseli ve logo</h2>
<p>
  Kapak görseli ve logo, tuvalin üst kısmında yer alır. Bunları tema panelinin içinde değil, doğrudan tuval üzerinde ayarlarsınız. Adım adım
  anlatım için bkz. <a href="/tr/building-forms/understanding-the-editor#cover-logo">Düzenleyiciyi anlama → Kapak ve logo</a>.
</p>

<h2 id="dark-mode">Koyu mod</h2>
<p>formbase, koyu modu iki yerde destekler: kontrol paneli ve yayımlanan formlar.</p>

<h3 id="dark-mode-dashboard">Kontrol paneli</h3>
<p>Koyu modu, kenar çubuğunun altındaki kullanıcı menüsünden açıp kapatın. Ayar, cihazlar arasında hesabınızla birlikte gelir.</p>

<h3 id="dark-mode-published">Yayımlanan formlar</h3>
<p>Yayımlanan formlar, varsayılan olarak yanıtlayanın sistem tercihini izler. Cihazları koyu moddaysa form koyu modda gösterilir.</p>

<h3 id="dark-mode-theming">Her iki modu temalandırma</h3>
<p>
  Yalnızca açık bir tema kurduysanız form, koyu mod etkinken formbase'in varsayılan koyu renklerini kullanır. Tam kontrol için tema
  panelinin üstündeki açık/koyu geçiş düğmesini kullanarak her iki renk şemasını da ayarlayın.
</p>
<p>
  Tema panelinde Açık ve Koyu arasında geçiş yaptığınızda kontrol paneli de buna göre değişir. Bu sayede düzenlerken temanızı bağlam içinde
  önizleyebilirsiniz.
</p>

<h2 id="examples">Yaygın tema kalıpları</h2>

<ul>
  <li>
    <strong>Markanıza uydurun</strong> — marka yazı tipinizi seçin, Düğme rengini birincil marka renginize ayarlayın ve logonuzu yükleyin.
    Başlangıç noktası olarak bir ön ayar kullanın, ardından sonucu bir çalışma alanı teması olarak kaydedin; böylece her form onu paylaşır.
  </li>
  <li>
    <strong>Koyu mod öncelikli anket</strong> — paylaşırken gömme ayarları üzerinden koyu modu zorunlu kılın, ardından okunabilirlik için
    koyu renk şemasını özelleştirin. Yıldızların koyu arka planlarda öne çıkması için etkin puanlama rengi olarak yüksek kontrastlı bir
    vurgu kullanın.
  </li>
  <li>
    <strong>Minimalist gömme</strong> — Arka plan rengini web sitenizle eşleşecek şekilde ayarlayın, gömme ayarlarında kapak görselini ve
    logoyu gizleyin, sessiz bir Kenarlık rengi kullanın ve köşe yarıçapını 0'a düşürün.
  </li>
  <li>
    <strong>Eğlenceli quiz</strong> — Comic Sans MS seçin, hap şekilleri için köşe yarıçapını 32'ye doğru itin, parlak bir Seçili rengi
    kullanın ve kapak seçicinin Unsplash sekmesinden bir kapak görseli ekleyin.
  </li>
</ul>

<h2 id="branding">Markalama</h2>
<p>
  Varsayılan olarak, yayımlanan formlar küçük bir formbase rozeti gösterir. Bunu <strong>Form ayarları → Genel</strong> bölümündeki{' '}
  <strong>formbase Markasını Göster</strong> ile kapatın. Rozeti kaldırmak Pro veya Business plan gerektirir — bkz.{' '}
  <a href="/tr/subscription-billing/plans-pricing">planlar ve fiyatlandırma</a>.
</p>

> 💡 **Yayımlamadan önce hem açık hem de koyu modu test edin**
> <p>
>     Yayımlamadan önce formunuzu sistem koyu modu etkinken önizleyin. Logo kontrastı ve vurgu renkleri koyu varyant için genellikle küçük bir
>     ayar gerektirir — özellikle açık arka planda harika görünen ama koyu arka planda solan kapak görselleri ve düğme renkleri için.
>   </p>

<h2 id="next-steps">Sonraki adımlar</h2>
<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Dil ayarı](/tr/building-forms/language-setting) — Formunuzu herhangi bir dilde sunun
  - [Dosya yüklemeleri ve imzalar](/tr/building-forms/file-uploads-signatures) — Belge ve e-imza kabul edin
  - [Bot koruması](/tr/building-forms/captcha-bot-protection) — Cloudflare Turnstile ile spam'i engelleyin
  - [Paylaşım bağlantıları](/tr/sharing-publishing/sharing-embedding) — Paylaşım bağlantısı URL'leri oluşturun ve yönetin
</div>