TotalApp Dökümanlar

Görünüm Ayarları

TotalApp'in görsel stilini, tema renklerini, ekran düzenini ve arayüz davranışlarını kişiselleştirin.

Genel Bakış

Tüm görsel kişiselleştirme Ayarlar → Görünüm altında yaşar. Değişiklikler anında uygulanır ve oturumlar arasında kalıcıdır. Kaydet butonu gerekmez.

Tema

TotalApp için genel renk temasını seçin. Sekiz hazır tema mevcuttur — her biri seçicide iki tonlu bir örnek (arka plan + vurgu) gösterir:

Koyu (Dark) Varsayılan

Derin koyu arka plan (#080a12), mavi vurgu ve hafif cam yüzeyler. Düşük ışıklı ortamlarda uzun kullanım için idealdir.

Açık (Light)

Açık slate arka plan, yüksek kontrastlı metin ve mavi vurgu. Aydınlık ofisler için uygundur.

Sistem (System)

Slate yüzeyler ve indigo vurgu — dengeli bir ara palet.

Neon

Neredeyse siyah arka plan, parlak yeşil (#00ff9d) vurgu. Yüksek enerjili, cyberpunk his.

Ocean

Derin lacivert arka plan, camgöbeği vurgu. Serin, sakin palet.

Forest

Çok koyu yeşil arka plan, yeşil vurgu. Toprak tonlu, sönük görünüm.

Monokai

Sıcak antrasit arka plan, klasik lime (#a6e22e) editör vurgusu. Geliştiricilere tanıdık.

Sleek

Lacivert gradient, glassmorphism kartlar ve indigo vurgu. Yüksek kontrast, premium his.

Özel temalar White Label sekmesinde, her tema için CSS token değerleri geçersiz kılınarak yapılandırılabilir.

Yüzey Stili (Surface Style)

Koyu temalarda kart ve panel yüzeylerinin tonunu belirler:

Elevated Varsayılan

Hafif yükseltilmiş slate yüzeyler (#1e293b) — standart görünüm.

Midnight

Arka plana karışan daha koyu, daha düz yüzeyler (#0f172a).

Zinc

Mavi tonu olmayan nötr gri yüzeyler (#3f3f46).

Ekran Başlığı İkonunu Göster

Ekran başlıklarının yanındaki küçük ikonu uygulama genelinde gösteren/gizleyen bir anahtar. Varsayılan kapalı. (Aşağıdaki Ekran Başlığı bölümünde de görünen ile aynı ayardır — her ikisi de aynı ayarı günceller.)

Ekran Stili

Ekranlarınızın genel görsel felsefesini belirler. Üç stilden birini seçin — ayar tek yerden tüm uygulamaya uygulanır ve otomatik olarak saklanır:

Terminal

Monospace konsol estetiği — keskin köşeler, koyu konsol giriş/seçim/metin alanları, tablo rakamları. Standart ekranları geliştirici-terminali görünümüne dönüştürür.

Workstation Varsayılan

Ghost/glow butonlar ve cam kart yüzeyleriyle koyu estetik. Standart TotalApp görünümü.

Enterprise

Beyaz paneller, dolu butonlar ve slate kenarlıklarla açık kurumsal görünüm. Geleneksel iş yazılımı hissini tercih eden müşteriler için tanıdık ERP/Odoo estetiği.

Enterprise seçimi uygulamayı açık temaya ve dolu butonlara da geçirir; Terminal ve Workstation koyu tema ve glow butonlar kullanır. Bunlar başlangıç noktasıdır — Tema ve buton stilini sonradan ayrıca değiştirebilirsiniz. Stil artık neredeyse her ekrana (~240 ekran) uygulanır, bu yüzden değiştirmek yalnızca birkaç ekranı değil tüm uygulamayı tutarlı biçimde yeniden giydirir.

Yerleşim Genişliği (Layout Width)

Ekran içeriğinin ne kadar genişleyebileceğini kontrol eder. Her ekran ortak bir standart taban genişliği paylaştığından, bu tek ayar bir modüldeki tüm ekranları hizalı tutar ve tüm uygulamayı tek yerden genişletip daraltmanıza olanak tanır — ekran başına düzenleme gerektirmez:

Compact

İçeriği daha dar bir sütuna sabitler; büyük ekranlarda daha sıkı ve odaklı görünüm.

Comfortable Varsayılan

TotalApp genelinde kullanılan standart dengeli genişlik.

Wide

Büyük ekranları daha iyi değerlendirmek için içeriği genişletir.

Full (Tam)

İçerik tüm görüntü alanını uçtan uca doldurur — tek yerden, ekran başına değişiklik olmadan.

Tam ekran konsol, pano ve beyaz tahta ekranları bu ayardan bağımsız olarak her zaman tam genişlik kullanır.

Buton Stilleri (Button Styles)

Uygulama genelinde ana ve geçiş (toggle) butonlarının görünümünü kontrol eder.

Ana Buton (Primary)

Glow Varsayılan

Hafif parıltılı mavi ana butonlar — standart koyu tema görünümü.

Solid

Parıltısız, düz dolu butonlar — daha temiz, daha kurumsal.

Golden

Premium bir vurgu için sıcak altın/amber ana butonlar.

Emerald

Yeşil ana butonlar.

Ayar Geçiş Stili (Settings Toggle)

Classic Varsayılan

Bu sekmedeki seçili/seçili olmayan geçiş-buton gruplarının orijinal ince görünümü.

Bold

Seçili seçenekte daha güçlü kenarlık ve gölge — açık modda daha nettir.

Bir İkincil Buton stili kontrolü çok yakında olarak gösterilir.

Uygulama İkon Stili (App Icon Style)

Modül/uygulama ikonlarının kartlarda ve kenar çubuğunda nasıl çizileceğini kontrol eder:

Gradient Varsayılan

İkonlar modüle özel renkli gradientler kullanır.

Monochrome

İkonlar daha sakin, tek biçimli bir görünüm için tek düz renkte çizilir.

Ekran Başlığı (Screen Header)

Her ekran ortak bir başlık paylaşır — küçük büyük-harf modül/bölüm etiketi ("eyebrow"), ekran başlığı, isteğe bağlı tek satırlık alt başlık ve sağ üstte hizalı ana aksiyon butonları (B2B/kurumsal SaaS standardı). Bu kontroller o ortak başlığın görünümünü uygulama genelinde ayarlar:

Eyebrow kontrastı

Prominent (varsayılan) veya Subtle — başlığın üstündeki küçük büyük-harf modül etiketinin ne kadar belirgin olacağı.

Yoğunluk (Density)

Compact, Comfortable (varsayılan) veya Spacious — başlığın font boyutu ve dikey boşluğu.

Aksiyon düzeni

Responsive (varsayılan; geniş ekranda satır içi, dar ekranda alta iner), Inline (her zaman başlık satırında) veya Stacked (her zaman kendi satırında) — başlık aksiyon butonları için.

Modül ikonunu göster

Başlığın solundaki küçük ikonu açar/kapatır. Bu ikon, uygulamanın My Apps'teki kartında kullanılan ikonun aynısıdır, böylece ikisi her zaman eşleşir.

Bunlar tüm ekranlara aynı anda uygulanır, böylece başlıklar tüm uygulamada tutarlı kalır.

Kayıt Ekleme Modu

Desteklenen bir ekranda (İK, Finans, PM, Pazarlama, Satın Alma) ana ekle butonuna tıkladığınızda "Yeni Ekle" formlarının nasıl açılacağını kontrol eder:

Modal Varsayılan

Form, bg-black/65 backdrop-blur perdesiyle ortalanmış bir katman olarak görünür. Alttaki ekran görünür ama erişilemezdir.

Panel

Form, sağ kenardan tam yükseklikte bir panel olarak kayar. Arkasındaki liste referans için görünür kalır. Geniş monitörlerde kullanışlıdır.

Düzenleme formları bu ayardan bağımsız olarak her zaman modal olarak açılır.

Araç Görünüm Modu

Image Creator, Video Creator, Doc View ve My Apps'te araç kartlarının nasıl gösterileceğini kontrol eder:

Detaylı Varsayılan

Solda büyük ikon, sağda başlık + açıklama içeren yatay kart. 1–3 sütunlu ızgara kullanır.

Kompakt

Ortalanmış büyük ikon ve yalnızca başlık içeren kare oranlı kutu. Daha yoğun 3–5 sütunlu ızgara. İkonları iyi bildiğinizde hızlı tarama için idealdir.

Proje Sekme Stili

Proje sekmelerinin (Kanban Panosu, Zaman Çizelgesi, Notlarım) sekme etiketinin yanında ikon gösterip göstermeyeceğini kontrol eder:

Yalnızca Metin Varsayılan

Yalnızca sekme etiketi metni. Sade ve minimal.

İkon + Metin

Sekme etiketinin solunda 14px ikon gösterilir. Aktif sekmeler ikon için primary rengi, pasifler sönük renk kullanır.

Kurs Oluşturucu Sekme Stili

Kurs Oluşturucu içindeki sekmelerin nasıl çizileceğini kontrol eder:

Alt Çizgi (Underline) Varsayılan

Aktif sekme, etiketinin altındaki bir çizgiyle işaretlenir.

Pill

Aktif sekme, dolu yuvarlak bir hap (pill) olarak çizilir.

İK Kenar Çubuğu Stili (HR Sidebar Style)

İK ve özel sol menüsü olan diğer modül ekranlarının kullandığı iç (ikincil) kenar çubuğunu kontrol eder. Üç alt kontrol:

Kenar Çubuğu Stili

İç kenar çubuğunu koyu "chrome" görünümü ile Açık (Light) varyantı arasında değiştirir.

Kenar Çubuğu Görünümü

Metin

İç kenar çubuğu öğeleri yalnızca etiketini gösterir.

İkon + Metin

İç kenar çubuğu öğeleri etiketin yanında bir ikon gösterir.

Kenar Çubuğu Font Boyutu

Okunabilirlik için iç kenar çubuğu metnini boyutlandırır (küçük / orta / büyük).

Üyeleri Otomatik Ekle

İlgili listeye üyeleri otomatik ekleyen bir anahtar — tam davranış için ayarın satır içi açıklamasına bakın.

Genel Yazı Tipi (Global Font)

Uygulama genelinde kullanılan arayüz yazı tipini belirler. Her seçenek kendi yazı tipiyle önizlenir:

  • Inter Varsayılan — temiz, nötr sans-serif.
  • JetBrains Mono — monospace, geliştirici odaklı.
  • DM Sans — geometrik sans-serif.
  • Sora — modern display sans-serif.
  • Nunito — yuvarlak, samimi sans-serif.
  • Raleway — zarif, ince sans-serif.
  • Lora — okunabilir serif.
  • Roboto Slab — slab serif.

Bölünmüş Görünüm (Split View)

Etkinleştirildiğinde, desteklenen ekranları tek panel yerine her zaman bölünmüş görünümde açan bir anahtar. Varsayılan kapalı.

My Apps Kart Boyutu

My Apps ekranındaki uygulama kartlarının görünümünü ayarlar. Her biri canlı önizlemeli üç alt kontrol:

Kart Boyutu

Satır başına daha fazla veya daha az sığması için uygulama kartlarını boyutlandırır (küçük / orta / büyük).

Renkli İkonlar

Bir anahtar: açıkken her uygulama kartı ikonu renkli gradientini kullanır; kapalıyken ikonlar tek biçimli nötr griye döner.

Hover Stili

Bir uygulama kartının fareyle üzerine gelindiğinde göstereceği görsel efekti seçer.

Liste Stili

Her "My Workspace" ekranındaki — My Boards, My Presentations, My Projects, My Tasks, My Writings, My Spreadsheets, My Reports, My Documents, My Workflows, My Prompts, My Knowledge, My Courses, My Tests ve My Goals — satır listelerinin görünümünü, ayrıca giderek büyüyen bir modül ekranı grubunu (Depo Envanteri, Malzeme Listesi (BOM), İş Emirleri, İş Talimatları, Devam Eden İş Takibi, Fatura Yöneticisi ve Hesaplar (CRM)) kontrol eder. Dört bağımsız ayar:

Satır Düzeni

Tablo Varsayılan

Satırlar, ortak başlık satırı olan tek bir kaydırılabilir tablonun içinde durur (sütunlar, desteklenen yerlerde sıralanabilir).

Kartlar

Her öğe, yuvarlak köşeli, aralıklı, kendi kenarlıklı satırı olarak görünür — ortak tablo başlığı yoktur.

Tablo Köşe Stili

Keskin Varsayılan

Tablonun dış kabı için köşe yuvarlaklığı ve dış kenarlık yok — kenarsız, düz görünüm.

Yuvarlak

Tablonun dış kabı yuvarlak köşeler ve hafif bir kenarlık alır; Kartlar düzeninin görsel diliyle uyumlu.

Çoklu Seçim Şekli

Daire Varsayılan

Satır seçim kutuları dolu daire olarak görünür.

Kare

Satır seçim kutuları dolu kare (yuvarlak köşeli) olarak görünür.

Seçili Kutuda Onay İkonu Göster

Kapalı Varsayılan

Seçili kutu yalnızca dolu primary rengi gösterir — içinde ikon yoktur.

Açık

Seçili kutu, dolu şeklin içinde ayrıca beyaz bir onay ikonu gösterir.

Çoklu Seçim Rengi ve Boyutu

İki ek kontrol seçim kutularını ince ayarlar: bir renk seçici, satır seçildiğinde kullanılan dolgu rengini belirler; bir boyut kontrolü kutuyu (küçük / orta / büyük) boyutlandırır.

Satır Aksiyon Butonu

Ghost Varsayılan

Satır başına aksiyon butonları (düzenle, sil, …) fareyle üzerine gelindiğinde beliren kenarlıksız ghost butonlar olarak çizilir.

Kenarlıklı

Satır aksiyon butonları her zaman görünür bir kenarlık gösterir, böylece fark edilmeleri kolaylaşır.

Satır Buton Etiketi

Yalnızca İkon Varsayılan

Satır aksiyon butonları kompakt bir satır için yalnızca ikonlarını gösterir.

İkon + Metin

Satır aksiyon butonları netlik için ikonla birlikte metin etiketini gösterir.

Dil

TotalApp iki arayüz dilini destekler:

  • İngilizce — varsayılan. Tüm arayüz metinleri, etiketler, butonlar ve durum metinleri İngilizce.
  • Türkçe — tüm menü öğeleri, form etiketleri, durum rozetleri, boş durumlar ve ipuçları dahil tam yerelleştirme. Terminal çıktısı İngilizce kalır.

Dil değişimi canlıdır — sayfa yenilemesi gerekmez. Değişiklik tüm açık ekranlara anında yansır.

Sıkça Sorulan Sorular

Bir görünüm ayarını değiştirdikten sonra Kaydet'e tıklamam gerekir mi?
Hayır. Ayarlar → Görünüm'deki her kontrol — Tema ve Yüzey Stili, Uygulama/Ekran Stili, Yerleşim Genişliği, Ekran Başlığı, Buton Stilleri, Uygulama İkon Stili, Proje ve Kurs Oluşturucu Sekme Stili, Kayıt Ekleme Modu, İK Kenar Çubuğu Stili, Genel Yazı Tipi, Bölünmüş Görünüm, My Apps Kart Boyutu, Araç Görünüm Modu, Liste Stili ve Dil — anında uygulanır ve otomatik olarak saklanır. Bu sekmede ayrı bir kaydet butonu yoktur.
Liste Stili hangi ekranları etkiler?
14 "My Workspace" liste/tablo ekranının tümü (My Boards, My Presentations, My Projects, My Tasks, My Writings, My Spreadsheets, My Reports, My Documents, My Workflows, My Prompts, My Knowledge, My Courses, My Tests ve My Goals) ile çoklu seçim tablosu olan giderek büyüyen bir modül ekranı grubu: Depo Envanteri, Malzeme Listesi (BOM), İş Emirleri, İş Talimatları, Devam Eden İş Takibi, Fatura Yöneticisi ve Hesaplar (CRM). Temelde farklı bir arayüz yapısına sahip ekranları (sekmeli not defteri Notlarım veya e-posta istemcisi Gelen Kutum gibi) etkilemez ve liste görünümünün yanında ızgara/kanban/grafik görünümü sunan ekranlarda bu modları değiştirmez.
Terminal, Workstation ve Enterprise ekran stilleri arasındaki fark nedir?
Workstation (varsayılan), TotalApp genelinde kullanılan koyu estetiktir; ghost/glow butonlar ve cam kart yüzeyleri. Terminal, ekranları monospace geliştirici-konsolu görünümüne dönüştürür — keskin köşeler, koyu konsol alanları, tablo rakamları. Enterprise, beyaz paneller, dolu butonlar ve slate kenarlıklarla açık kurumsal görünüme geçer; geleneksel ERP hissine daha yakındır (ayrıca uygulamayı açık temaya çevirir). Stil artık neredeyse her ekrana uygulanır, bu yüzden değiştirmek tüm uygulamayı tutarlı biçimde yeniden giydirir. Tam ekran konsol ve tuval ekranları kendi doğal görünümünü korur.
Yerleşim Genişliği veya Ekran Başlığı ekran başına kurulum gerektirir mi?
Hayır. İkisi de tek yerden global olarak uygulanır. Her ekran ortak bir taban genişliği ve ortak bir başlık bileşeni paylaştığından, Yerleşim Genişliği'ni (Compact/Comfortable/Wide/Full) veya Ekran Başlığı kontrollerini (eyebrow kontrastı, yoğunluk, aksiyon düzeni, modül ikonu) değiştirmek her ekranı aynı anda etkiler — ekranları asla tek tek ayarlamazsınız.
Kayıt Ekleme Modu mevcut kayıtları düzenlemeyi de etkiler mi?
Hayır. Kayıt Ekleme Modu (Modal vs Panel) yalnızca desteklenen ekranlarda "Yeni Ekle" formlarının nasıl açılacağını kontrol eder. Mevcut bir kaydı düzenlemek bu ayardan bağımsız olarak her zaman ortalanmış bir modal olarak açılır.
Dil ayarını değiştirmek sayfayı yeniler veya çalışmamı kaybeder mi?
Hayır. İngilizce ve Türkçe arasında dil değişimi anlık ve canlıdır — sayfayı yenilemez veya kaydedilmemiş form girdisini silmez ve tüm açık ekranlara anında yayılır. Terminal komut çıktısı seçilen dilden bağımsız olarak her zaman İngilizce kalır.

İlgili sayfalar: Genel Ayarlar  ·  White Label  ·  Uygulama Modları